@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&display=swap";:root{--bg: #f4f5f8;--card: #ffffff;--ink: #1e2433;--muted: #7b8294;--line: #e6e9f0;--indigo: #4f46e5;--indigo-soft: #eef0fe;--emerald: #0d9f6e;--emerald-soft: #e7f7f0;--amber: #b45309;--amber-soft: #fef3e6;--red: #dc2626;--nav: #10142a;--shadow: 0 1px 2px rgba(20, 28, 55, .04), 0 6px 20px rgba(20, 28, 55, .06)}*{box-sizing:border-box}html,body{max-width:100%;overflow-x:hidden}body{margin:0;font-family:IBM Plex Sans Arabic,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--ink);font-size:14px}button{font-family:inherit}.dot{width:8px;height:8px;border-radius:50%;background:var(--emerald);box-shadow:0 0 0 4px var(--emerald-soft);flex:none}.dot.gray{background:#9ca3af;box-shadow:0 0 0 4px #9ca3af33}.pill{padding:6px 14px;border-radius:999px;font-size:12.5px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:7px}.pill.stop{background:#e7eaf1;color:#4b5563}.pill.run{background:var(--emerald-soft);color:var(--emerald)}.layout{display:flex;min-height:100vh;align-items:stretch}.content{flex:1;min-width:0;max-width:100%;padding:26px;overflow-x:hidden}.sidebar{width:240px;flex:none;background:var(--nav);color:#cdd5e6}.sidebar-inner{padding:22px 16px;display:flex;flex-direction:column;gap:6px;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:18px;color:#fff;margin-bottom:22px}.brand .logo{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,var(--indigo),#7c6cf5);color:#fff;font-size:18px;flex:none}.side-nav{display:flex;flex-direction:column;gap:6px}.nav{display:flex;align-items:center;gap:11px;padding:11px 13px;border-radius:11px;color:#9aa4bd;font-weight:600;font-size:14px;background:transparent;border:none;cursor:pointer;width:100%;text-align:right;text-decoration:none;box-sizing:border-box}.nav:hover:not(.on){background:#ffffff0d;color:#cdd5e6}.nav.on{background:#4f46e542;color:#cdcffb}.nav-ic{display:inline-flex;align-items:center;flex:none}.side-foot{margin-top:14px;display:flex;flex-direction:column;gap:10px}.side-foot .pill{text-align:center}.topbar,.side-menu{display:contents}.nav-toggle,.nav-scrim{display:none}.page{max-width:1200px;margin:0 auto}.page-head{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:20px;flex-wrap:wrap}.page-head h1{margin:0;font-size:21px;font-weight:700}.cols{display:grid;grid-template-columns:1.2fr 1fr;gap:18px;align-items:start}.panel{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:var(--shadow)}.cap{font-size:12px;font-weight:700;color:var(--muted);letter-spacing:.02em;margin-bottom:16px;display:flex;align-items:center;gap:8px}.cap:before{content:"";width:4px;height:15px;border-radius:3px;background:var(--indigo)}.subcap{font-size:11.5px;font-weight:700;color:var(--muted);margin-bottom:8px}.summary{display:flex;align-items:center;gap:10px;padding:13px 16px;border-radius:12px;font-weight:600;flex-wrap:wrap}.summary.ok{background:var(--emerald-soft);color:var(--emerald);border:1px solid #b8ecd5}.summary.warn{background:var(--amber-soft);color:var(--amber);border:1px solid #fcd9a8}.summary-x{margin-inline-start:auto;font-weight:500;font-size:12.5px;opacity:.85}.saved{display:flex;flex-direction:column;gap:8px;margin-bottom:18px}.savedlist{display:flex;flex-direction:column;gap:8px;max-height:245px;overflow-y:auto;padding:2px}.savedrow.selectall{cursor:pointer;background:#f3f4ff;font-weight:700}.savedrow.selectall .nm{flex:none}.savedrow.selectall .selcount{color:var(--indigo);font-size:13px;font-weight:700;font-variant-numeric:tabular-nums}.savedrow{display:flex;align-items:center;gap:10px;background:#fafbff;border:1px solid var(--line);border-radius:11px;padding:10px 12px}.savedrow input{accent-color:var(--indigo);width:17px;height:17px;cursor:pointer}.savedrow .nm{font-weight:600;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.savedrow .nmwrap{flex:1;display:flex;align-items:center;gap:8px;min-width:0}.savedrow .nmwrap .nm{flex:0 1 auto;min-width:0}.savedrow .portchip{flex:none;font-size:11px;font-weight:700;line-height:1.6;padding:1px 9px;border-radius:999px;white-space:nowrap}.savedrow .tk{color:var(--muted);font-size:12.5px;white-space:nowrap}.portfilter{margin-bottom:8px}.portfilter select{width:100%;padding:8px 11px;border:1px solid var(--line);border-radius:10px;background:#fff;font:inherit;color:inherit;cursor:pointer}.portfilter select:focus{outline:none;border-color:var(--indigo)}.portfilter select:disabled{background:#f6f7fa;opacity:.7;cursor:not-allowed}.savedrow .reorder{display:flex;gap:4px;flex:none}.savedrow .reorder .iconbtn{width:26px;height:26px}.savedrow .reorder .iconbtn:hover:not(:disabled){background:#e6e8f5;color:var(--indigo)}.savedrow.bulkdelete{background:transparent;border:none;padding:4px 0 0;justify-content:flex-end}.savedrow.bulkdelete .btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;font-size:13px}.iconbtn{border:none;background:#f1f2f6;color:var(--muted);width:26px;height:26px;border-radius:8px;cursor:pointer;flex:none;display:grid;place-items:center}.iconbtn:hover:not(:disabled){background:#fde0e0;color:var(--red)}.iconbtn.login:hover:not(:disabled){background:#e6e8f5;color:var(--indigo)}.iconbtn.addtok{color:var(--emerald)}.iconbtn.addtok:hover:not(:disabled){background:var(--emerald-soft);color:var(--emerald)}.iconbtn:disabled{opacity:.4;cursor:not-allowed}.iconbtn.prioritybtn:hover:not(:disabled){background:#fdf3d7;color:#b8860b}.iconbtn.prioritybtn.on{color:#d99e02;background:#fdf3d7}.prioritytag{font-size:11px;color:#b8860b;background:#fdf3d7;border-radius:7px;padding:1px 7px;margin-inline-start:7px;vertical-align:1px}.empty{font-size:12.5px;color:var(--muted);padding:12px 14px;background:#fafbff;border:1px dashed var(--line);border-radius:11px}.card{border:1px solid var(--line);border-radius:14px;margin-bottom:14px;overflow:visible}.cardhead{display:flex;justify-content:space-between;align-items:center;background:var(--indigo-soft);padding:11px 16px;border-radius:13px 13px 0 0}.cardtitle{font-weight:700;color:var(--indigo);font-size:13px}.cardhead .iconbtn{background:#fff}.grid{display:grid;grid-template-columns:120px 1fr;gap:11px 14px;align-items:center;padding:16px}.grid label{color:var(--muted);font-size:13px;font-weight:500}.grid input,.grid select{width:100%;padding:9px 12px;border:1px solid var(--line);border-radius:9px;font-family:inherit;font-size:13.5px;color:var(--ink);background:#fff}.grid input:focus,.grid select:focus{outline:none;border-color:var(--indigo);box-shadow:0 0 0 3px var(--indigo-soft)}.grid input:disabled,.grid select:disabled{background:#f6f7fa;opacity:.7;cursor:not-allowed}.datefield{display:flex;flex-direction:column;gap:8px}.autofield{background:var(--indigo-soft);border:1px solid #d6d9fb;color:var(--indigo);border-radius:9px;padding:9px 12px;font-weight:600;font-size:13px}.combo{position:relative;width:100%}.combo-input{width:100%;padding:9px 30px 9px 12px;border:1px solid var(--line);border-radius:9px;font-family:inherit;font-size:13.5px;color:var(--ink);background:#fff}.combo-input:focus{outline:none;border-color:var(--indigo);box-shadow:0 0 0 3px var(--indigo-soft)}.combo.disabled .combo-input{background:#f6f7fa;opacity:.7;cursor:not-allowed}.combo-caret{position:absolute;inset-inline-end:12px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--muted);font-size:11px}.combo-list{position:absolute;top:calc(100% + 4px);inset-inline:0;z-index:60;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 8px 24px #0000001f;max-height:220px;overflow-y:auto;padding:4px}.combo-opt{padding:8px 10px;border-radius:7px;cursor:pointer;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.combo-opt.hi{background:var(--indigo-soft)}.combo-opt.sel{font-weight:700;color:var(--indigo)}.combo-empty{padding:8px 10px;color:var(--muted);font-size:13px}.field-invalid .combo-input{border-color:var(--red);box-shadow:0 0 0 3px #fde7e7}.field-warning{color:var(--red);font-size:12px;margin-top:5px;line-height:1.5}.addbtn{width:100%;border:1.5px dashed #c4c9d8;background:#fff;color:var(--muted);border-radius:12px;padding:13px;font-weight:600;cursor:pointer;font-size:13.5px}.addbtn:hover:not(:disabled){background:#f6f7fa}.addbtn:disabled{opacity:.5;cursor:not-allowed}.globalrow{display:flex;align-items:center;gap:10px;margin:18px 0 0;color:var(--muted)}.globalrow input{width:64px;padding:8px;border:1px solid var(--line);border-radius:9px;text-align:center;font-family:inherit}.actions{display:flex;gap:10px}.btn{border:none;border-radius:11px;padding:11px 18px;font-weight:700;cursor:pointer;font-size:14px}.btn.primary{background:var(--emerald);color:#fff;box-shadow:0 6px 16px #0d9f6e47}.btn.danger{background:var(--red);color:#fff;box-shadow:0 6px 16px #dc262642}.btn.ghost{background:#eef0f4;color:#4b5563}.card-actions{margin-top:16px}.card-actions .btn{flex:1}.error{color:var(--red);font-size:12.5px;min-height:16px;margin:12px 0 0}.notice{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;background:var(--amber-soft);border:1px solid #fcd9a8;color:var(--amber);border-radius:12px;padding:12px 14px;margin-bottom:12px;font-weight:600;font-size:13px}.alert{border-radius:12px;padding:12px 14px;margin-bottom:12px;font-size:13px}.alert.danger{background:#fde7e7;border:1px solid #f5b5b5;color:var(--red)}.alert-head{display:flex;align-items:flex-start;gap:8px;font-weight:700;line-height:1.5}.alert-head>span{flex:1}.alert-list{margin:8px 0 0;padding-inline-start:22px;font-weight:600;line-height:1.7}.alert-list li{margin-top:4px}.alert-list strong{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.loginBtn{border:none;border-radius:8px;padding:7px 14px;cursor:pointer;background:#2563eb;color:#fff;font-weight:600;font-size:13px;display:inline-flex;align-items:center;justify-content:center;gap:8px}.loginBtn.lg{padding:11px 22px;font-size:14px;border-radius:11px;box-shadow:0 6px 16px #2563eb42}.loginBtn.xl{padding:16px 40px;font-size:17px;border-radius:14px;font-weight:700;box-shadow:0 10px 24px #2563eb4d}.loginBtn.xl:hover{background:#1d4ed8}.login-hero{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;padding:28px 16px 30px;margin-bottom:12px;border-bottom:1px solid var(--line)}.login-status{display:inline-flex;align-items:center;gap:9px;font-weight:600;padding:9px 16px;border-radius:999px;font-size:13.5px}.login-status.ok{background:var(--emerald-soft);color:var(--emerald)}.login-status.warn{background:var(--amber-soft);color:var(--amber)}.login-sub{color:var(--muted);font-size:12.5px}.login-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:center}.loginBtn:disabled{opacity:.6;cursor:not-allowed}.refresh-line{display:flex;gap:12px;align-items:center;justify-content:center;margin:-4px 0 14px;flex-wrap:wrap}.refresh-countdown{color:var(--muted);font-size:12.5px}.refresh-msg{color:var(--emerald);font-size:12.5px;font-weight:600}.acct{display:flex;justify-content:space-between;align-items:center;padding:11px 14px;border:1px solid var(--line);border-radius:11px;margin-bottom:8px;gap:10px}.acct .u{font-family:ui-monospace,Menlo,monospace;font-weight:600;display:flex;align-items:center;gap:8px}.acct .bk,.acct .wt{font-size:10.5px;padding:2px 8px;border-radius:7px;font-weight:700;font-family:IBM Plex Sans Arabic,sans-serif;border:none}.acct .bk{background:var(--indigo-soft);color:var(--indigo)}.acct .wt{background:#eef0f4;color:#6b7280}.acct .host-badge{font-size:10px;padding:2px 7px;border-radius:7px;margin-inline-start:6px}.acct .host-badge.og{background:#eef0f4;color:#6b7280}.acct .host-badge.zt{background:var(--indigo-soft);color:var(--indigo)}.acct .host-badge.manual{background:#fef3c7;color:#92400e}.acct .tok-count{font-size:10px;font-weight:700;padding:2px 7px;border-radius:7px;margin-inline-start:6px;background:var(--emerald-soft);color:var(--emerald)}.acct .tok-count.zero{background:#eef0f4;color:#9aa1ad}.acct .role-toggle{cursor:pointer}.acct .role-toggle:hover{filter:brightness(.96)}.acct-right{display:flex;align-items:center;gap:10px}.validate-toggle{display:inline-flex;align-items:center;gap:6px;cursor:pointer;font-size:13px;color:var(--muted, #667);-webkit-user-select:none;user-select:none}.validate-toggle input{cursor:pointer}.acct-form{margin-top:18px;border-top:1px solid var(--line);padding-top:16px}.acct-form-row{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap}.afield{flex:1 1 160px;min-width:0;padding:10px 12px;border:1px solid var(--line);border-radius:10px;font-family:inherit;font-size:13.5px;background:#fbfcfe;color:var(--ink)}.afield:focus{outline:none;border-color:var(--indigo);box-shadow:0 0 0 3px var(--indigo-soft);background:#fff}.aselect{flex:0 1 auto;padding:10px 12px;border:1px solid var(--line);border-radius:10px;font-family:inherit;font-size:13.5px;background:#fbfcfe;color:var(--ink);cursor:pointer}.aselect:focus{outline:none;border-color:var(--indigo);box-shadow:0 0 0 3px var(--indigo-soft);background:#fff}.aselect-field{display:flex;flex-direction:column;gap:4px;flex:0 1 auto}.aselect-field .aselect{width:100%}.aselect-label{font-size:11px;font-weight:600;color:var(--muted);padding:0 2px}.seg{display:inline-flex;border:1px solid var(--line);border-radius:8px;overflow:hidden}.seg-opt{padding:7px 12px;font-size:12.5px;background:#fff;color:var(--muted);border:none;cursor:pointer}.seg-opt+.seg-opt{border-inline-start:1px solid var(--line)}.seg-opt.on{background:var(--indigo-soft);color:var(--indigo);font-weight:600}.acct-form .btn{flex:none}.acct .st{color:var(--emerald);font-weight:600;font-size:12.5px;display:flex;align-items:center;gap:6px;white-space:nowrap}.acct .st.off{color:var(--muted)}.statebar{background:var(--emerald-soft);border:1px solid #b8ecd5;color:var(--emerald);border-radius:12px;padding:13px 16px;font-weight:700;margin-bottom:12px;display:flex;align-items:center;gap:9px}.booked{display:flex;justify-content:space-between;align-items:center;padding:11px 4px;border-bottom:1px dashed var(--line);font-size:13px;color:var(--muted);gap:4px 10px;flex-wrap:wrap}.booked>span:not(.val){flex:1 1 auto;min-width:0;overflow-wrap:anywhere}.booked .val{color:var(--emerald);font-weight:700;white-space:nowrap;display:inline-flex;align-items:center;gap:6px;flex:none}.booked.clickable{cursor:pointer}.booked.clickable:hover{background:#fafbff}.booked.open{color:var(--ink);font-weight:600}.booked-details{display:grid;grid-template-columns:auto 1fr;gap:8px 16px;font-size:12.5px;background:#fafbff;border:1px solid var(--line);border-radius:10px;padding:12px 14px;margin:2px 0 8px}.booked-details .k{color:var(--muted)}.booked-details .v{font-family:ui-monospace,Menlo,monospace;overflow-wrap:anywhere}.stats{display:grid;grid-template-columns:auto 1fr;gap:10px 18px;margin-top:16px;font-size:13px;background:#fafbff;border:1px solid var(--line);border-radius:12px;padding:16px}.stats .k{color:var(--muted)}.stats .v{font-family:ui-monospace,Menlo,monospace;overflow-wrap:anywhere}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:80px 16px;color:var(--muted);font-weight:600}.spinner{width:34px;height:34px;border-radius:50%;border:3px solid var(--line);border-top-color:var(--indigo);animation:spin .8s linear infinite}.busy-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:#ffffffb8;-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);color:var(--muted);font-weight:700}.spin{animation:spin .9s linear infinite}.month-filter{display:flex;align-items:center;gap:8px;color:var(--muted);font-weight:600;font-size:13px}.month-filter select{padding:9px 12px;border:1px solid var(--line);border-radius:10px;font-family:inherit;font-size:13.5px;background:#fff;color:var(--ink)}.month-filter select:focus{outline:none;border-color:var(--indigo);box-shadow:0 0 0 3px var(--indigo-soft)}.bk-filters{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}.bk-search{padding:9px 12px;border:1px solid var(--line);border-radius:10px;font-family:inherit;font-size:13.5px;background:#fff;color:var(--ink);width:180px}.bk-search:focus{outline:none;border-color:var(--indigo);box-shadow:0 0 0 3px var(--indigo-soft)}.btn-export{padding:9px 14px;border:1px solid #b8ecd5;background:var(--emerald-soft);color:var(--emerald);border-radius:10px;font-family:inherit;font-weight:700;font-size:13px;cursor:pointer;white-space:nowrap}.btn-export:hover{filter:brightness(.97)}.btn-export:disabled{opacity:.5;cursor:not-allowed;filter:none}.bk-summary{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:10px;margin-bottom:18px}.bk-summary .stat{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 16px}.bk-summary .stat.total{background:var(--emerald-soft);border-color:#b8ecd5}.bk-summary .stat .k{font-size:12px;color:var(--muted);font-weight:700;margin-bottom:6px}.bk-summary .stat.total .k{color:var(--emerald)}.bk-summary .stat .v{font-size:22px;font-weight:800;font-family:ui-monospace,Menlo,monospace;color:var(--ink)}.bk-summary .stat .v.sm{font-size:15px}.bk-summary .stat.total .v{color:var(--emerald);font-size:26px}.bk-summary .stat .sub{font-size:11px;color:var(--muted);margin-top:3px}@media(max-width:720px){.bk-summary{grid-template-columns:1fr 1fr}}.day-group{margin-bottom:18px}.day-head{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;padding:9px 14px;background:var(--indigo-soft);border-radius:10px 10px 0 0;border:1px solid #d6d9fb;border-bottom:none}.day-date{font-weight:700;color:var(--indigo);font-family:ui-monospace,Menlo,monospace}.day-meta{font-size:12.5px;color:#5b54c9;font-weight:600;display:flex;gap:14px;flex-wrap:wrap;align-items:center}.day-meta .pill-rate{font-size:11px;background:#fff3e0;color:#c47d1a;padding:2px 8px;border-radius:7px;font-weight:700}.bk-table .port-badge{font-size:11px;padding:2px 8px;border-radius:7px;background:var(--indigo-soft);color:var(--indigo);font-weight:600;white-space:nowrap}.bk-scroll{overflow-x:auto}.bk-table{width:100%;border-collapse:collapse;border:1px solid var(--line);border-radius:0 0 10px 10px;overflow:hidden;min-width:560px}.bk-table .bk-ts{color:var(--muted);font-size:12px;white-space:nowrap}.bk-table th,.bk-table td{padding:10px 14px;text-align:right;font-size:13px;border-bottom:1px solid var(--line)}.bk-table thead th{background:#fafbff;color:var(--muted);font-weight:600;font-size:12px}.bk-table td.num,.bk-table th.num{text-align:left}.bk-table .mono{font-family:ui-monospace,Menlo,monospace}.bk-table tbody tr:hover{background:#fafbff}.bk-table .day-foot{font-weight:700;color:var(--ink);background:#fafbff;border-bottom:none}.grand-total{display:flex;justify-content:space-between;align-items:center;margin-top:8px;padding:16px 18px;background:var(--emerald-soft);border:1px solid #b8ecd5;border-radius:12px;font-weight:800;font-size:17px;color:var(--emerald)}.grand-total .mono{font-family:ui-monospace,Menlo,monospace}.logbox{background:#10142a;border-radius:16px;overflow:hidden}.logbar{display:flex;justify-content:space-between;align-items:center;padding:12px 18px;background:#171c38;color:#9aa3c7;font-size:12px;font-weight:600;gap:12px}.logbar-tools{display:flex;align-items:center;gap:14px}.logcheck{display:flex;align-items:center;gap:7px;cursor:pointer;color:#b9c0de;font-size:12px;-webkit-user-select:none;user-select:none}.logcheck input{accent-color:var(--indigo);cursor:pointer}.logbar button{background:#2a3157;color:#cbd2ee;border:none;border-radius:7px;padding:5px 12px;cursor:pointer;font-size:12px}.logbox pre{margin:0;padding:14px 18px;color:#7d88b8;font-size:11.5px;line-height:1.9;direction:ltr;text-align:left;font-family:ui-monospace,Menlo,monospace;max-height:70vh;min-height:300px;overflow:auto;white-space:pre-wrap}@media(max-width:900px){.layout{flex-direction:column}.content{padding:18px}.sidebar{width:auto;position:sticky;top:0;z-index:30}.sidebar-inner{position:static;height:auto;flex-direction:column;padding:0;gap:0}.topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;position:relative;z-index:40}.brand{margin:0;font-size:16px}.nav-toggle{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;border-radius:10px;cursor:pointer;background:#ffffff0f;color:#cdd5e6}.nav-toggle:hover{background:#ffffff1f}.side-menu{display:flex;flex-direction:column;gap:6px;position:absolute;top:100%;inset-inline:0;background:var(--nav);z-index:40;padding:10px 16px 16px;border-top:1px solid rgba(255,255,255,.08);box-shadow:0 16px 28px #0006;transform:translateY(-10px);opacity:0;visibility:hidden;transition:opacity .18s ease,transform .18s ease,visibility .18s}.sidebar.open .side-menu{transform:translateY(0);opacity:1;visibility:visible}.side-nav{flex-direction:column;gap:6px}.nav{width:100%;text-align:start;white-space:nowrap;padding:11px 13px}.side-foot{margin:6px 0 0;padding-top:10px;border-top:1px solid rgba(255,255,255,.08);flex-direction:column;gap:10px}.side-foot .pill{text-align:center}.nav-scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:#00000073;opacity:0;visibility:hidden;transition:opacity .18s ease,visibility .18s}.sidebar.open .nav-scrim{opacity:1;visibility:visible}.cols{grid-template-columns:1fr}.logbox pre{max-height:60vh;min-height:240px}}@media(max-width:560px){.content{padding:14px}.grid{grid-template-columns:96px 1fr;gap:9px 10px;padding:14px}.page-head h1{font-size:19px}.acct{flex-wrap:wrap}.acct .u{flex-wrap:wrap;row-gap:6px;min-width:0}.acct-right{width:100%}.acct-right .st{margin-inline-end:auto}.acct .iconbtn{width:34px;height:34px}.acct-form-row .afield{flex:1 1 100%}.aselect-field{flex:1 1 calc(50% - 5px)}.acct-form .btn{flex:1 1 100%}.login-hero{padding:20px 10px 22px}.acct-loading-row{flex-wrap:wrap}}.login-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--bg)}.login-card{display:flex;flex-direction:column;gap:14px;width:320px;padding:28px;border-radius:16px;background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow)}.login-title{margin:0 0 4px;font-size:19px;color:var(--ink);text-align:center}.login-field{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--muted)}.login-field input{padding:10px 12px;border:1px solid var(--line);border-radius:9px;font-family:inherit;font-size:16px;color:var(--ink);background:#fff}.login-field input:focus{outline:none;border-color:var(--indigo)}.login-error{color:var(--red);font-size:13px;text-align:center}.login-submit{padding:11px;border:none;border-radius:10px;background:var(--indigo);color:#fff;font-family:inherit;font-size:14px;font-weight:700;cursor:pointer}.login-submit:disabled{opacity:.6;cursor:default}.otp-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1000}.otp-modal{background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:14px;padding:22px 26px;min-width:340px;max-width:92vw;box-shadow:0 20px 60px #00000059;font-family:inherit}.otp-title{margin:0 0 10px;font-size:1.05rem}.otp-dest{margin:-4px 0 10px;font-size:12.5px;color:var(--muted)}.otp-dest bdi{font-weight:700;color:var(--ink)}.otp-timer{margin:6px 0 16px;text-align:center;font-variant-numeric:tabular-nums;color:#475569}.otp-timer.expired{color:var(--red);font-weight:700}.otp-boxes{display:flex;gap:8px;justify-content:center}.otp-box{width:42px;height:52px;text-align:center;font-size:1.5rem;border:1px solid var(--line);border-radius:8px;outline:none;background:#fff;color:var(--ink);font-family:inherit}.otp-box:focus{border-color:var(--indigo)}.otp-box:disabled{background:#f4f4f6;color:#999}.otp-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:18px}.acct-loading-row{display:flex;gap:12px;align-items:center;padding:10px 12px;border:1px dashed var(--line);border-radius:10px;margin:8px 0;background:var(--indigo-soft);color:var(--ink)}.spinner{width:14px;height:14px;border-radius:50%;border:2px solid var(--line);border-top-color:var(--indigo);animation:spin .8s linear infinite;flex:0 0 auto}.acct-loading-row .btn{margin-inline-start:auto;padding:6px 12px;font-size:13px;background:#fff;border:1px solid var(--line);color:var(--ink)}@keyframes spin{to{transform:rotate(360deg)}}.toast{position:fixed;top:16px;left:50%;transform:translate(-50%);background:var(--red);color:#fff;padding:10px 14px;border-radius:10px;box-shadow:0 12px 40px #00000040;display:flex;gap:12px;align-items:center;z-index:1100;max-width:90vw;font-family:inherit}.toast-close{background:transparent;border:0;color:inherit;cursor:pointer;font-size:1rem;padding:0 2px}