@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700;800;900&display=swap');
*{box-sizing:border-box} :root{--bg:#060914;--bg2:#0a1020;--panel:rgba(255,255,255,.075);--panel2:rgba(255,255,255,.115);--line:rgba(255,255,255,.12);--text:#f8fafc;--muted:#aeb9cf;--soft:#d8e0ef;--blue:#5aa2ff;--violet:#8158ff;--green:#22c55e;--orange:#f59e0b;--danger:#ef4444}
html{scroll-behavior:smooth} body{margin:0;font-family:'Be Vietnam Pro',Arial,sans-serif;background:var(--bg);color:var(--text);min-height:100vh} body:before{content:"";position:fixed;inset:0;z-index:-3;background:radial-gradient(circle at 18% 2%,rgba(58,123,255,.24),transparent 28%),radial-gradient(circle at 90% 0%,rgba(126,58,242,.20),transparent 32%),linear-gradient(135deg,#06101d 0%,#070815 52%,#120b28 100%)} body:after{content:"";position:fixed;inset:0;z-index:-2;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.58),transparent 70%)} h1,h2,h3,p{margin:0} a{color:inherit}.app-shell{width:min(1240px,94%);margin:28px auto;display:grid;grid-template-columns:260px 1fr;gap:24px}.sidebar{position:sticky;top:24px;height:calc(100vh - 56px);border:1px solid var(--line);border-radius:28px;background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.045));box-shadow:0 28px 70px rgba(0,0,0,.28);padding:20px;display:flex;flex-direction:column}.side-brand{display:flex;align-items:center;gap:13px;padding:6px 4px 20px;border-bottom:1px solid var(--line)}.side-brand img{width:54px;height:54px;border-radius:18px;object-fit:contain;background:rgba(255,255,255,.92);padding:5px;box-shadow:0 14px 24px rgba(0,0,0,.25)}.side-brand strong{display:block;font-size:18px;font-weight:900;letter-spacing:.02em}.side-brand span{display:block;color:var(--muted);font-size:12px;margin-top:2px}.side-nav{display:flex;flex-direction:column;gap:10px;margin-top:20px}.side-nav a{text-decoration:none;padding:14px 15px;border-radius:16px;color:var(--soft);font-weight:800;border:1px solid transparent;display:flex;align-items:center;gap:10px}.side-nav a:hover,.side-nav a.active{background:rgba(255,255,255,.12);border-color:var(--line);color:#fff}.side-footer{margin-top:auto;color:var(--muted);font-size:13px;border-top:1px solid var(--line);padding-top:16px}.dot{display:inline-block;width:9px;height:9px;background:var(--green);border-radius:50%;box-shadow:0 0 16px var(--green);margin-right:7px}.main{min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:12px;color:#91b8ff;font-weight:900;margin-bottom:8px}.topbar h1{font-size:34px;font-weight:900;line-height:1.05}.top-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.timebox{height:56px;min-width:170px;padding:8px 14px;border:1px solid var(--line);border-radius:17px;background:rgba(255,255,255,.08);display:flex;flex-direction:column;justify-content:center}.timebox span{font-size:17px;font-weight:900}.timebox small{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ghost-btn{text-decoration:none;border:1px solid var(--line);background:rgba(255,255,255,.09);border-radius:15px;height:48px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;font-weight:900}.ghost-btn:hover{background:rgba(255,255,255,.16)}.hero-pro{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:30px;background:linear-gradient(120deg,rgba(23,55,112,.72),rgba(42,24,92,.58));box-shadow:0 28px 80px rgba(0,0,0,.25);padding:32px;display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:18px}.hero-pro:before{content:"";position:absolute;right:-80px;top:-120px;width:310px;height:310px;border-radius:50%;background:radial-gradient(circle,rgba(122,92,255,.34),transparent 64%)}.hero-pro:after{content:"";position:absolute;left:28%;bottom:-130px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(90,162,255,.19),transparent 68%)}.hero-pro>*{position:relative}.status-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:rgba(34,197,94,.12);border:1px solid rgba(34,197,94,.28);color:#bbf7d0;font-size:12px;font-weight:900;margin-bottom:14px}.status-pill i{width:8px;height:8px;background:var(--green);border-radius:50%;box-shadow:0 0 12px var(--green)}.hero-pro h2{font-size:32px;line-height:1.15;margin-bottom:9px}.hero-pro p{color:var(--muted)}.hero-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;min-width:240px}.hero-stats div{padding:18px;border-radius:22px;border:1px solid var(--line);background:rgba(255,255,255,.09);text-align:center}.hero-stats strong{display:block;font-size:31px;font-weight:900}.hero-stats span{font-size:12px;color:var(--muted);font-weight:800}.quick-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}.quick-row div{border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.06);padding:16px;display:grid;grid-template-columns:auto 1fr;column-gap:10px;row-gap:2px;align-items:center}.quick-row span{grid-row:span 2;font-size:22px}.quick-row b{font-size:14px}.quick-row small{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.system-card{position:relative;overflow:hidden;min-height:286px;padding:22px;border-radius:28px;border:1px solid var(--line);background:linear-gradient(150deg,rgba(255,255,255,.115),rgba(255,255,255,.045));box-shadow:0 22px 55px rgba(0,0,0,.24);display:flex;flex-direction:column;transition:transform .22s ease,border-color .22s ease,background .22s ease;animation:rise .42s ease both;animation-delay:calc(var(--i)*.06s)}@keyframes rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.system-card:hover{transform:translateY(-7px);border-color:rgba(124,171,255,.42);background:linear-gradient(150deg,rgba(255,255,255,.15),rgba(255,255,255,.06))}.system-card:before{content:"";position:absolute;right:-32px;top:-38px;width:122px;height:122px;border-radius:50%;background:rgba(90,162,255,.24);filter:blur(1px)}.system-card:nth-child(2):before{background:rgba(34,197,94,.22)}.system-card:nth-child(3):before{background:rgba(245,158,11,.25)}.system-card:nth-child(4):before{background:rgba(236,72,153,.24)}.card-top{position:relative;display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px}.icon{font-size:38px;line-height:1;transition:.2s}.system-card:hover .icon{transform:scale(1.08) rotate(-3deg)}.badge{font-size:11px;font-weight:900;border-radius:999px;padding:7px 10px;border:1px solid var(--line);background:rgba(255,255,255,.08);white-space:nowrap}.badge.online{color:#bbf7d0;border-color:rgba(34,197,94,.34);background:rgba(34,197,94,.12)}.badge.empty{color:#fed7aa;border-color:rgba(245,158,11,.30);background:rgba(245,158,11,.10)}.system-card h3{font-size:21px;line-height:1.25;margin-bottom:12px;min-height:54px}.system-card p{color:var(--muted);font-size:14px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:66px}.card-bottom{margin-top:auto;padding-top:18px}.open-btn{height:49px;width:100%;border:1px solid rgba(255,255,255,.15);border-radius:16px;text-decoration:none;color:#fff;background:linear-gradient(135deg,rgba(90,162,255,.88),rgba(129,88,255,.86));display:flex;align-items:center;justify-content:center;font-weight:900;font-size:15px;box-shadow:0 16px 26px rgba(71,104,255,.22);cursor:pointer}.open-btn:hover{filter:brightness(1.08)}.open-btn.muted{background:rgba(255,255,255,.12);box-shadow:none;color:#eef2ff}.footer{text-align:center;color:var(--muted);font-size:13px;margin:24px 0 0}.login-page{display:grid;place-items:center;min-height:100vh;padding:24px}.login-card{width:min(460px,94%);padding:38px;border-radius:34px;border:1px solid var(--line);background:linear-gradient(150deg,rgba(255,255,255,.12),rgba(255,255,255,.055));box-shadow:0 34px 90px rgba(0,0,0,.36);text-align:center}.login-logo{width:118px;height:118px;margin:0 auto 18px;border-radius:32px;background:#fff;display:grid;place-items:center;padding:10px;box-shadow:0 22px 48px rgba(0,0,0,.32)}.login-logo img{width:100%;height:100%;object-fit:contain}.login-card h1{font-size:30px;font-weight:900}.tagline{color:var(--muted);margin:10px 0 22px}.login-form{display:grid;gap:12px}.login-form input,.panel input{width:100%;height:50px;border-radius:15px;border:1px solid var(--line);background:rgba(255,255,255,.085);color:#fff;padding:0 14px;outline:none;font:inherit}.login-form button,.panel button{height:50px;border:0;border-radius:15px;background:linear-gradient(135deg,var(--blue),var(--violet));color:#fff;font:inherit;font-weight:900;padding:0 18px;cursor:pointer}.alert,.success{padding:14px 16px;border-radius:16px;margin:0 0 16px}.alert{background:rgba(239,68,68,.14);color:#fecaca;border:1px solid rgba(239,68,68,.24)}.success{background:rgba(34,197,94,.14);color:#bbf7d0;border:1px solid rgba(34,197,94,.24)}.admin-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:18px}.panel{border:1px solid var(--line);border-radius:26px;background:rgba(255,255,255,.07);box-shadow:0 20px 50px rgba(0,0,0,.2);padding:24px}.panel.wide{grid-row:span 2}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px}.panel h2{font-size:23px}.mini-badge{font-size:12px;font-weight:900;color:#c7d2fe;border:1px solid var(--line);border-radius:999px;padding:7px 10px;background:rgba(255,255,255,.08)}.panel label{display:block;margin-bottom:14px;color:#e5ebf8;font-weight:800}.panel label span{display:block;margin-bottom:8px}.link-form input{margin-bottom:2px}.log-list{display:grid;gap:10px;max-height:360px;overflow:auto}.log-list div{padding:12px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.045)}.log-list strong{display:block;font-size:13px}.log-list span{display:block;color:var(--muted);font-size:12px;margin-top:4px;line-height:1.4}@media(max-width:1100px){.app-shell{grid-template-columns:1fr}.sidebar{position:relative;top:auto;height:auto}.side-nav{flex-direction:row;flex-wrap:wrap}.side-footer{display:none}.grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.app-shell{width:94%;margin:18px auto}.topbar,.hero-pro{flex-direction:column;align-items:flex-start}.top-actions{width:100%;justify-content:flex-start}.timebox{min-width:100%;height:58px}.hero-stats{width:100%;min-width:0}.quick-row{grid-template-columns:1fr}.admin-grid{grid-template-columns:1fr}.panel.wide{grid-row:auto}.topbar h1{font-size:26px}.hero-pro h2{font-size:26px}.grid{grid-template-columns:1fr}.system-card{min-height:248px}.side-brand img{width:48px;height:48px}.side-nav a{flex:1;justify-content:center}.ghost-btn{height:44px;padding:0 14px}}