:root{color-scheme:dark;--bg:#07101f;--panel:#101b2d;--panel2:#142239;--line:#263a58;--text:#e7eef9;--muted:#9cacc3;--blue:#65b9ff;--cyan:#64e5d2;--green:#6ee7a8;--amber:#ffd278;--red:#ff909d;--shadow:0 18px 55px #0005}*{box-sizing:border-box}html{font-family:Inter,Vazirmatn,system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--bg);color:var(--text)}body{margin:0;min-height:100vh;background:radial-gradient(circle at 80% 0,#12305b55,transparent 40%),var(--bg)}button,input,select,textarea{font:inherit}button{cursor:pointer}.hidden{display:none!important}.muted{color:var(--muted)}.small{font-size:.82rem}.mono{direction:ltr;text-align:left;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;word-break:break-all}.app{min-height:100vh;display:grid;grid-template-columns:250px 1fr}.sidebar{position:sticky;top:0;height:100vh;padding:26px 18px;background:#0b1627dd;border-left:1px solid var(--line);display:flex;flex-direction:column;gap:22px;backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:12px}.brand-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,#4aa9ff,#53e0c5);color:#06101d;font-size:23px;font-weight:900}.brand h1{font-size:1.1rem;margin:0}.brand p{margin:3px 0 0;color:var(--muted);font-size:.75rem}.nav{display:grid;gap:7px}.nav button{display:flex;align-items:center;gap:10px;border:0;border-radius:12px;background:transparent;color:var(--muted);padding:12px 14px;text-align:right}.nav button:hover,.nav button.active{background:#1a2d49;color:var(--text)}.nav button.active{box-shadow:inset -3px 0 var(--cyan)}.sidebar-footer{margin-top:auto;display:grid;gap:10px}.content{min-width:0;padding:28px;max-width:1600px;width:100%;margin:auto}.topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:26px}.topbar h2{margin:0 0 5px;font-size:1.55rem}.topbar p{margin:0;color:var(--muted)}.top-actions{display:flex;gap:8px;align-items:center}.btn{border:1px solid var(--line);border-radius:11px;padding:9px 14px;background:var(--panel2);color:var(--text);transition:.15s}.btn:hover{border-color:#4d6e9b;transform:translateY(-1px)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn.primary{border:0;background:linear-gradient(135deg,#429fec,#48cbb8);color:#06111d;font-weight:750}.btn.danger{background:#442231;color:#ffb3bc;border-color:#713448}.btn.success{background:#153a30;color:#8af0ba;border-color:#245c4b}.btn.ghost{background:transparent}.btn.icon{padding:8px 11px}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.card,.panel{background:linear-gradient(145deg,#122037ee,#0e192bee);border:1px solid var(--line);border-radius:17px;box-shadow:0 8px 30px #0002}.card{padding:18px}.card .label{color:var(--muted);font-size:.82rem}.card .value{font-size:1.85rem;font-weight:800;margin-top:9px}.card .hint{font-size:.76rem;color:var(--muted);margin-top:4px}.panel{padding:20px;margin-bottom:16px}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.panel h3{margin:0;font-size:1rem}.toolbar{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:14px}.field{display:grid;gap:6px;min-width:130px;flex:1}.field.grow{flex:2}.field label{font-size:.77rem;color:var(--muted)}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:10px;background:#0a1425;color:var(--text);padding:10px 11px;outline:0}input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #65b9ff20}textarea{min-height:90px;resize:vertical}.check{display:flex;align-items:center;gap:9px;padding:10px 0}.check input{width:18px;height:18px;accent-color:#51cbb7}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:13px}table{width:100%;border-collapse:collapse;min-width:760px}th,td{text-align:right;padding:12px 13px;border-bottom:1px solid #223550;vertical-align:middle;font-size:.85rem}th{color:var(--muted);font-weight:550;background:#0c1729;position:sticky;top:0}tr:last-child td{border-bottom:0}tbody tr:hover{background:#17243a66}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:4px 9px;font-size:.72rem;background:#1a2b44;color:#b7c8df;white-space:nowrap}.badge.approved,.badge.paid,.badge.active{color:var(--green);background:#15372d}.badge.pending{color:var(--amber);background:#3c321d}.badge.suspended,.badge.failed,.badge.cancelled,.badge.rejected{color:var(--red);background:#3e2330}.badge.admin{color:#b9a6ff;background:#2b2347}.actions{display:flex;gap:6px;flex-wrap:wrap}.empty{padding:34px;text-align:center;color:var(--muted)}.notice{padding:12px 14px;border:1px solid #31527a;background:#112b48;color:#bfe2ff;border-radius:12px;margin-bottom:15px}.notice.warning{border-color:#6a5227;background:#362d1c;color:#ffe0a0}.system-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.system-item{padding:12px;border-radius:12px;background:#0a1527;border:1px solid var(--line)}.system-item strong{display:block;margin-bottom:5px}.dialog{width:min(650px,calc(100% - 28px));max-height:88vh;overflow:auto;border:1px solid var(--line);border-radius:19px;background:var(--panel);color:var(--text);padding:0;box-shadow:var(--shadow)}.dialog::backdrop{background:#020712c9;backdrop-filter:blur(5px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid var(--line)}.dialog-head h3{margin:0}.dialog-body{padding:20px}.dialog-footer{display:flex;justify-content:flex-end;gap:8px;padding:14px 20px;border-top:1px solid var(--line)}.secret{padding:14px;background:#07111f;border:1px dashed var(--blue);border-radius:10px;color:#9bd4ff;user-select:all}.toast{position:fixed;bottom:24px;left:24px;z-index:99;max-width:min(430px,calc(100% - 40px));padding:13px 17px;background:#17334b;border:1px solid #3c6c91;border-radius:13px;box-shadow:var(--shadow)}.toast.error{background:#452331;border-color:#8e4357}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(440px,100%);padding:30px;background:linear-gradient(145deg,#13233a,#0e192b);border:1px solid var(--line);border-radius:23px;box-shadow:var(--shadow)}.login-card .brand{margin-bottom:25px}.login-card h2{margin:0 0 8px}.login-card form{display:grid;gap:15px;margin-top:24px}.login-card .btn{padding:12px}.error-text{color:var(--red);min-height:1.3em;font-size:.85rem}.mobile-menu{display:none}.footer-note{color:var(--muted);font-size:.75rem;text-align:center;margin-top:25px}@media(max-width:1100px){.cards{grid-template-columns:repeat(2,1fr)}.system-grid{grid-template-columns:1fr 1fr}}@media(max-width:760px){.app{display:block}.sidebar{position:static;width:100%;height:auto;padding:14px 16px;border-left:0;border-bottom:1px solid var(--line)}.sidebar .brand p,.sidebar-footer .muted{display:none}.nav{display:flex;overflow:auto;padding-bottom:3px}.nav button{white-space:nowrap;padding:9px 12px}.nav button.active{box-shadow:inset 0 -3px var(--cyan)}.sidebar-footer{position:absolute;top:19px;left:16px;margin:0}.sidebar-footer .btn{padding:7px 10px}.content{padding:18px 13px}.topbar{align-items:flex-start}.topbar h2{font-size:1.25rem}.cards{gap:9px}.card{padding:14px}.card .value{font-size:1.4rem}.grid2,.grid3{grid-template-columns:1fr}.system-grid{grid-template-columns:1fr}.panel{padding:14px}.toolbar>*{flex:1 1 45%}.top-actions .btn span{display:none}}