:root{--bg:#07090d;--bg-2:#0d1119;--panel:rgba(18,23,34,.72);--panel-strong:rgba(20,26,38,.92);--panel-soft:rgba(255,255,255,.045);--line:rgba(255,255,255,.09);--line-strong:rgba(255,255,255,.16);--text:#f4f7fb;--muted:#8e9bae;--brand:#6ea8ff;--brand-2:#9a7cff;--cyan:#4fe4d5;--green:#62e6a7;--amber:#ffc86b;--red:#ff6f82;--shadow:0 25px 80px rgba(0,0,0,.35);--radius:22px}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}body:before{z-index:-2;background:radial-gradient(circle at 10% 5%,rgba(88,142,255,.16),transparent 32%),radial-gradient(circle at 85% 18%,rgba(154,124,255,.12),transparent 28%),radial-gradient(circle at 52% 92%,rgba(79,228,213,.08),transparent 30%),linear-gradient(180deg,#07090d,#0b0f17)}body:after,body:before{content:"";position:fixed;inset:0;pointer-events:none}body:after{z-index:-1;opacity:.14;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 0);background-size:54px 54px;-webkit-mask-image:radial-gradient(circle at 50% 30%,black,transparent 74%);mask-image:radial-gradient(circle at 50% 30%,black,transparent 74%)}.app-shell{min-height:100vh;display:grid;grid-template-columns:268px minmax(0,1fr)}.sidebar{position:-webkit-sticky;position:sticky;top:0;height:100vh;padding:18px 14px;border-right:1px solid var(--line);background:rgba(7,9,13,.72);-webkit-backdrop-filter:blur(26px);backdrop-filter:blur(26px);z-index:20}.brand{display:flex;align-items:center;gap:12px;padding:10px 12px 18px;font-weight:800;letter-spacing:-.02em;font-size:21px}.brand-mark{width:38px;height:38px;border-radius:13px;position:relative;background:linear-gradient(145deg,rgba(110,168,255,.95),rgba(154,124,255,.85));box-shadow:0 10px 35px rgba(110,168,255,.26),inset 0 1px 0 rgba(255,255,255,.5);transform:perspective(500px) rotateX(8deg) rotateY(-10deg)}.brand-mark:after,.brand-mark:before{content:"";position:absolute;background:#fff;border-radius:4px;opacity:.92}.brand-mark:before{width:17px;height:5px;left:10px;top:10px;box-shadow:0 7px 0 #fff,0 14px 0 #fff}.brand-mark:after{width:5px;height:24px;left:16px;top:7px;opacity:.28}.nav-section{margin:12px 0 16px}.nav-label{padding:0 13px 8px;color:#5f6b7d;font-size:10px;letter-spacing:.16em;font-weight:800}.nav-item{display:flex;align-items:center;gap:11px;padding:10px 12px;margin:3px 0;border-radius:13px;color:#9ba7b8;font-size:13px;transition:.18s ease}.nav-item:hover{color:#f7faff;background:rgba(255,255,255,.055);transform:translateX(2px)}.nav-item.active{color:#fff;background:linear-gradient(90deg,rgba(110,168,255,.17),rgba(154,124,255,.08));border:1px solid rgba(110,168,255,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.07)}.nav-item svg{width:17px;height:17px}.main{min-width:0}.topbar{height:72px;position:-webkit-sticky;position:sticky;top:0;z-index:15;gap:16px;padding:0 28px;border-bottom:1px solid var(--line);background:rgba(7,9,13,.58);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.command,.topbar{display:flex;align-items:center}.command{flex:1 1;max-width:620px;gap:10px;height:42px;padding:0 13px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.035);color:var(--muted)}.command input{flex:1 1;border:0;outline:0;background:transparent;color:#fff}.kbd{padding:3px 7px;border:1px solid var(--line);border-radius:7px;background:rgba(255,255,255,.05);font-size:11px;color:#778296}.top-actions{margin-left:auto;display:flex;align-items:center;gap:9px}.icon-btn{width:40px;height:40px;border-radius:13px;border:1px solid var(--line);background:rgba(255,255,255,.035);color:#aab5c5;display:grid;place-items:center}.avatar{width:38px;height:38px;border-radius:13px;display:grid;place-items:center;font-weight:800;background:linear-gradient(145deg,rgba(79,228,213,.25),rgba(110,168,255,.3));border:1px solid rgba(255,255,255,.12)}.page{padding:28px;max-width:1700px;margin:0 auto}.page-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:24px}.eyebrow{color:var(--brand);font-weight:800;font-size:11px;letter-spacing:.15em;text-transform:uppercase;margin-bottom:8px}h1{margin:0;font-size:clamp(28px,3vw,42px);line-height:1.05;letter-spacing:-.045em}.subhead{margin:9px 0 0;color:var(--muted);max-width:760px;font-size:14px;line-height:1.7}.actions{display:flex;gap:10px;flex-wrap:wrap}.btn{height:42px;border-radius:13px;padding:0 15px;display:inline-flex;align-items:center;gap:8px;color:#e9eef8;border:1px solid var(--line);background:rgba(255,255,255,.05)}.btn:hover{border-color:var(--line-strong);transform:translateY(-1px)}.btn.primary{background:linear-gradient(135deg,#659df7,#8b73ef);color:white;border:0;box-shadow:0 12px 35px rgba(100,150,255,.23),inset 0 1px 0 rgba(255,255,255,.3)}.btn.danger{color:#ff9aaa;border-color:rgba(255,111,130,.22);background:rgba(255,111,130,.08)}.btn.success{color:#90f0bf;border-color:rgba(98,230,167,.22);background:rgba(98,230,167,.08)}.grid{display:grid;grid-gap:16px;gap:16px}.grid.stats{grid-template-columns:repeat(5,minmax(0,1fr))}.grid.two{grid-template-columns:minmax(0,1.4fr) minmax(320px,.6fr)}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.card{border:1px solid var(--line);background:linear-gradient(160deg,rgba(21,27,40,.75),rgba(11,15,23,.68));box-shadow:var(--shadow),inset 0 1px 0 rgba(255,255,255,.055);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border-radius:var(--radius);overflow:hidden}.card.pad{padding:20px}.stat-card{padding:18px;min-height:122px;position:relative;transform-style:preserve-3d;transition:.2s ease}.stat-card:hover{transform:perspective(900px) rotateX(1.8deg) rotateY(-1.8deg) translateY(-2px);border-color:rgba(110,168,255,.18)}.stat-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:rgba(110,168,255,.1);color:#91baff;border:1px solid rgba(110,168,255,.13);margin-bottom:14px}.stat-number{font-size:28px;font-weight:800;letter-spacing:-.04em}.stat-label{color:var(--muted);font-size:12px;margin-top:4px}.stat-glow{position:absolute;right:-30px;top:-30px;width:100px;height:100px;border-radius:50%;background:rgba(110,168,255,.08);filter:blur(18px)}.card-head{padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line)}.card-title{font-weight:750;letter-spacing:-.02em}.card-subtitle{color:var(--muted);font-size:12px;margin-top:3px}.card-body{padding:16px 20px 20px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:720px}td,th{padding:13px 14px;text-align:left;border-bottom:1px solid rgba(255,255,255,.06);font-size:12px}th{color:#667387;font-size:10px;text-transform:uppercase;letter-spacing:.1em;font-weight:800}td{color:#c8d1dd}tr:last-child td{border-bottom:0}tr:hover td{background:rgba(255,255,255,.02)}.person{display:flex;align-items:center;gap:10px}.person-dot{width:33px;height:33px;border-radius:11px;display:grid;place-items:center;font-weight:800;font-size:11px;background:linear-gradient(145deg,rgba(110,168,255,.2),rgba(154,124,255,.2));border:1px solid var(--line)}.badge{display:inline-flex;align-items:center;gap:6px;min-height:25px;padding:4px 9px;border-radius:999px;font-size:10px;font-weight:800;letter-spacing:.02em;background:rgba(255,255,255,.055);color:#aab6c7;border:1px solid rgba(255,255,255,.07)}.badge.green{color:#7aefb6;background:rgba(98,230,167,.08);border-color:rgba(98,230,167,.13)}.badge.blue{color:#91baff;background:rgba(110,168,255,.08);border-color:rgba(110,168,255,.13)}.badge.amber{color:#ffd48f;background:rgba(255,200,107,.08);border-color:rgba(255,200,107,.14)}.badge.red{color:#ff9cac;background:rgba(255,111,130,.08);border-color:rgba(255,111,130,.14)}.dot{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 12px currentColor}.activity-list{display:grid;grid-gap:4px;gap:4px}.activity-row{display:grid;grid-template-columns:34px 1fr auto;grid-gap:11px;gap:11px;padding:11px 5px;align-items:start;border-bottom:1px solid rgba(255,255,255,.05)}.activity-row:last-child{border-bottom:0}.activity-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:11px;background:rgba(255,255,255,.045);color:#7e8da4}.activity-copy{color:#bdc7d5;font-size:12px;line-height:1.45}.activity-time{font-size:10px;color:#59667a}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px;gap:14px}.field{display:grid;grid-gap:7px;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:11px;color:#758296;font-weight:700}.input,.select,.textarea{width:100%;border:1px solid var(--line);outline:0;border-radius:13px;background:rgba(255,255,255,.035);color:#e9eef8;padding:11px 12px}.input:focus,.select:focus,.textarea:focus{border-color:rgba(110,168,255,.5);box-shadow:0 0 0 3px rgba(110,168,255,.08)}.textarea{min-height:110px;resize:vertical}.empty{min-height:280px;display:grid;place-items:center;text-align:center;padding:32px;color:var(--muted)}.empty-orb{width:84px;height:84px;margin:0 auto 16px;border-radius:28px;background:linear-gradient(145deg,rgba(110,168,255,.18),rgba(154,124,255,.08));border:1px solid rgba(255,255,255,.08);box-shadow:22px 20px 55px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.12);transform:perspective(700px) rotateX(12deg) rotateY(-16deg)}.auth-page,.empty-orb{display:grid;place-items:center}.auth-page{min-height:100vh;padding:28px;position:relative;overflow:hidden}.auth-page:before{content:"";width:650px;height:650px;border-radius:50%;background:radial-gradient(circle,rgba(110,168,255,.18),rgba(154,124,255,.05) 42%,transparent 68%);position:absolute;top:-220px;left:-190px;filter:blur(5px)}.auth-wrap{width:min(1120px,100%);display:grid;grid-template-columns:1.1fr .9fr;grid-gap:18px;gap:18px;position:relative;z-index:1}.auth-card,.auth-showcase{border:1px solid var(--line);border-radius:30px;background:rgba(12,16,24,.68);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);box-shadow:0 35px 100px rgba(0,0,0,.38)}.auth-showcase{min-height:650px;padding:48px;position:relative;overflow:hidden}.auth-card{padding:36px;align-self:stretch;display:flex;flex-direction:column;justify-content:center}.hero-title{font-size:58px;line-height:.98;letter-spacing:-.06em;max-width:650px;margin:30px 0 20px}.hero-title span{background:linear-gradient(100deg,#fff,#92baff 50%,#b795ff);-webkit-background-clip:text;color:transparent}.hero-copy{color:#8e9bae;font-size:16px;line-height:1.7;max-width:560px}.hero-visual{position:absolute;left:45px;right:45px;bottom:40px;height:230px;border-radius:25px;background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.015));border:1px solid rgba(255,255,255,.09);transform:perspective(1200px) rotateX(6deg) rotateY(-4deg);box-shadow:40px 45px 90px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.08);padding:22px}.hero-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px;height:100%}.hero-mini{border-radius:17px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.035);padding:14px}.skeleton{background:linear-gradient(90deg,rgba(255,255,255,.03),rgba(255,255,255,.08),rgba(255,255,255,.03));background-size:200% 100%;animation:shimmer 1.4s infinite;border-radius:10px}@keyframes shimmer{to{background-position:-200% 0}}.mobile-nav{display:none}@media (max-width:1180px){.grid.stats{grid-template-columns:repeat(3,1fr)}.grid.two{grid-template-columns:1fr}}@media (max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{display:none}.mobile-nav{display:flex;position:fixed;z-index:50;left:14px;right:14px;bottom:14px;height:62px;border:1px solid var(--line);border-radius:20px;background:rgba(10,14,21,.9);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);box-shadow:0 20px 70px rgba(0,0,0,.45);align-items:center;justify-content:space-around}.mobile-nav a{color:#738095;padding:10px}.mobile-nav a.active{color:#fff}.topbar{padding:0 16px}.page{padding:20px 16px 92px}.grid.stats{grid-template-columns:repeat(2,1fr)}.auth-wrap{grid-template-columns:1fr;max-width:580px}.auth-showcase{display:none}}@media (max-width:580px){.grid.stats,.grid.three{grid-template-columns:1fr}.page-head{flex-direction:column}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.command{max-width:none}.top-actions .icon-btn:first-child{display:none}.auth-card{padding:25px;border-radius:24px}}