:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f5fc;--surface:#fff;--surface-2:#f8f9fe;--surface-3:#eef0fb;--text:#1f2a44;--text-2:#3b4664;--muted:#5b6787;--border:#cbd2ea;--border-soft:#dfe3f5;--line:#eceffa;--accent:#9db4f2;--on-accent:#1a2547;--accent-hover:#8aa5ee;--accent-soft:#e8edfd;--link:#3f57b8;--danger:#a83f52;--danger-icon:#c4606f;--danger-bg:#fbe1e5;--good:#27785a;--notice-bg:#dcf4e8;--notice-text:#1f5f45;--warn-bg:#fdefd2;--warn-text:#71500f;--bar-prev:#c9d0ea;--dash-bar-bg:#e3e9fc;--dash-bar-text:#2b3a78;--dash-edit:#a9bbef;--badge-active-bg:#d9f2e6;--badge-active-text:#1f5f45;--badge-expiring-bg:#fdeccb;--badge-expiring-text:#71500f;--badge-expired-bg:#fbdde1;--badge-expired-text:#8a2d3e;--badge-cancelled-bg:#e5e8f4;--badge-cancelled-text:#464f6e;--badge-renewed-bg:#e4e6fb;--badge-renewed-text:#3a419b;--stat-active:#7bc9a3;--stat-expiring:#eab96a;--stat-expired:#e88d9c;--shell:#e9edfb;--shell-hover:#dbe2f8;--shell-border:#d3daf2;--shell-text:#27335a;--shell-strong:#121b3a;--shell-muted:#4f5b82;--shell-src:#3a52b0;--shell-up:#1f7350;--shell-down:#a83f52;--overlay:#26305c61;--shadow:#46548c1a;--shadow-strong:#323e7838}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#161a2b;--surface:#1f2438;--surface-2:#252b44;--surface-3:#2d3452;--text:#e6e9f7;--text-2:#c4cbe6;--muted:#9aa4c8;--border:#414a6e;--border-soft:#343c5c;--line:#2b3252;--accent:#9db4f2;--on-accent:#171f3d;--accent-hover:#b3c5f7;--accent-soft:#2a3358;--link:#a9bcf5;--danger:#f0a0ad;--danger-icon:#f0a0ad;--danger-bg:#46293a;--good:#8fdcb5;--notice-bg:#1f3b35;--notice-text:#a6e6c4;--warn-bg:#45391f;--warn-text:#f1d38e;--bar-prev:#4a5478;--dash-bar-bg:#2a3358;--dash-bar-text:#c9d5fb;--dash-edit:#56679f;--badge-active-bg:#1f3b35;--badge-active-text:#a6e6c4;--badge-expiring-bg:#45391f;--badge-expiring-text:#f1d38e;--badge-expired-bg:#46293a;--badge-expired-text:#f5b3be;--badge-cancelled-bg:#343c5c;--badge-cancelled-text:#c4cbe6;--badge-renewed-bg:#2f3160;--badge-renewed-text:#b9bdf5;--stat-active:#5fb48a;--stat-expiring:#d3a458;--stat-expired:#d47686;--shell:#1b2035;--shell-hover:#262d4a;--shell-border:#2f3757;--shell-text:#d3d9f2;--shell-strong:#f2f4fc;--shell-muted:#95a0c8;--shell-src:#a9bcf5;--shell-up:#8fdcb5;--shell-down:#f0a0ad;--overlay:#080a1699;--shadow:#00000059;--shadow-strong:#0009}@media (prefers-color-scheme:dark){:root[data-theme=system]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#161a2b;--surface:#1f2438;--surface-2:#252b44;--surface-3:#2d3452;--text:#e6e9f7;--text-2:#c4cbe6;--muted:#9aa4c8;--border:#414a6e;--border-soft:#343c5c;--line:#2b3252;--accent:#9db4f2;--on-accent:#171f3d;--accent-hover:#b3c5f7;--accent-soft:#2a3358;--link:#a9bcf5;--danger:#f0a0ad;--danger-icon:#f0a0ad;--danger-bg:#46293a;--good:#8fdcb5;--notice-bg:#1f3b35;--notice-text:#a6e6c4;--warn-bg:#45391f;--warn-text:#f1d38e;--bar-prev:#4a5478;--dash-bar-bg:#2a3358;--dash-bar-text:#c9d5fb;--dash-edit:#56679f;--badge-active-bg:#1f3b35;--badge-active-text:#a6e6c4;--badge-expiring-bg:#45391f;--badge-expiring-text:#f1d38e;--badge-expired-bg:#46293a;--badge-expired-text:#f5b3be;--badge-cancelled-bg:#343c5c;--badge-cancelled-text:#c4cbe6;--badge-renewed-bg:#2f3160;--badge-renewed-text:#b9bdf5;--stat-active:#5fb48a;--stat-expiring:#d3a458;--stat-expired:#d47686;--shell:#1b2035;--shell-hover:#262d4a;--shell-border:#2f3757;--shell-text:#d3d9f2;--shell-strong:#f2f4fc;--shell-muted:#95a0c8;--shell-src:#a9bcf5;--shell-up:#8fdcb5;--shell-down:#f0a0ad;--overlay:#080a1699;--shadow:#00000059;--shadow-strong:#0009}}
*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif}.center{place-items:center;min-height:100vh;padding:16px;display:grid}.card{background:var(--surface);width:100%;max-width:380px;box-shadow:0 4px 24px var(--shadow);border-radius:12px;flex-direction:column;gap:16px;padding:32px;display:flex}h1{margin:0;font-size:1.5rem}label{flex-direction:column;gap:6px;font-size:.9rem;font-weight:500;display:flex}input{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:8px;padding:10px 12px;font-size:1rem}input::placeholder{color:var(--muted)}input:focus{outline:2px solid var(--link);border-color:#0000}button{background:var(--accent);color:var(--on-accent);cursor:pointer;border:0;border-radius:8px;padding:11px;font-size:1rem;font-weight:600}select{appearance:none;border:1px solid var(--border);background-color:var(--surface);background-image:linear-gradient(45deg, transparent 50%, var(--muted) 50%), linear-gradient(135deg, var(--muted) 50%, transparent 50%);color:var(--text);text-overflow:ellipsis;background-position:calc(100% - 18px),calc(100% - 12px);background-repeat:no-repeat;background-size:6px 6px,6px 6px;border-radius:8px;padding:10px 34px 10px 12px;font-family:inherit;font-size:1rem;line-height:1.25}select:focus{outline:2px solid var(--link);border-color:#0000}label.check{flex-direction:row;align-items:center;gap:8px}label.check input{width:18px;height:18px;padding:0}.hint{color:var(--muted);font-size:.8rem;font-weight:400}button:disabled{opacity:.6;cursor:default}button.secondary{background:var(--border-soft);color:var(--text)}.warning{background:var(--warn-bg);color:var(--warn-text);border-radius:8px;margin:0 0 16px;padding:10px 14px;font-size:.9rem}.error{color:var(--danger);margin:0;font-size:.9rem}.muted{color:var(--muted)}.small{font-size:.82rem}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.overlay{background:var(--overlay);z-index:40;place-items:center;padding:16px;display:grid;position:fixed;inset:0;overflow-y:auto}.modal-box{width:100%;max-width:420px}.modal{max-width:none}.modal-box.wide{max-width:680px}.modal-box.wide .modal{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px 20px;max-height:calc(100dvh - 32px);display:grid;overflow-y:auto}.modal-box.wide .modal>h1,.modal-box.wide .modal>.error,.modal-box.wide .modal>.row,.modal-box.wide .modal>fieldset,.modal-box.wide .modal>p,.modal-box.wide .modal>.wide-col{grid-column:1/-1}@media (max-width:700px){.modal-box.wide .modal{grid-template-columns:minmax(0,1fr);padding:20px}}.row{justify-content:flex-end;gap:12px;display:flex}.row button{min-width:100px}.notice-bar{justify-content:space-between;align-items:center;gap:12px;display:flex}.notice-bar .icon-btn{color:inherit;flex-shrink:0}.notice-bar .icon-btn:hover{background:var(--shadow-strong);color:inherit}.account{flex-direction:column;gap:24px;display:flex}.account-hero{align-items:center;gap:18px;margin-bottom:4px;display:flex}.account-hero h1{margin-bottom:2px}.account-hero p{flex-wrap:wrap;align-items:center;gap:6px;margin:0;display:flex}.avatar.huge{width:64px;height:64px;font-size:1.4rem}.acc-flat{flex-direction:column;gap:22px;display:flex}.acc-grid>.wide-col{grid-column:1/-1}.tpl-tabs{border-bottom:1px solid var(--line);gap:6px;display:flex}.tpl-tab{color:var(--text-2);background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;padding:8px 12px;font-weight:500}.tpl-tab.active{color:var(--text);border-bottom-color:var(--accent-hover);font-weight:600}.acc-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:18px 24px;display:grid}.acc-tg-row{justify-content:space-between;align-items:center;gap:24px;display:flex}.acc-tg-row p{margin:0}.acc-tg-row button{flex-shrink:0}.acc-theme{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.acc-theme-label{font-size:.9rem;font-weight:500}.acc-theme .theme-opts{min-width:300px}.acc-tg-row code{background:var(--surface-3);word-break:break-all;border-radius:4px;padding:1px 6px;font-size:.85em}.status-badge{background:var(--badge-cancelled-bg);color:var(--badge-cancelled-text);border-radius:999px;padding:2px 10px;font-size:.75rem;font-weight:600}.status-badge.ok{background:var(--badge-active-bg);color:var(--badge-active-text)}@media (max-width:700px){.acc-grid{grid-template-columns:1fr}.acc-tg-row,.account-hero{flex-direction:column;align-items:flex-start}}.secret-input{-webkit-text-security:disc;text-security:disc}.acc-save{justify-content:space-between;align-items:center;gap:16px;display:flex}.save-state{flex-direction:column;gap:2px;min-width:0;font-size:.9rem;display:flex}.save-state .error,.save-state .notice{margin:0}.save-state .dirty{color:var(--warn-text);font-weight:600}.acc-save button{min-width:140px}.tab-page[hidden]{display:none!important}.tabbar{top:var(--topbar-h,46px);z-index:6;background:var(--bg);border-bottom:1px solid var(--border-soft);align-items:flex-end;gap:8px;margin:0 -32px 18px;padding:8px 32px 0;display:flex;position:sticky}.tabbar ul{flex:1;min-width:0}.tab-close-all{color:var(--muted);white-space:nowrap;background:0 0;border-radius:6px;flex-shrink:0;margin-bottom:6px;padding:4px 10px;font-size:12px}.tab-close-all:hover{background:var(--border-soft);color:var(--text)}.tab-close-all:focus-visible{outline:2px solid var(--link);outline-offset:1px}.tabbar ul{scrollbar-width:thin;gap:4px;margin:0 0 -1px;padding:0 0 1px;list-style:none;display:flex;overflow:auto hidden}.tabbar li{background:var(--surface-3);border:1px solid var(--border-soft);border-bottom:0;border-radius:10px 10px 0 0;flex-shrink:0;align-items:center;max-width:220px;display:flex}.tabbar li:hover{background:var(--accent-soft)}.tabbar li.active{background:var(--surface);box-shadow:0 -2px 0 var(--accent) inset;margin-bottom:-1px;padding-bottom:1px}.tab-link{min-width:0;color:var(--text-2);align-items:center;gap:6px;padding:8px 6px 8px 12px;font-size:.85rem;font-weight:500;text-decoration:none;display:flex}.tabbar li.active .tab-link{color:var(--text);font-weight:600}.tab-link svg{flex-shrink:0;width:15px;height:15px}.tab-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tab-close{width:22px;height:22px;color:var(--muted);background:0 0;border-radius:6px;flex-shrink:0;place-items:center;margin-right:6px;padding:0;display:grid}.tab-close svg{width:13px;height:13px}.tab-close:hover{background:var(--border-soft);color:var(--text)}.tab-link:focus-visible,.tab-close:focus-visible{outline:2px solid var(--link);outline-offset:1px}.tabbar li:not(:has(.tab-close)) .tab-link{padding-right:14px}@media (max-width:700px){.tabbar{margin:0 -16px 14px;padding:6px 16px 0}}.notice-actions{flex-wrap:wrap;flex-shrink:0;gap:8px;display:flex}.notice-actions button{min-width:0;padding:6px 12px;font-size:.85rem}.notice-actions button.secondary{color:inherit;background:0 0;border:1px solid}.bell{border-left:1px solid var(--shell-border);flex-shrink:0;align-items:stretch;display:flex;position:relative}.bell-btn{color:var(--shell-text);background:0 0;border-radius:0;place-items:center;padding:0 14px;display:grid;position:relative}.bell-btn:hover,.bell-btn[aria-expanded=true]{background:var(--shell-hover)}.bell-btn svg{width:19px;height:19px}.bell-badge{background:var(--danger);min-width:17px;height:17px;color:var(--surface);text-align:center;border-radius:999px;padding:0 4px;font-size:.68rem;font-weight:700;line-height:17px;position:absolute;top:7px;right:5px}.bell-panel{z-index:10;background:var(--surface);width:360px;max-width:92vw;color:var(--text);box-shadow:0 8px 24px var(--shadow-strong);border-radius:0 0 12px 12px;position:absolute;top:100%;right:0}.bell-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.bell-head button.link{padding:2px 6px;font-size:.8rem}.bell-head button.link:disabled{opacity:.4;cursor:default}.bell-panel ul{max-height:60vh;margin:0;padding:4px;list-style:none;overflow-y:auto}.bell-empty{margin:0;padding:16px 14px}.bell-item{width:100%;color:var(--text);text-align:left;background:0 0;border-radius:8px;align-items:flex-start;gap:10px;padding:10px;font-weight:400;display:flex}.bell-item:hover{background:var(--surface-3)}.bell-dot{background:0 0;border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:6px}.bell-item.unread .bell-dot{background:var(--link)}.bell-text{flex-direction:column;gap:2px;min-width:0;font-size:.88rem;display:flex}.bell-text strong{overflow-wrap:anywhere;font-weight:500}.bell-item.unread .bell-text strong{font-weight:700}.bell-text small{color:var(--muted)}@media (max-width:700px){.bell-btn{padding:0 10px}}.acc-perm{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.acc-perm p{margin:0}.acc-mail{margin-top:24px}.acc-mail h2{margin:0 0 4px;font-size:1.05rem}.acc-mail p{margin:0}.code-area{white-space:pre;font-family:ui-monospace,Consolas,monospace;font-size:.8rem;line-height:1.4;overflow:auto}.email-preview{border:1px solid var(--border-soft);background:#fff;border-radius:8px;width:100%;height:520px;margin-top:6px;display:block}
.app{min-height:100vh;display:flex}.main{flex-direction:column;flex:1;min-width:0;display:flex}.sidebar{background:var(--shell);width:240px;height:100vh;color:var(--shell-text);border-right:1px solid var(--shell-border);flex-direction:column;flex-shrink:0;gap:22px;padding:18px 14px;transition:width .2s;display:flex;position:sticky;top:0;overflow-y:auto}.side-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.brand{color:var(--shell-strong);white-space:nowrap;padding:0 8px;font-size:1.1rem;font-weight:700;overflow:hidden}.side-toggle{width:32px;height:32px;color:var(--shell-muted);background:0 0;border-radius:8px;flex-shrink:0;place-items:center;padding:0;display:grid}.side-toggle:hover{background:var(--shell-hover);color:var(--shell-strong)}.sidebar svg,.side-toggle svg{flex-shrink:0;width:20px;height:20px}.sidebar nav{flex-direction:column;flex:1;gap:6px;display:flex}.sidebar nav a{color:var(--shell-text);white-space:nowrap;border-radius:10px;align-items:center;gap:12px;padding:11px 14px;text-decoration:none;display:flex}.sidebar nav a:hover{background:var(--shell-hover)}.sidebar nav a.active{background:var(--accent);color:var(--on-accent);font-weight:600}.content{flex:1;min-width:0;padding:32px}.menu-collapsed .sidebar{width:72px;padding:18px 10px}.menu-collapsed .side-top{flex-direction:column}.menu-collapsed .brand,.menu-collapsed .nav-label{display:none}.menu-collapsed .sidebar nav a{justify-content:center;padding:11px 0}.user-menu{border-left:1px solid var(--shell-border);flex-shrink:0;align-items:stretch;display:flex;position:relative}.user-btn{color:var(--shell-text);background:0 0;border-radius:0;align-items:center;gap:10px;padding:0 14px;font-size:.85rem;font-weight:500;display:flex}.user-btn:hover,.user-btn[aria-expanded=true]{background:var(--shell-hover)}.avatar{background:var(--accent);width:28px;height:28px;color:var(--on-accent);letter-spacing:.02em;-webkit-user-select:none;user-select:none;border-radius:50%;flex-shrink:0;place-items:center;font-size:.75rem;font-weight:700;display:inline-grid}.avatar.big{width:44px;height:44px;font-size:1rem}.user-panel{z-index:10;background:var(--surface);width:260px;color:var(--text);box-shadow:0 8px 24px var(--shadow-strong);border-radius:0 0 12px 12px;flex-direction:column;gap:4px;padding:16px;display:flex;position:absolute;top:100%;right:0}.user-head{border-bottom:1px solid var(--line);align-items:center;gap:12px;min-width:0;padding-bottom:12px;display:flex}.user-id{flex-direction:column;gap:2px;min-width:0;display:flex}.user-id strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.user-id small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.role-badge{background:var(--accent-soft);color:var(--link);border-radius:999px;align-self:flex-start;margin-top:2px;padding:1px 8px;font-size:.7rem;font-weight:600}.user-panel .menu-item{width:100%;color:var(--text);text-align:left;background:0 0;border-radius:8px;align-items:center;gap:10px;margin-top:4px;padding:9px 10px;font-size:.9rem;font-weight:500;text-decoration:none;display:flex}.user-panel .menu-item:hover{background:var(--surface-3)}.user-panel .menu-item svg{width:18px;height:18px;color:var(--muted)}.user-panel .menu-item.danger,.user-panel .menu-item.danger svg{color:var(--danger)}.theme-group{border:0;border-top:1px solid var(--line);margin:10px 0 0;padding:10px 0 0}.theme-group legend{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);padding:0 0 6px;font-size:.72rem;font-weight:600}.theme-opts{background:var(--border-soft);border-radius:10px;gap:2px;padding:3px;display:flex}.theme-opts button{min-width:0;color:var(--text-2);background:0 0;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:6px 4px;font-size:.8rem;font-weight:500;display:inline-flex}.theme-opts button svg{width:14px;height:14px}.theme-opts button[aria-checked=true]{background:var(--surface);color:var(--text);box-shadow:0 1px 3px var(--shadow-strong)}.theme-opts button:focus-visible,.user-panel .menu-item:focus-visible{outline:2px solid var(--link);outline-offset:1px}@media (max-width:700px){.user-name{display:none}.user-btn{padding:0 12px}}.app{--topbar-h:46px}
.page-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.page-tools{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;margin-left:auto;display:flex}input.search{min-width:300px}select.search{min-width:170px}.table-wrap{background:var(--surface);box-shadow:0 2px 12px var(--shadow);border-radius:12px;overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--line);white-space:nowrap;padding:12px}th{background:var(--surface-2);text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-size:.8rem}tbody tr:hover{background:var(--surface-2)}.th-sort{color:inherit;font:inherit;text-transform:inherit;letter-spacing:inherit;cursor:pointer;background:0 0;border-radius:4px;padding:0}.th-sort:hover{color:var(--text)}.th-sort:focus-visible{outline:2px solid var(--link);outline-offset:2px}th[aria-sort=ascending] .th-sort,th[aria-sort=descending] .th-sort{color:var(--link)}th[aria-sort=ascending] .th-sort:after{content:" ▲";content:" ▲" / "";font-size:.7em}th[aria-sort=descending] .th-sort:after{content:" ▼";content:" ▼" / "";font-size:.7em}th[aria-sort=none] .th-sort:hover:after{content:" ↕";content:" ↕" / "";opacity:.5}td.actions{text-align:right;white-space:nowrap;background:var(--surface);box-shadow:-10px 0 8px -8px var(--shadow);position:sticky;right:0}thead th:last-child{background:var(--surface-2);position:sticky;right:0}tbody tr:hover td.actions{background:var(--surface-2)}tr.detail td.actions{box-shadow:none}button.link{color:var(--link);background:0 0;padding:4px 8px;font-size:.9rem;font-weight:500}button.link.danger{color:var(--danger)}.icon-btn{width:34px;height:34px;color:var(--muted);background:0 0;border-radius:8px;place-items:center;padding:0;display:inline-grid}.icon-btn svg{width:18px;height:18px}.icon-btn:hover{background:var(--accent-soft);color:var(--link)}.icon-btn.danger{color:var(--danger-icon)}.icon-btn.danger:hover{background:var(--danger-bg);color:var(--danger)}.icon-btn:focus-visible{outline:2px solid var(--link);outline-offset:1px}.icon-btn.outlined{border:1px solid var(--border);background:var(--surface);width:40px;height:40px}.icon-btn.outlined svg{width:20px;height:20px}.row .icon-btn{min-width:0}a.rowlink{color:var(--link);font-weight:500;text-decoration:none}a.rowlink:hover{text-decoration:underline}a.back{color:var(--muted);margin-bottom:12px;text-decoration:none;display:inline-block}a.back:hover{color:var(--text)}.customer-head{margin-bottom:4px}.customer-head p{margin:4px 0 0}.icon-btn.primary{background:var(--accent);width:40px;height:40px;color:var(--on-accent)}.icon-btn.primary svg{width:22px;height:22px}.icon-btn.primary:hover{background:var(--accent-hover);color:var(--on-accent)}.icon-btn.small{width:28px;height:28px}.icon-btn.small svg{width:16px;height:16px}.icon-btn:disabled{opacity:.35;cursor:default}.icon-btn:disabled:hover{color:var(--muted);background:0 0}.pager{color:var(--text-2);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 28px;margin:14px 0 4px;font-size:.9rem;display:flex}.pager-nav{align-items:center;gap:16px;display:flex}.pager-size{flex-direction:row;align-items:center;gap:8px;font-size:.9rem;font-weight:400}.pager-size select{background-position:calc(100% - 15px),calc(100% - 9px);padding:6px 30px 6px 10px;font-size:.9rem}.pager button{min-width:0;padding:7px 16px;font-size:.85rem}.notice{background:var(--notice-bg);color:var(--notice-text);border-radius:8px;margin:0 0 12px;padding:10px 14px;font-size:.9rem}th{position:relative}thead th:last-child{position:sticky}thead th[draggable=true]{cursor:grab;-webkit-user-select:none;user-select:none}th.dragging{opacity:.45}th.drop-before{box-shadow:inset 3px 0 0 var(--link)}th.drop-after{box-shadow:inset -3px 0 0 var(--link)}.col-resizer{cursor:col-resize;touch-action:none;width:9px;height:100%;position:absolute;top:0;right:0}.col-resizer:after{content:"";background:var(--border);width:1px;position:absolute;top:25%;bottom:25%;right:4px}.col-resizer:hover:after,.col-resizer:focus-visible:after{background:var(--accent);border-radius:2px;width:3px;right:3px}.col-resizer:focus-visible{outline:none}table.fixed{table-layout:fixed}table.fixed th,table.fixed td{text-overflow:ellipsis;overflow:hidden}table.fixed .th-sort{text-overflow:ellipsis;vertical-align:bottom;max-width:100%;overflow:hidden}.col-menu{position:relative}.col-menu-anchor{display:inline-flex}.col-panel{z-index:30;background:var(--surface);border:1px solid var(--border-soft);width:310px;max-height:70vh;box-shadow:0 10px 30px var(--shadow-strong);border-radius:12px;padding:8px;position:absolute;top:calc(100% + 6px);right:0;overflow:auto}.col-panel ul{margin:0;padding:0;list-style:none}.col-panel li{border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:4px 6px;display:flex}.col-panel li:hover{background:var(--surface-3)}.col-panel label{cursor:pointer;flex-direction:row;flex:1;align-items:center;gap:8px;font-weight:500}.col-panel input[type=checkbox]{width:16px;height:16px;padding:0}.col-move{gap:2px;display:inline-flex}.col-panel-foot{border-top:1px solid var(--line);justify-content:flex-end;margin-top:6px;padding:8px 6px 2px;display:flex}.col-panel-foot button{padding:7px 14px;font-size:.9rem}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}th.has-menu{padding-right:34px}.col-menu-btn{z-index:1;width:24px;height:24px;color:var(--muted);cursor:pointer;background:0 0;border-radius:6px;place-items:center;padding:0;display:grid;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.col-menu-btn svg{width:16px;height:16px}.col-menu-btn:hover,.col-menu-btn.open{background:var(--surface-3);color:var(--text)}.col-menu-btn:focus-visible{outline:2px solid var(--link);outline-offset:1px}.cm{z-index:60;background:var(--surface);width:250px;color:var(--text);border:1px solid var(--border-soft);box-shadow:0 10px 30px var(--shadow-strong);border-radius:12px;padding:6px;position:fixed}.cm-item{width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:10px;padding:9px 10px;font-size:.9rem;font-weight:500;display:flex}.cm-item:hover,.cm-item:focus-visible{background:var(--surface-3);outline:none}.cm-item:disabled{opacity:.4;cursor:default}.cm-item:disabled:hover{background:0 0}.cm-icon{width:18px;height:18px;color:var(--muted);flex-shrink:0;place-items:center;display:inline-grid}.cm-icon svg{width:16px;height:16px}.cm-text{flex:1}.cm-check,.cm-chev{width:16px;height:16px;color:var(--muted);flex-shrink:0}.cm-sep{background:var(--line);height:1px;margin:5px 4px}.cm-subwrap{position:relative}.cm-sub{width:200px;position:absolute;top:-6px;left:calc(100% + 4px)}.cm-sub.flip{left:auto;right:calc(100% + 4px)}.table-wrap th.pinned,.table-wrap td.pinned{z-index:2;background:var(--surface);position:sticky}.table-wrap th.pinned{background:var(--surface-2);z-index:3}tbody tr:hover td.pinned{background:var(--surface-2)}.pin-edge-left{box-shadow:8px 0 8px -8px var(--shadow-strong)}.pin-edge-right{box-shadow:-8px 0 8px -8px var(--shadow-strong)}th.sel,td.sel{z-index:3;background:var(--surface);width:44px;padding:0 0 0 14px;position:sticky;left:0}th.sel{background:var(--surface-2);z-index:4}td.sel input,th.sel input{cursor:pointer;width:18px;height:18px;padding:0}tbody tr.selected td,tbody tr.selected td.sel{background:var(--accent-soft)}.bulk-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;margin:0 0 10px;font-size:.9rem;display:flex}.bulk-actions{flex-wrap:wrap;gap:8px;display:inline-flex}.bulk-bar button{padding:8px 14px;font-size:.85rem}button.danger-outline{color:var(--danger);border:1px solid var(--danger-icon);background:0 0}button.danger-outline:hover:not(:disabled){background:var(--danger-bg)}button.danger-solid{background:var(--danger-icon);color:#fff}button.danger-solid:hover:not(:disabled){background:var(--danger)}.view-bar{color:var(--text-2);flex-wrap:wrap;gap:6px 22px;margin:0 0 10px;font-size:.9rem;display:flex}.view-bar label.check{cursor:pointer}.view-bar input:disabled{cursor:default}
.badge{background:var(--badge-cancelled-bg);color:var(--badge-cancelled-text);border-radius:999px;padding:3px 10px;font-size:.8rem;font-weight:600;display:inline-block}.badge.active{background:var(--badge-active-bg);color:var(--badge-active-text)}.badge.expiring{background:var(--badge-expiring-bg);color:var(--badge-expiring-text)}.badge.expired{background:var(--badge-expired-bg);color:var(--badge-expired-text)}.badge.cancelled{background:var(--badge-cancelled-bg);color:var(--badge-cancelled-text)}.badge.renewed{background:var(--badge-renewed-bg);color:var(--badge-renewed-text)}.svc-list{border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:8px;max-height:320px;padding:10px 12px;display:flex;overflow-y:auto}.svc-list legend{padding:0 6px;font-size:.9rem;font-weight:500}.svc-list small{margin-left:auto}.svc-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.svc-row label.check{flex:1;min-width:0}.svc-edit{gap:8px;display:inline-flex}.svc-edit input{width:120px}.svc-edit select{width:90px}.static-field{flex-direction:column;gap:6px;font-size:.9rem;font-weight:500;display:flex}.static-field strong{background:var(--surface-3);border-radius:8px;padding:10px 12px;font-weight:600}.totals{flex-wrap:wrap;align-items:baseline;gap:6px 16px;margin:-12px 0 24px;display:flex}.totals strong{font-size:1.1rem}.panel{background:var(--surface);box-shadow:0 2px 12px var(--shadow);border-radius:12px;padding:24px}.detail-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px 24px;display:grid}.detail-grid+.panel{margin-top:20px}.info{flex-direction:column;gap:4px;min-width:0;display:flex}.info span{text-transform:uppercase;letter-spacing:.04em;font-size:.8rem}.info strong{overflow-wrap:anywhere;font-weight:600}.page-head .row{align-items:center}.svc-name{flex:1;min-width:0;font-weight:500}
.stats{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;margin:20px 0 28px;display:grid}.stat{background:var(--surface);box-shadow:0 2px 12px var(--shadow);border-left:4px solid var(--border);border-radius:12px;flex-direction:column;gap:4px;padding:18px 20px;display:flex}.stat strong{font-size:2rem}.stat span{color:var(--muted)}.stat.clickable{text-align:left;width:100%;min-width:0;color:var(--text);font:inherit;cursor:pointer;border-top:0;border-bottom:0;border-right:0;align-items:flex-start;font-weight:400;transition:box-shadow .15s,transform .15s}.stat.clickable:hover{box-shadow:0 6px 18px var(--shadow-strong);transform:translateY(-1px)}.stat.clickable:focus-visible{outline:2px solid var(--link);outline-offset:2px}.stat.clickable strong{font-weight:700}.stat.active{border-left-color:var(--stat-active)}.stat.expiring{border-left-color:var(--stat-expiring)}.stat.expired{border-left-color:var(--stat-expired)}h2{margin:0 0 12px;font-size:1.15rem}.dash-tools{justify-content:flex-end;align-items:center;gap:8px;margin:12px 0 0;display:flex}.dash-filters{margin-right:auto}.dash-tools button{min-width:0;padding:7px 14px;font-size:.85rem}.dash-grid{grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;gap:24px 20px;margin:12px 0 8px;display:grid}.dash-block{grid-column:span var(--span,12);min-width:0;position:relative}.dash-block .stats,.dash-block .revenue{margin:0}.dash-block .stats{margin-bottom:0}.dash-block .chart{margin:0}.dash-grid.editing .dash-block{outline:2px dashed var(--dash-edit);outline-offset:6px;border-radius:12px}.dash-grid.editing .dash-block.over{outline-color:var(--link);background:var(--accent-soft)}.dash-grid.editing .dash-block.dragging{opacity:.45}.dash-bar{background:var(--dash-bar-bg);color:var(--dash-bar-text);cursor:grab;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;padding:4px 6px 4px 12px;font-size:.85rem;font-weight:600;display:flex}.dash-bar:active{cursor:grabbing}.dash-btns{gap:4px;display:inline-flex}.dash-resizer{background:var(--accent);cursor:ew-resize;touch-action:none;border-radius:4px;width:18px;height:18px;position:absolute;bottom:-6px;right:-6px}@media (max-width:900px){.dash-block{grid-column:1/-1}.dash-tools button:not(.tab),.dash-bar,.dash-resizer{display:none}}.revenue{margin:8px 0 32px}.revenue-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.revenue-head h2{margin:0}.revenue-tools{align-items:center;gap:12px;display:flex}.tabs{background:var(--border-soft);border-radius:10px;gap:2px;padding:3px;display:inline-flex}.tab{color:var(--text-2);background:0 0;border-radius:8px;padding:7px 16px;font-size:.9rem}.tab:hover{color:var(--text)}.tab.active{background:var(--surface);color:var(--text);box-shadow:0 1px 3px var(--shadow-strong)}.rev-cards{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin-bottom:16px;display:grid}.rev-card{background:var(--surface);box-shadow:0 2px 12px var(--shadow);border-radius:12px;flex-direction:column;gap:4px;padding:14px 18px;display:flex}.rev-card strong{font-variant-numeric:tabular-nums;font-size:1.4rem}.up{color:var(--good)}.down{color:var(--danger-icon)}.revenue h3{margin:4px 0 10px;font-size:1.05rem}tfoot th{background:var(--surface-2);color:var(--text);text-transform:none;letter-spacing:0;font-size:.9rem}.chart{background:var(--surface);box-shadow:0 2px 12px var(--shadow);border-radius:12px;margin:0 0 22px;padding:16px}.bar-chart{width:100%;height:auto;display:block}.bar-chart .grid{stroke:var(--border-soft);stroke-width:1px}.bar-chart .axis{fill:var(--muted);font-size:11px}.bar.cur{fill:var(--accent-hover)}.bar.prev{fill:var(--bar-prev)}.bar:hover{opacity:.8}.legend{color:var(--text-2);align-items:center;gap:14px;margin-top:6px;font-size:.85rem;display:flex}.swatch{border-radius:3px;width:12px;height:12px;margin-right:2px;display:inline-block}.swatch.cur{background:var(--accent-hover)}.swatch.prev{background:var(--bar-prev)}
.topbar{z-index:8;background:var(--shell);border-bottom:1px solid var(--shell-border);align-items:stretch;display:flex;position:sticky;top:0}.rates{min-width:0;color:var(--shell-text);flex:1;font-size:.8rem}.rates-inner{white-space:nowrap;align-items:center;gap:8px 18px;padding:14px 16px;display:flex;overflow-x:auto}.rates-group{align-items:baseline;gap:10px;display:flex}.rates-src{color:var(--shell-src);font-weight:700}.rates-item strong{color:var(--shell-strong);font-variant-numeric:tabular-nums}.chg{font-variant-numeric:tabular-nums;font-size:.74rem}.chg.up{color:var(--shell-up)}.chg.down{color:var(--shell-down)}.rates-muted{color:var(--shell-muted)}.rates-time{color:var(--shell-muted);font-size:.74rem}.rates-inner>:first-child{margin-left:auto}.rates-side{color:var(--shell-muted);font-size:.74rem}
@media (max-width:700px){.content{padding:14px 14px 20px}.app{flex-direction:column}.main{padding-bottom:calc(66px + env(safe-area-inset-bottom))}.sidebar,.menu-collapsed .sidebar{z-index:20;width:auto;height:auto;padding:6px 6px calc(6px + env(safe-area-inset-bottom));border-right:0;border-top:1px solid var(--shell-border);flex-direction:row;gap:0;transition:none;position:fixed;inset:auto 0 0;overflow:visible}.side-top,.side-toggle{display:none}.sidebar nav,.menu-collapsed .sidebar nav{flex-direction:row;gap:2px;width:100%}.sidebar nav a,.menu-collapsed .sidebar nav a{text-align:center;white-space:normal;border-radius:12px;flex-direction:column;flex:1 1 0;justify-content:center;gap:3px;min-width:0;min-height:52px;padding:7px 2px;font-size:.66rem;line-height:1.15}.app .sidebar .nav-label{overflow-wrap:anywhere;max-width:100%;display:block}.tabbar{display:none}.user-panel,.bell-panel{top:var(--topbar-h,46px);width:auto;max-width:none;position:fixed;left:8px;right:8px}.warning{padding:10px 12px;font-size:.85rem}.notice-bar:has(.notice-actions){flex-direction:column;align-items:stretch;gap:10px}.notice-actions{justify-content:flex-start}.notice-actions button{flex:auto;min-height:40px;padding:9px 12px;font-size:.85rem}.page-head{gap:8px}.page-tools{flex-wrap:wrap;gap:8px;width:100%;margin-left:0;display:flex}.col-menu{display:none}input.search,select.search{min-width:0}.page-tools input.search{flex:calc(100% - 56px);order:-2}.page-tools>.icon-btn.primary{order:-1}.page-tools select.search{flex:calc(50% - 4px)}.acc-save{flex-direction:column;align-items:stretch}.acc-save .notice-actions{flex-wrap:wrap}.acc-save button{flex:auto;min-width:0}.acc-theme .theme-opts{width:100%;min-width:0}.icon-btn,.icon-btn.small{width:40px;height:40px}.pager{gap:10px 16px}.pager button,.pager-size select{min-height:40px}.tab{min-height:38px}.table-wrap.cards{box-shadow:none;background:0 0;overflow:visible}table.rtable,table.rtable tbody,table.rtable tfoot{display:block;width:100%!important}table.rtable colgroup,table.rtable thead{display:none}table.rtable tr{background:var(--surface);box-shadow:0 2px 12px var(--shadow);border-radius:12px;margin-bottom:12px;padding:10px 14px;display:block}table.rtable td,table.rtable th{text-align:right;white-space:normal;text-overflow:clip;overflow-wrap:anywhere;text-transform:none;letter-spacing:0;width:auto;color:inherit;border:0;padding:6px 0;font-size:.95rem;display:block;overflow:visible;box-shadow:none!important;background:0 0!important;position:static!important;left:auto!important;right:auto!important}table.rtable td[data-label]:before,table.rtable th[data-label]:before{content:attr(data-label);float:left;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin-right:14px;font-size:.72rem;font-weight:600;line-height:1.6}table.rtable td:not(.actions):after,table.rtable th:after{content:"";clear:both;display:block}table.rtable tr{position:relative}table.rtable td.sel,table.rtable th.sel{z-index:1;width:auto;padding:0;top:10px;position:absolute!important;left:auto!important;right:12px!important}table.rtable td.sel input{width:24px;height:24px}table.rtable td:first-child:not(.sel),table.rtable td.sel+td,table.rtable th:first-child{text-align:left;padding-bottom:8px;font-size:1.05rem;font-weight:600}table.rtable td:first-child:not(.sel):before,table.rtable td.sel+td:before{display:none}table.rtable td:first-child:not(.sel) small,table.rtable td.sel+td small{font-weight:400}table.rtable td.actions{border-top:1px solid var(--line);justify-content:flex-end;gap:4px;margin-top:4px;padding-top:8px;display:flex}table.rtable td.muted:only-child{text-align:left;font-size:.95rem;font-weight:400}table.rtable tfoot tr{background:var(--surface-2)}table.rtable tr.detail{margin-top:-8px}.bulk-bar{flex-direction:column;align-items:stretch}.bulk-actions button{flex:auto;min-height:40px}}