:root{font-family:Vazirmatn,sans-serif;color:#e8ebf5;background:#090d18;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#090d18}button,input{font:inherit}button{cursor:pointer}.shell{min-height:100vh;display:flex;background:radial-gradient(ellipse at 78% 0%,#17162e 0,transparent 35%),#090d18}.sidebar{width:258px;position:fixed;right:0;top:0;bottom:0;padding:28px 18px 20px;background:#0d1220f0;border-left:1px solid #1e2638;display:flex;flex-direction:column;z-index:5}.brand{display:flex;align-items:center;gap:12px;padding:0 8px 34px}.brand b{display:block;font-size:19px;letter-spacing:2px}.brand small{display:block;color:#737e99;font-size:9px;letter-spacing:1.4px}.brand-mark{width:52px;height:52px;border-radius:17px;background:linear-gradient(145deg,#8e78ff,#5b48c7);display:grid;place-items:center;font-size:29px;font-weight:800;color:#fff;box-shadow:0 8px 30px #765cff40}.brand-mark.small{width:43px;height:43px;border-radius:14px;font-size:23px}.side-label,.eyebrow{font-size:10px;letter-spacing:1.4px;color:#77819b;font-weight:700}.side-label{padding:0 12px 13px}.nav-item{position:relative;width:100%;border:0;background:transparent;color:#8993ab;display:flex;align-items:center;gap:13px;text-align:right;padding:13px 14px;border-radius:11px;margin-bottom:5px;font-size:12px;transition:.2s}.nav-item:hover{background:#171e31;color:#dce1f3}.nav-item.selected{background:linear-gradient(100deg,#6e5ad21f,#8e79ff14);color:#b9aaff;border:1px solid #7d6bdb2c}.nav-item i{position:absolute;right:-18px;width:3px;height:22px;border-radius:4px;background:#9883ff}.side-bottom{margin-top:auto}.secure{display:flex;align-items:center;gap:10px;padding:14px 11px;border:1px solid #202c3c;background:#101a25;border-radius:12px;margin-bottom:15px}.secure-icon{color:#42d6a0}.secure b,.secure small{display:block}.secure b{font-size:11px}.secure small{font-size:9px;color:#77869a;margin-top:3px}.live-dot{width:7px;height:7px;border-radius:50%;background:#3bd6a0;display:inline-block;box-shadow:0 0 10px #3bd6a077;margin-right:auto}.main{margin-right:258px;width:calc(100% - 258px);padding:0 38px;max-width:1700px}.topbar{height:105px;border-bottom:1px solid #1d2638;display:flex;align-items:center;justify-content:space-between}.topbar h2{font-size:18px;margin:6px 0 0}.top-actions{display:flex;align-items:center;gap:18px}.icon-btn{width:38px;height:38px;border:1px solid #273149;background:#111a2a;color:#aab4ca;border-radius:11px;display:grid;place-items:center;font-size:22px}.admin-chip{display:flex;align-items:center;gap:10px}.avatar{width:37px;height:37px;border-radius:12px;background:linear-gradient(145deg,#574a9f,#24264b);display:grid;place-items:center;font-weight:700}.admin-chip b,.admin-chip small{display:block}.admin-chip b{font-size:11px}.admin-chip small{font-size:9px;color:#7c88a0}.welcome{margin:32px 0 22px;padding:25px 30px;border:1px solid #282747;border-radius:17px;background:linear-gradient(105deg,#17182c,#17172a 65%,#252047);display:flex;justify-content:space-between;align-items:center;overflow:hidden;position:relative}.welcome h1{font-size:24px;margin:7px 0}.welcome h1 span{font-size:19px}.welcome p,.panel-head p{font-size:11px;color:#8993aa;margin:0}.welcome-art{width:145px;height:100px;display:grid;place-items:center;color:#a897ff;position:relative}.orbit{position:absolute;border:1px solid #8e7aff4c;border-radius:50%;transform:rotate(-25deg)}.o1{width:135px;height:62px}.o2{width:100px;height:100px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:18px}.stat-card,.panel{background:linear-gradient(145deg,#111a2a,#101725);border:1px solid #202b40;border-radius:15px}.stat-card{padding:18px 19px;min-height:132px}.stat-top{display:flex;align-items:center;justify-content:space-between;color:#a5aec2;font-size:11px}.stat-icon{width:35px;height:35px;border-radius:11px;background:#ffffff08;display:grid;place-items:center}.stat-card strong{display:block;font-size:27px;margin:7px 0 1px;letter-spacing:.5px}.stat-card small{font-size:9px;color:#77849b;display:flex;align-items:center;gap:7px}.stat-card small .live-dot{margin:0;width:6px;height:6px}.content-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:17px}.panel{padding:20px}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.panel-head h3{font-size:14px;margin:0 0 5px}.panel-head p{font-size:10px}.text-btn{border:0;background:transparent;color:#a999ff;display:flex;align-items:center;gap:6px;font-size:10px}.event-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid #202a3b}.event-icon{width:32px;height:32px;border-radius:10px;background:#8c79ff18;color:#a897ff;display:grid;place-items:center}.event-row b,.event-row small{display:block}.event-row b{font-size:10px}.event-row small{font-size:9px;color:#818ca3;margin-top:3px}.event-row time{margin-right:auto;color:#758098;font-size:9px}.quick-action{width:100%;display:flex;align-items:center;gap:12px;padding:12px 5px;background:none;border:0;border-top:1px solid #202a3b;color:#dce1ef;text-align:right}.quick-action>span:nth-child(2){flex:1}.quick-action b,.quick-action small{display:block}.quick-action b{font-size:10px}.quick-action small{font-size:9px;color:#7e8aa1;margin-top:3px}.quick-action>svg{color:#77829b}.quick-icon{width:35px;height:35px;border-radius:11px;display:grid;place-items:center}.purple{background:#8d79ff1b;color:#a99aff}.blue{background:#50b9ff1b;color:#66c2ff}.green{background:#36d6a01b;color:#48d9a7}.empty{min-height:150px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;color:#69758e;font-size:11px}.empty b{color:#aab4c9}.table-panel{margin-top:28px;min-height:380px}.table-actions{display:flex;gap:10px;align-items:center}.search{display:flex;align-items:center;gap:8px;padding:0 11px;background:#0c1320;border:1px solid #263149;border-radius:10px;color:#77839b}.search input{width:150px;background:transparent;border:0;outline:0;color:#e8ebf5;padding:9px 0;font-size:10px}.primary{border:1px solid #8874ff;background:linear-gradient(120deg,#806af0,#6553cb);color:#fff;border-radius:10px;padding:10px 15px;display:inline-flex;align-items:center;gap:8px;font-size:10px;box-shadow:0 5px 20px #7864e52b}.primary:hover{filter:brightness(1.12)}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap;text-align:right}th{font-size:10px;color:#7e8aa2;font-weight:500;padding:12px;border-bottom:1px solid #283247}td{font-size:10px;color:#c1c9d9;padding:14px 12px;border-bottom:1px solid #1e293a}.key-copy{display:flex;align-items:center;gap:8px;color:#b5a7ff;background:none;border:0;font-size:10px}.status{padding:5px 9px;border-radius:7px;font-size:9px}.status.active{color:#4bd9a7;background:#2ad69a17}.status.suspended,.status.revoked{color:#ff9c9c;background:#ff646417}.row-actions{display:flex;gap:7px}.row-actions button{border:1px solid #34415b;background:#182237;color:#aeb9d0;border-radius:7px;padding:5px 8px;font-size:9px}.row-actions .danger{color:#f99;border-color:#673d4a;background:#291923}footer{padding:28px 2px;color:#64718a;font-size:9px;display:flex;justify-content:space-between}.toast{position:fixed;top:18px;left:24px;z-index:20;background:#1d2d38;border:1px solid #2d6655;color:#a5f0d0;padding:12px 18px;border-radius:10px;font-size:11px;cursor:pointer}.toast span{margin-right:12px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;background:#02040ac9;display:grid;place-items:center;padding:20px}.modal{width:min(450px,100%);background:#121b2c;border:1px solid #303b54;border-radius:17px;padding:24px;box-shadow:0 30px 100px #0009}.modal-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:20px}.modal h3{margin:0 0 5px;font-size:16px}.modal p{margin:0;color:#8591a8;font-size:10px}.modal label,.login-card label{display:block;color:#aab4c8;font-size:10px;margin:14px 0 7px}.modal input,.login-card input{width:100%;padding:11px 12px;border-radius:9px;border:1px solid #2c3951;background:#0c1422;color:#e8ebf5;outline:none;font-size:11px}.modal input:focus,.login-card input:focus{border-color:#8a77f4}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:22px}.secondary{border:1px solid #35415a;background:#1a2436;color:#aeb8cb;border-radius:9px;padding:10px 16px;font-size:10px}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(ellipse at 50% 30%,#29204d 0,transparent 48%),#090d18}.login-card{width:min(410px,100%);padding:38px;border-radius:20px;background:linear-gradient(145deg,#151e30,#101725);border:1px solid #2b3650;box-shadow:0 30px 100px #0008}.login-card .brand-mark{margin:0 auto 22px}.login-card .eyebrow{text-align:center}.login-card h1{text-align:center;font-size:22px;margin:8px 0}.login-card h1 span{color:#a997ff}.login-card>p{text-align:center;color:#8490a7;font-size:11px;margin-bottom:25px}.login-card form .primary{margin-top:20px}.full{width:100%;justify-content:center;padding:12px}.login-foot{border-top:1px solid #263148;margin-top:25px;padding-top:17px;display:flex;justify-content:center;align-items:center;gap:8px;color:#74839b;font-size:10px}.notice{color:#ffb1b1;font-size:10px;text-align:center;margin-top:13px}@media(max-width:1050px){.stats{grid-template-columns:repeat(2,1fr)}.content-grid{grid-template-columns:1fr}}@media(max-width:700px){.sidebar{width:68px;padding:20px 9px}.brand{padding:0 3px 30px}.brand>div:last-child,.side-label,.nav-item span,.nav-item i,.secure>div:not(.secure-icon),.secure .live-dot,.side-bottom .nav-item{display:none}.nav-item{justify-content:center;padding:13px 0}.nav-item svg{width:19px}.secure{justify-content:center;padding:10px 0}.main{margin-right:68px;width:calc(100% - 68px);padding:0 15px}.topbar{height:85px}.welcome{padding:20px}.welcome-art{display:none}.stats{gap:9px}.stat-card{padding:13px;min-height:120px}.stat-card strong{font-size:22px}.content-grid{gap:10px}.panel{padding:15px}.top-actions{gap:8px}.admin-chip>div:last-child{display:none}.table-actions{flex-wrap:wrap}.search input{width:100px}footer span{display:none}}