:root{font-family:Manrope,Microsoft YaHei,sans-serif;color:#e9eef8;background:#0a1120;font-synthesis:none;text-rendering:optimizeLegibility;--bg: #0a1120;--surface: #111b2d;--surface-2: #172338;--line: rgba(168, 188, 221, .14);--muted: #8f9db6;--cyan: #54d6ed;--violet: #ae9bff;--green: #63dda2;--amber: #ffc46b;--danger: #ff7b86}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--bg)}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}.loading-screen{min-height:100vh;display:grid;place-content:center;gap:18px;color:var(--muted);letter-spacing:.02em;background:radial-gradient(circle at 50% 40%,#132a43 0,var(--bg) 44%)}.loading-mark{width:54px;height:54px;margin:auto;display:grid;place-items:center;border-radius:18px;color:#07121f;background:linear-gradient(135deg,var(--cyan),var(--violet));font-size:15px;font-weight:800;box-shadow:0 0 44px #54d6ed3d}.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(400px,1fr) minmax(420px,560px);background:var(--bg)}.login-art{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:56px 8vw 72px;background:radial-gradient(circle at 22% 20%,#1e3a58 0,#112238 30%,#0a1120 74%)}.art-grid{position:absolute;inset:0;opacity:.25;background-image:linear-gradient(rgba(104,181,211,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(104,181,211,.11) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:linear-gradient(135deg,#000,transparent 75%);mask-image:linear-gradient(135deg,#000,transparent 75%)}.login-art:after{content:"";position:absolute;width:430px;height:430px;top:16%;right:13%;border:1px solid rgba(84,214,237,.15);border-radius:50%;box-shadow:0 0 0 42px #54d6ed06,0 0 0 84px #54d6ed05}.brand-lockup,.mobile-brand{position:relative;display:flex;align-items:center;gap:12px;z-index:1}.brand-orbit{display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(84,214,237,.65);color:var(--cyan);border-radius:12px;font-size:17px;box-shadow:inset 0 0 16px #54d6ed24}.brand-lockup b{display:block;font-size:19px;letter-spacing:.08em}.brand-lockup small,.sidebar-brand small{display:block;color:var(--muted);font-family:DM Mono,monospace;font-size:9px;letter-spacing:.17em;margin-top:4px}.art-copy{position:relative;z-index:1}.art-copy p{margin:0 0 20px;color:#b5c8df;font-size:clamp(31px,4vw,52px);line-height:1.22;letter-spacing:-.04em}.art-copy strong{color:#fff;font-weight:700}.art-copy span{color:var(--cyan);font-family:DM Mono,monospace;font-size:12px;letter-spacing:.14em}.login-panel{display:flex;flex-direction:column;justify-content:center;max-width:440px;width:100%;padding:56px;margin:auto}.mobile-brand{display:none}.eyebrow{color:var(--cyan);font-family:DM Mono,monospace;font-size:10px;letter-spacing:.17em;text-transform:uppercase}h1,h2,h3,p{margin-top:0}.login-panel h1{margin:13px 0 9px;font-size:34px;letter-spacing:-.04em}.muted{color:var(--muted)}.stack-form,.modal-form{display:grid;gap:15px}.stack-form{margin-top:28px}label{display:grid;gap:7px;color:#bfcadb;font-size:12px;font-weight:600}input,textarea,select{border:1px solid var(--line);border-radius:8px;color:#e8eff9;background:#060d1985;outline:none;transition:border-color .18s,box-shadow .18s,background .18s}input,select{height:40px;padding:0 12px}textarea{padding:10px 12px;resize:vertical}input::placeholder,textarea::placeholder{color:#62718b}input:focus,textarea:focus,select:focus{border-color:#54d6edcc;box-shadow:0 0 0 3px #54d6ed1c;background:#0a1727cc}select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,#91a3bf 50%),linear-gradient(135deg,#91a3bf 50%,transparent 50%);background-position:calc(100% - 17px) 16px,calc(100% - 12px) 16px;background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:35px}.primary-button,.ghost-button,.text-button,.small-action{border-radius:8px;border:1px solid transparent;transition:transform .18s,background .18s,border-color .18s}.primary-button{height:38px;display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:0 15px;color:#06101a;background:var(--cyan);font-size:12px;font-weight:800;box-shadow:0 8px 24px #54d6ed1f}.primary-button:hover{transform:translateY(-1px);background:#7ae2f1}.primary-button span{font-size:17px;line-height:1}.primary-button.wide{width:100%;margin-top:5px}.ghost-button{height:36px;padding:0 13px;color:#b9c7dc;border-color:var(--line);background:#14223780;font-size:12px;font-weight:700}.ghost-button:hover{border-color:#54d6ed80;color:#f4f8ff;background:var(--surface-2)}.text-button{padding:4px 0;color:var(--cyan);border:0;background:transparent;font-size:11px;font-weight:700}.form-error{padding:10px 12px;border:1px solid rgba(255,123,134,.25);border-radius:7px;color:#ffb0b7;background:#ff7b8614;font-size:12px}.login-footnote{margin:38px 0 0;color:#596981;font-size:10px;line-height:1.6}.app-shell{min-height:100vh;display:flex;background:var(--bg)}.sidebar{width:215px;flex:0 0 215px;min-height:100vh;display:flex;flex-direction:column;padding:22px 12px 15px;border-right:1px solid var(--line);background:#0c1628}.sidebar-brand{display:flex;align-items:center;gap:10px;padding:0 10px 25px}.sidebar-brand b{display:block;font-size:16px;letter-spacing:.08em}.sidebar-label{padding:0 10px 9px;color:#5f6f88;font-family:DM Mono,monospace;font-size:9px;letter-spacing:.15em;text-transform:uppercase}.sidebar nav{display:grid;gap:4px}.nav-item{position:relative;height:40px;display:flex;align-items:center;gap:10px;padding:0 10px;border:0;border-radius:8px;color:#92a0b8;background:transparent;text-align:left;font-size:12px;font-weight:600}.nav-item:hover{color:#eef5ff;background:#1e304b8c}.nav-item.active{color:#fff;background:linear-gradient(90deg,#54d6ed29,#54d6ed0a);box-shadow:inset 2px 0 var(--cyan)}.nav-icon{width:17px;color:#70819c;font-size:17px;text-align:center}.nav-item.active .nav-icon{color:var(--cyan)}.nav-dot{width:5px;height:5px;margin-left:auto;border-radius:50%;background:var(--cyan);box-shadow:0 0 8px var(--cyan)}.sidebar-bottom{margin-top:auto;display:grid;gap:14px}.service-status{display:flex;align-items:center;gap:8px;padding:10px;border:1px solid rgba(99,221,162,.16);border-radius:8px;background:#63dda20e}.status-pulse{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green)}.service-status b{display:block;color:#b7e9d0;font-size:10px}.service-status small{display:block;margin-top:3px;color:#647a8a;font-size:9px}.sidebar-logout{border:0;color:#76859d;background:transparent;text-align:left;padding:0 12px;font-size:11px}.sidebar-logout:hover{color:var(--danger)}.main-column{min-width:0;flex:1}.topbar{height:60px;display:flex;align-items:center;padding:0 30px;border-bottom:1px solid var(--line)}.breadcrumb{color:#dfe8f7;font-size:12px;font-weight:700}.breadcrumb span{margin:0 9px;color:#4e5d75;font-weight:400}.topbar-actions{display:flex;align-items:center;gap:16px;margin-left:auto}.topbar-time{color:#6d7e98;font-family:DM Mono,monospace;font-size:10px}.account-chip{display:flex;align-items:center;gap:9px;padding:4px 4px 4px 5px;border:1px solid var(--line);border-radius:999px;color:#c3cee0;background:#111d308c;font-size:11px}.account-name{font-weight:600}.account-logout{height:29px;display:inline-flex;align-items:center;gap:6px;padding:0 10px;border:1px solid rgba(255,123,134,.22);border-radius:999px;color:#ffabb3;background:#ff7b8614;font-size:10px;font-weight:700;transition:color .18s,border-color .18s,background .18s}.account-logout:hover{color:#fff;border-color:#ff7b8680;background:#ff7b862e}.avatar{width:27px;height:27px;display:grid;place-items:center;border:1px solid rgba(174,155,255,.5);border-radius:50%;color:var(--violet);background:#ae9bff21;font-size:11px;font-weight:800}.menu-button{display:none;border:0;color:#b8c8dc;background:transparent;font-size:20px}.content{max-width:1640px;margin:auto;padding:28px 30px 48px}.page-header{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:22px}.page-header h1{margin:6px 0 4px;color:#f5f8fd;font-size:26px;letter-spacing:-.05em}.page-header .muted{margin:0;font-size:11px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}.metric-card,.panel{border:1px solid var(--line);border-radius:11px;background:linear-gradient(145deg,#172338db,#0e1828e6)}.metric-card{display:flex;align-items:flex-start;gap:12px;padding:15px}.metric-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;font-size:15px}.metric-icon.green{color:var(--green);background:#63dda21a}.metric-icon.blue{color:var(--cyan);background:#54d6ed1a}.metric-icon.orange{color:var(--amber);background:#ffc46b1a}.metric-icon.purple{color:var(--violet);background:#ae9bff1a}.metric-copy span,.metric-copy small{display:block}.metric-copy span{color:#8f9fb8;font-size:10px}.metric-copy strong{display:block;margin:3px 0;color:#f5f8ff;font-size:23px;letter-spacing:-.06em}.metric-copy small{color:#5f718b;font-size:9px}.dashboard-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:14px}.panel-heading{display:flex;align-items:start;justify-content:space-between;padding:15px 17px 13px;border-bottom:1px solid var(--line)}.panel-heading h2{margin:0 0 5px;font-size:14px;letter-spacing:-.02em}.panel-heading p{margin:0;color:#6f809a;font-size:10px}.mini-table{padding:4px 17px 9px}.mini-row{min-height:49px;display:flex;align-items:center;gap:10px;border-bottom:1px solid rgba(168,188,221,.08)}.mini-row:last-child{border-bottom:0}.license-mark{width:28px;height:28px;display:grid;place-items:center;border-radius:7px;color:var(--cyan);background:#54d6ed1a}.mini-main{min-width:0;flex:1}.mini-main b,.mini-main small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-main b{color:#dbe6f6;font-family:DM Mono,monospace;font-size:11px}.mini-main small{margin-top:4px;color:#687992;font-size:9px}.row-date{color:#63728b;font-size:9px}.quick-actions{padding:4px 10px 9px}.quick-actions button{width:100%;display:flex;align-items:center;gap:10px;padding:10px 8px;border:0;border-bottom:1px solid rgba(168,188,221,.08);color:#bbc8dc;background:transparent;text-align:left}.quick-actions button:last-child{border-bottom:0}.quick-actions button:hover{background:#54d6ed0d}.quick-actions button>div{flex:1}.quick-actions b,.quick-actions small{display:block}.quick-actions b{margin-bottom:4px;font-size:11px}.quick-actions small{color:#667892;font-size:9px}.quick-actions button>span:last-child{color:#65819d;font-size:17px}.quick-icon{width:31px;height:31px;display:grid;place-items:center;border-radius:8px;font-size:18px}.quick-icon.cyan{color:var(--cyan);background:#54d6ed1a}.quick-icon.violet{color:var(--violet);background:#ae9bff1a}.quick-icon.amber{color:var(--amber);background:#ffc46b1a}.empty-state{min-height:150px;display:grid;place-content:center;justify-items:center;padding:20px;text-align:center}.empty-state>span{display:grid;place-items:center;width:34px;height:34px;margin-bottom:8px;border-radius:50%;color:#55718a;background:#54d6ed14;font-size:18px}.empty-state b{color:#b7c6da;font-size:12px}.empty-state p{margin:6px 0 13px;color:#63748c;font-size:10px}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border-radius:5px;font-size:9px;white-space:nowrap}.status-badge i{width:5px;height:5px;border-radius:50%;background:currentColor}.status-badge.active{color:var(--green);background:#63dda21a}.status-badge.unactivated{color:var(--cyan);background:#54d6ed1a}.status-badge.expired{color:var(--amber);background:#ffc46b1a}.status-badge.disabled{color:var(--danger);background:#ff7b861a}.toolbar{display:flex;gap:8px;margin:-3px 0 12px}.search-box{max-width:440px;min-width:220px;flex:1;display:flex;align-items:center;border:1px solid var(--line);border-radius:8px;background:#060d1973}.search-box>span{padding-left:11px;color:#71829d;font-size:18px}.search-box input{min-width:0;flex:1;height:36px;border:0;background:transparent;box-shadow:none}.search-box input:focus{box-shadow:none}.search-box button{height:27px;margin-right:5px;padding:0 10px;border:0;border-radius:5px;color:var(--cyan);background:#54d6ed1a;font-size:10px;font-weight:700}.toolbar select{width:128px;height:36px;font-size:11px}.toolbar .ghost-button{height:36px;margin-left:auto}.table-panel{overflow:hidden}.table-wrap{width:100%;overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:840px}th,td{padding:12px 14px;border-bottom:1px solid rgba(168,188,221,.09);text-align:left;font-size:10px}th{color:#667992;background:#040b162e;font-family:DM Mono,monospace;font-size:9px;font-weight:400;letter-spacing:.05em}td{color:#afbed1}tbody tr:hover{background:#54d6ed09}tbody tr:last-child td{border-bottom:0}.code-link{padding:0;border:0;color:#e1edfb;background:transparent;font-family:DM Mono,monospace;font-size:10px}.code-link:hover{color:var(--cyan)}.cell-note{display:block;max-width:170px;overflow:hidden;margin-top:4px;color:#687992;text-overflow:ellipsis;white-space:nowrap;font-size:9px}.expiry-cell,.date-cell{color:#91a3bc;font-size:10px}.bound{color:#708098;font-size:9px}.bound.yes{color:var(--green)}.row-menu{padding:5px;border:0;color:#71829b;background:transparent;letter-spacing:2px}.pagination{display:flex;justify-content:space-between;align-items:center;padding:11px 14px;color:#62748d;font-size:10px}.pagination>div{display:flex;align-items:center;gap:7px}.pagination b{color:#d5e2f4;font-size:10px}.pagination button{width:25px;height:25px;border:1px solid var(--line);border-radius:6px;color:#a6b8d1;background:#13223799;font-size:16px}.skeleton{display:block;width:75%;height:10px;border-radius:4px;background:linear-gradient(90deg,#1c2a40,#2b3d58,#1c2a40);background-size:200% 100%;animation:shimmer 1.2s infinite}@keyframes shimmer{to{background-position:-200% 0}}.drawer-overlay,.modal-overlay{position:fixed;z-index:10;inset:0;border:0;background:#02070eab;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.drawer{position:fixed;z-index:11;top:0;right:0;bottom:0;width:min(440px,100vw);overflow-y:auto;padding:22px 24px;border-left:1px solid var(--line);background:#101b2d;box-shadow:-20px 0 60px #00000040;animation:slideIn .22s ease-out}@keyframes slideIn{0%{transform:translate(30px);opacity:0}to{transform:translate(0);opacity:1}}.drawer-header,.modal-header{display:flex;justify-content:space-between;align-items:start}.drawer h2,.modal h2{margin:7px 0 0;font-size:20px;letter-spacing:-.04em}.close-button{width:30px;height:30px;border:1px solid var(--line);border-radius:7px;color:#8fa3bf;background:#1c2b4173;font-size:20px;line-height:1}.close-button:hover{color:#fff;border-color:var(--cyan)}.drawer-status{display:flex;align-items:center;gap:9px;margin:17px 0;padding-bottom:16px;border-bottom:1px solid var(--line);color:#687a93;font-size:10px}.detail-list{display:grid;gap:0}.detail-row{display:flex;justify-content:space-between;gap:18px;padding:12px 0;border-bottom:1px solid rgba(168,188,221,.08)}.detail-row span{color:#73859e;font-size:10px}.detail-row b{max-width:65%;color:#d4e1f2;font-size:10px;text-align:right;word-break:break-word}.mono{font-family:DM Mono,monospace;font-weight:400!important}.drawer-actions{display:grid;gap:7px;margin-top:22px}.drawer-actions h3{margin:0 0 3px;color:#8393ab;font-family:DM Mono,monospace;font-size:9px;letter-spacing:.12em;text-transform:uppercase}.drawer-actions button{height:36px;border:1px solid var(--line);border-radius:7px;color:#bdd0e7;background:#17263d9e;font-size:11px;text-align:left;padding:0 12px}.drawer-actions button:hover{border-color:var(--cyan)}.drawer-actions .danger-text{color:#ff9ca5;border-color:#ff7b8633}.modal{position:fixed;z-index:11;top:50%;left:50%;width:min(520px,calc(100vw - 30px));max-height:calc(100vh - 30px);overflow-y:auto;transform:translate(-50%,-50%);padding:23px 25px;border:1px solid rgba(144,177,218,.22);border-radius:13px;background:#111d30;box-shadow:0 24px 80px #0000006e;animation:popIn .2s ease-out}@keyframes popIn{0%{opacity:0;transform:translate(-50%,-47%)}to{opacity:1;transform:translate(-50%,-50%)}}.modal-form{margin-top:21px}.modal-form label small{color:#647691;font-size:9px;font-weight:400}.segmented{display:grid;grid-template-columns:repeat(3,1fr);padding:3px;border:1px solid var(--line);border-radius:8px;background:#060d1980}.segmented button{height:31px;border:0;border-radius:5px;color:#8495ad;background:transparent;font-size:10px}.segmented button.selected{color:#07131e;background:var(--cyan);font-weight:800}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:4px}.success-banner{display:flex;gap:10px;margin:21px 0 13px;padding:11px;border:1px solid rgba(99,221,162,.2);border-radius:8px;background:#63dda212}.success-banner>span{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;color:#07131e;background:var(--green);font-weight:800}.success-banner b,.success-banner small{display:block}.success-banner b{color:#b9efd1;font-size:11px}.success-banner small{margin-top:3px;color:#75968a;font-size:9px}.issued-list{max-height:300px;overflow-y:auto;border:1px solid var(--line);border-radius:8px}.issued-list>div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border-bottom:1px solid rgba(168,188,221,.08)}.issued-list>div:last-child{border-bottom:0}.issued-list code{color:#dff3ff;font-family:DM Mono,monospace;font-size:10px}.issued-list span{color:#73849d;font-size:9px;white-space:nowrap}.toast{position:fixed;z-index:30;right:25px;bottom:25px;display:flex;align-items:center;gap:9px;max-width:min(390px,calc(100vw - 30px));padding:12px 15px;border:1px solid var(--line);border-radius:8px;color:#dbe8f8;background:#17263c;box-shadow:0 15px 40px #0000004d;font-size:11px;animation:toastIn .2s ease-out}.toast>span{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;color:#07131e;background:var(--cyan);font-size:11px;font-weight:800}.toast.success{border-color:#63dda252}.toast.success>span{background:var(--green)}.toast.error{border-color:#ff7b8659}.toast.error>span{color:#fff;background:var(--danger)}@keyframes toastIn{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}.segmented.card-types{grid-template-columns:repeat(4,1fr)}.release-table{min-width:1060px}.release-version{display:block;color:#edf5ff;font-family:DM Mono,monospace;font-size:11px}.hash-cell{display:block;max-width:230px;overflow:hidden;color:#8fb0c9;font-family:DM Mono,monospace;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.release-state{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:5px;font-size:9px;white-space:nowrap}.release-state.active{color:var(--green);background:#63dda21a}.release-state.pending{color:var(--cyan);background:#54d6ed1a}.release-state.history{color:#96a5bb;background:#8f9db617}.small-action{height:30px;padding:0 10px;color:var(--cyan);border-color:#54d6ed40;background:#54d6ed0f;font-size:9px;font-weight:700;white-space:nowrap}.small-action:hover{border-color:var(--cyan);background:#54d6ed1f}.release-modal{width:min(620px,calc(100vw - 30px))}.two-column-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.file-input{height:auto;padding:9px 11px}.file-input::file-selector-button{margin-right:10px;padding:6px 10px;border:0;border-radius:5px;color:#06101a;background:var(--cyan);font-weight:700;cursor:pointer}.release-warning{padding:10px 12px;border:1px solid rgba(255,196,107,.2);border-radius:7px;color:#d5bc91;background:#ffc46b0f;font-size:10px;line-height:1.55}.ip-usage{margin-top:20px;padding-top:17px;border-top:1px solid var(--line)}.drawer-section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}.drawer-section-title h3{margin:0;color:#c8d6e8;font-size:11px}.drawer-section-title span,.ip-usage>p{margin:0;color:#667992;font-size:9px}.ip-usage-list{max-height:230px;overflow-y:auto;border:1px solid var(--line);border-radius:7px}.ip-usage-list>div{display:grid;grid-template-columns:minmax(90px,1fr) 58px 105px;gap:8px;align-items:center;padding:8px 9px;border-bottom:1px solid rgba(168,188,221,.08)}.ip-usage-list>div:last-child{border-bottom:0}.ip-usage-list code{overflow:hidden;color:#d6e5f5;font-family:DM Mono,monospace;font-size:9px;text-overflow:ellipsis}.ip-usage-list span{color:var(--cyan);font-size:9px}.ip-usage-list time{color:#72839c;font-size:8px;text-align:right}.mobile-overlay{display:none}@media(max-width:950px){.login-shell{grid-template-columns:1fr}.login-art{display:none}.login-panel{max-width:490px;padding:30px 26px}.mobile-brand{display:flex;margin-bottom:42px;color:#e8f3ff;font-size:18px;font-weight:800}.metric-grid{grid-template-columns:repeat(2,1fr)}.sidebar{position:fixed;z-index:20;top:0;left:0;transform:translate(-100%);transition:transform .2s;box-shadow:15px 0 50px #0000004d}.sidebar.open{transform:translate(0)}.mobile-overlay{position:fixed;z-index:19;inset:0;display:block;border:0;background:#02070e8c}.menu-button{display:block;margin-right:14px}.topbar{padding:0 18px}.content{padding:24px 18px 40px}}@media(max-width:640px){.main-column{width:100vw;max-width:100vw}.topbar-time,.account-name,.breadcrumb,.account-chip .avatar{display:none}.account-chip{padding:2px}.account-logout{padding:0 4px}.account-logout span:last-child{font-size:0}.account-logout span:last-child:after{content:"退出";font-size:10px}.page-header{align-items:start;flex-direction:column;gap:14px}.page-header .primary-button,.page-header .ghost-button{align-self:stretch}.metric-grid{grid-template-columns:1fr 1fr;gap:8px}.metric-card{gap:9px;padding:12px 10px}.metric-icon{width:29px;height:29px}.metric-copy strong{font-size:21px}.dashboard-grid{grid-template-columns:1fr}.toolbar{flex-wrap:wrap}.search-box{order:1;max-width:none;flex-basis:100%}.toolbar select{min-width:0;flex:1}.toolbar .ghost-button{margin-left:0}.modal,.drawer{padding:18px}.content{padding:20px 12px 32px}.topbar{width:100%;padding:0 12px}.two-column-form{grid-template-columns:1fr}}.diagnostic-filter-panel{container-type:inline-size;margin-bottom:12px}.diagnostic-filters{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));align-items:end;gap:10px 8px}.diagnostic-filters label{display:flex;min-width:0;flex-direction:column;gap:5px;color:var(--muted);font-size:11px;line-height:16px;white-space:nowrap}.diagnostic-filters label:nth-child(2),.diagnostic-filters label:nth-child(6),.diagnostic-filters label:nth-child(7){grid-column:span 2}.diagnostic-filters input,.diagnostic-filters select{width:100%;min-width:0;height:34px;padding:0 8px;background-color:#0b1423;color:#e4edf8;border-color:#304057;border-radius:6px;font-size:11px}.diagnostic-filters select{padding-right:28px;background-position:calc(100% - 14px) 14px,calc(100% - 9px) 14px}.diagnostic-filters input[type=datetime-local]{color-scheme:dark}.diagnostic-filter-actions{display:flex;gap:6px;align-items:center}.diagnostic-filter-actions button{flex-shrink:0;height:34px;padding:0 11px;font-size:11px;white-space:nowrap}@container (min-width:1260px){.diagnostic-filters{grid-template-columns:minmax(110px,1.1fr) minmax(144px,1.4fr) minmax(60px,.6fr) repeat(2,minmax(84px,.8fr)) repeat(2,minmax(174px,1.5fr)) minmax(96px,.85fr) max-content}.diagnostic-filters>label:nth-child(n){grid-column:auto}}@container (max-width:700px){.diagnostic-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.diagnostic-filters label:nth-child(2){grid-column:auto}}@container (max-width:399px){.diagnostic-filters{grid-template-columns:minmax(0,1fr)}.diagnostic-filters>label:nth-child(n){grid-column:auto}}.diagnostic-permission label,.diagnostic-editor label{display:flex;flex-direction:column;gap:6px;color:var(--muted,#95a8c2);font-size:13px}.diagnostic-permission input:not([type=checkbox]),.diagnostic-editor textarea,.diagnostic-editor select{width:100%;min-height:40px;background:#0b1423;color:#e4edf8;border:1px solid #304057;border-radius:8px;padding:8px}.diagnostic-permission{display:grid;gap:10px;padding:18px 0;border-bottom:1px solid #304057}.diagnostic-permission label:has(input[type=checkbox]){flex-direction:row;align-items:center}.diagnostic-editor{display:grid;gap:12px;margin:20px 0}.diagnostic-editor textarea{min-height:90px;resize:vertical}.diagnostic-editor a{text-align:center;text-decoration:none}.diagnostic-drawer{width:min(720px,100vw)}.diagnostic-drawer .detail-row b{overflow-wrap:anywhere}.diagnostic-manifest{white-space:pre-wrap;overflow-wrap:anywhere;background:#0b1423;padding:12px;border-radius:8px;font-size:12px;max-height:450px;overflow:auto}.table-card td small{display:block;margin-top:5px}.integration-note{padding:12px 18px;margin-bottom:20px;border:1px solid #796638;background:#242115;color:#e8d19b;border-radius:8px;font-size:12px;line-height:1.7}.customer-modal{padding:28px;width:min(480px,calc(100vw - 32px))}.customer-detail{padding:24px;margin-top:20px}.customer-pager,.customer-license{display:flex;gap:12px;align-items:center;padding:12px}.customer-license{justify-content:space-between;border-bottom:1px solid var(--line)}.customer-note{max-width:250px;overflow-wrap:anywhere}.customer-pager button{background:var(--surface-2);color:var(--cyan);border:1px solid var(--line);padding:6px 12px;border-radius:5px}