*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#08060d;color:#f7f3ff;min-height:100vh}button,input,textarea,select{font:inherit}.hidden{display:none!important}.muted{color:#9d93ad}.tiny{font-size:.78rem;color:#81768f}.eyebrow{font-size:.72rem;letter-spacing:.18em;color:#b485ff;font-weight:800}.glass{background:rgba(17,12,25,.78);border:1px solid rgba(176,120,255,.15);box-shadow:0 20px 60px rgba(0,0,0,.3);backdrop-filter:blur(18px)}.noise{position:fixed;inset:0;pointer-events:none;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E")}.bg-orb{position:fixed;border-radius:50%;filter:blur(80px);pointer-events:none;opacity:.25}.orb-one{width:360px;height:360px;background:#7e36d9;right:-100px;top:-90px}.orb-two{width:420px;height:420px;background:#35105e;left:-140px;bottom:-120px}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(460px,100%);padding:44px;border-radius:28px;text-align:center}.login-card h1{font-size:2.2rem;margin:.4rem 0 .6rem}.brand-mark{width:74px;height:74px;border-radius:22px;margin:auto;display:grid;place-items:center;background:linear-gradient(135deg,#a05cff,#55218d);font-weight:900;font-size:1.3rem;box-shadow:0 0 35px rgba(157,86,255,.28)}.brand-mark.small{width:46px;height:46px;border-radius:14px;margin:0}.btn{border:0;border-radius:12px;padding:11px 15px;cursor:pointer;font-weight:700;transition:.2s}.btn:hover{transform:translateY(-1px)}.btn.primary{background:linear-gradient(135deg,#9c59ff,#6f30c7);color:white}.btn.ghost{background:#16101f;color:#d9caec;border:1px solid rgba(255,255,255,.08)}.btn.danger{background:#34131a;color:#ffb0be;border:1px solid rgba(255,95,126,.2)}.btn.full{width:100%;margin-top:18px}.tiny-btn{padding:7px 10px;font-size:.78rem}.app-shell{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:20px 16px;display:flex;flex-direction:column;border-right:1px solid rgba(255,255,255,.06);background:#0c0812}.sidebar-brand{display:flex;gap:12px;align-items:center;padding:6px 8px 22px}.sidebar-brand strong,.sidebar-brand span{display:block}.sidebar-brand span{font-size:.78rem;color:#837890;margin-top:2px}.nav-list{display:flex;flex-direction:column;gap:5px;overflow:auto;padding-right:4px}.nav-item{background:transparent;color:#a99db7;border:0;text-align:left;padding:11px 12px;border-radius:10px;cursor:pointer}.nav-item:hover,.nav-item.active{background:#17101f;color:#fff}.nav-item.active{box-shadow:inset 3px 0 #9b58ff}.sidebar-footer{margin-top:auto}.main{min-width:0}.topbar{height:74px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid rgba(255,255,255,.06);background:rgba(8,6,13,.76);backdrop-filter:blur(14px);position:sticky;top:0;z-index:5}.user-chip{display:flex;gap:10px;align-items:center}.user-chip img{width:38px;height:38px;border-radius:50%;object-fit:cover;background:#21162d}.user-chip strong,.user-chip span{display:block}.user-chip span{font-size:.75rem;color:#8e829b}.content{padding:30px;max-width:1500px;margin:auto}.page-heading{display:flex;justify-content:space-between;gap:18px;margin-bottom:24px}.page-heading h1{font-size:2rem;margin:.25rem 0 .3rem}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px}.stat-card{padding:20px;border-radius:18px}.stat-card span,.stat-card small{display:block;color:#9e91ad}.stat-card strong{display:block;font-size:2rem;margin:8px 0}.dashboard-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:18px}.panel{border-radius:18px;padding:20px}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.panel-head h2{margin:0;font-size:1.05rem}.activity-row{display:flex;justify-content:space-between;gap:18px;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.055)}.activity-row:last-child{border-bottom:0}.activity-row strong,.activity-row span{display:block}.activity-row span,.activity-row time{font-size:.78rem;color:#8f849c}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quick-btn{border:1px solid rgba(255,255,255,.07);background:#140e1c;color:#d6c8e8;padding:18px;border-radius:14px;text-align:left;cursor:pointer}.quick-btn:hover{border-color:rgba(159,89,255,.45);background:#181021}.action-bar{display:flex;justify-content:flex-end;margin:-56px 0 24px;position:relative;z-index:1}.table-wrap{border-radius:18px;overflow:auto}table{width:100%;border-collapse:collapse;min-width:720px}th,td{padding:14px 16px;text-align:left;border-bottom:1px solid rgba(255,255,255,.055);font-size:.88rem}th{color:#9588a4;font-size:.73rem;text-transform:uppercase;letter-spacing:.08em;background:#100b16}td{color:#d7cde2}.row-actions{white-space:nowrap}.badge{display:inline-block;padding:5px 8px;border-radius:999px;background:#191122;color:#cba5ff;font-size:.73rem}.empty{border:1px dashed rgba(255,255,255,.1);border-radius:18px;padding:42px;text-align:center;color:#877b94}.empty h3{color:#eee6f7;margin-top:0}.loading,.error-panel{padding:30px;border-radius:16px;background:#120d18;color:#a799b6}.error-panel{color:#ffbcc8;border:1px solid rgba(255,70,110,.16)}.form-grid{display:grid;gap:14px}.form-grid label span{display:block;color:#a799b6;font-size:.78rem;margin-bottom:7px}.form-grid input,.form-grid textarea,.form-grid select{width:100%;background:#0d0912;color:#fff;border:1px solid rgba(255,255,255,.08);border-radius:11px;padding:11px 12px;outline:none}.form-grid textarea{min-height:110px;resize:vertical}.form-grid input:focus,.form-grid textarea:focus,.form-grid select:focus{border-color:#8f4de0}.check-row{display:flex;align-items:center;gap:10px}.check-row input{width:auto}.check-row span{margin:0!important}.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.64);display:grid;place-items:center;padding:20px;z-index:50}.modal{width:min(620px,100%);max-height:90vh;overflow:auto;border-radius:20px;padding:22px}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:18px}.modal-head h2{margin:.3rem 0 0}.icon-btn{border:0;background:#17101f;color:#fff;border-radius:10px;padding:9px 12px;cursor:pointer}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:4px}.toast{position:fixed;right:22px;bottom:22px;transform:translateY(20px);opacity:0;pointer-events:none;background:#17101f;border:1px solid rgba(255,255,255,.08);padding:13px 16px;border-radius:12px;z-index:100;transition:.2s}.toast.show{opacity:1;transform:none}.toast.error{border-color:rgba(255,70,110,.3);color:#ffb0be}.mobile-only{display:none}@media(max-width:1050px){.stats-grid{grid-template-columns:1fr 1fr}.dashboard-grid{grid-template-columns:1fr}}@media(max-width:800px){.app-shell{display:block}.sidebar{position:fixed;left:-290px;top:0;z-index:20;width:280px;transition:.22s}.sidebar-open .sidebar{left:0}.topbar{padding:0 16px}.content{padding:22px 16px}.mobile-only{display:inline-block}.user-chip div{display:none}.action-bar{margin:0 0 18px;justify-content:flex-start}.stats-grid{grid-template-columns:1fr}.page-heading h1{font-size:1.6rem}}
.login-logo{width:94px;height:94px;object-fit:contain;border-radius:24px;margin:0 auto 12px;display:block;filter:drop-shadow(0 0 28px rgba(157,86,255,.22))}
.sidebar-logo{width:46px;height:46px;object-fit:contain;border-radius:14px;display:block}
.sidebar-user{display:flex;align-items:center;gap:12px;padding:12px;border-radius:14px;margin:0 0 14px}
.sidebar-user img{width:44px;height:44px;border-radius:50%;object-fit:cover;background:#21162d;flex:0 0 auto}
.sidebar-user-text{min-width:0}.sidebar-user-text strong,.sidebar-user-text span,.sidebar-user-text small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sidebar-user-text span{font-size:.78rem;color:#b4a6c5}.sidebar-user-text small{font-size:.68rem;color:#766b84;margin-top:2px}
.topbar-status{display:flex;align-items:center;gap:8px;color:#9f94ad;font-size:.82rem}.status-dot{width:8px;height:8px;border-radius:50%;background:#56d88a;box-shadow:0 0 12px rgba(86,216,138,.55)}