:root{--canvas: #f5f5f6;--bg: #f5f5f6;--surface: #ffffff;--surface-2: #fafafa;--surface-3: #f0f0f1;--overlay: rgba(17, 17, 19, .32);--border: #e6e7e9;--border-strong: #d7d8db;--text: #111113;--text-2: #5f6268;--text-3: #8e9299;--accent: #111113;--accent-hover: #2a2a2e;--accent-strong: #000000;--accent-ghost: rgba(17, 17, 19, .055);--accent-ghost-2: rgba(17, 17, 19, .11);--sev-critical: #d92d20;--sev-high: #e8590c;--sev-medium: #d99500;--sev-low: #12b76a;--sev-info: #8e9299;--ok: #12b76a;--warn: #d99500;--danger: #d92d20;--r-sm: 8px;--r: 10px;--r-lg: 12px;--r-xl: 16px;--shadow-1: 0 1px 2px rgba(16, 24, 40, .05);--shadow-2: 0 12px 32px rgba(16, 24, 40, .1);--shadow-3: -20px 0 48px rgba(16, 24, 40, .12);--ease: cubic-bezier(.32, .72, 0, 1);--fast: .14s;--med: .26s;--sidebar-w: 248px;--topbar-h: 60px;--drawer-w: 640px;--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono: "SF Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--canvas);color:var(--text);font-family:var(--font);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,p{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}input,select,textarea{font:inherit}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#d5d6d9;border-radius:99px;border:3.5px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:#bcbdc1;background-clip:content-box}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.shell{display:flex;min-height:100vh}.main{flex:1;min-width:0;display:flex;flex-direction:column}.content{flex:1;padding:28px 32px 64px;max-width:1560px;width:100%}.sidebar{width:var(--sidebar-w);flex-shrink:0;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:10px;padding:0 18px;height:var(--topbar-h);border-bottom:1px solid var(--border);flex-shrink:0}.brand-divider{width:1px;height:16px;background:var(--border-strong);flex-shrink:0}.brand-sub{font-size:10.5px;color:var(--text-3);letter-spacing:.09em;text-transform:uppercase;font-weight:650;white-space:nowrap}.nav{padding:16px 12px;display:flex;flex-direction:column;gap:2px;overflow-y:auto;flex:1}.nav-label{font-size:10.5px;font-weight:650;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);padding:16px 10px 6px}.nav-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--r-sm);color:var(--text-2);font-weight:500;font-size:13.5px;cursor:pointer;transition:background var(--fast),color var(--fast);position:relative}.nav-item:hover{background:var(--surface-2);color:var(--text)}.nav-item.active{background:var(--accent-ghost);color:var(--accent)}.nav-item.active:before{content:"";position:absolute;left:-12px;top:50%;transform:translateY(-50%);width:3px;height:18px;border-radius:0 3px 3px 0;background:var(--accent)}.nav-item svg{flex-shrink:0}.nav-count{margin-left:auto;font-size:11px;font-weight:600;color:var(--text-3);background:var(--surface-3);padding:1px 7px;border-radius:99px}.sidebar-foot{border-top:1px solid var(--border);padding:12px;flex-shrink:0}.user-chip{display:flex;align-items:center;gap:10px;padding:8px;border-radius:var(--r);width:100%;background:transparent;border:none;cursor:pointer;text-align:left;transition:background var(--fast)}.user-chip:hover{background:var(--surface-2)}.avatar{width:30px;height:30px;border-radius:50%;background:var(--accent-ghost-2);color:var(--accent);display:grid;place-items:center;font-size:12px;font-weight:650;flex-shrink:0}.user-meta{min-width:0;flex:1}.user-meta b{display:block;font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-meta span{display:block;font-size:11.5px;color:var(--text-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar{height:var(--topbar-h);border-bottom:1px solid var(--border);background:#ffffffd1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;gap:16px;padding:0 32px;position:sticky;top:0;z-index:20}.crumbs{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-3);min-width:0}.crumbs a:hover{color:var(--text-2)}.crumbs .cur{color:var(--text);font-weight:550;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-right{margin-left:auto;display:flex;align-items:center;gap:10px}.page-head{display:flex;align-items:flex-end;gap:20px;margin-bottom:24px;flex-wrap:wrap}.page-head h1{font-size:24px;font-weight:650;letter-spacing:-.02em}.page-head p{color:var(--text-3);font-size:13.5px;margin-top:4px}.page-head-actions{margin-left:auto;display:flex;gap:10px;align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:34px;padding:0 13px;border-radius:var(--r-sm);border:1px solid var(--border-strong);background:var(--surface-2);color:var(--text);font-size:13px;font-weight:550;cursor:pointer;white-space:nowrap;transition:background var(--fast),border-color var(--fast),transform var(--fast),opacity var(--fast)}.btn:hover:not(:disabled){background:var(--surface-3);border-color:var(--border-strong)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:var(--shadow-1)}.btn-primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.btn-ghost{background:transparent;border-color:transparent;color:var(--text-2)}.btn-ghost:hover:not(:disabled){background:var(--surface-2);color:var(--text);border-color:transparent}.btn-danger{color:var(--danger);border-color:#d92d2047;background:#d92d200f}.btn-danger:hover:not(:disabled){background:#d92d201c;border-color:#d92d2073}.btn-sm{height:28px;padding:0 9px;font-size:12.5px}.btn-icon{width:30px;height:30px;padding:0;border-radius:var(--r-sm);border-color:transparent;background:transparent;color:var(--text-3)}.btn-icon:hover:not(:disabled){background:var(--surface-3);color:var(--text)}.btn-icon.danger:hover:not(:disabled){background:#d92d201a;color:var(--danger)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg)}.card-head{display:flex;align-items:center;gap:12px;padding:15px 18px;border-bottom:1px solid var(--border)}.card-head h3{font-size:14px;font-weight:620;letter-spacing:-.01em}.card-head .sub{font-size:12px;color:var(--text-3);margin-top:1px}.card-head-right{margin-left:auto;display:flex;gap:8px;align-items:center}.card-body{padding:18px}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-bottom:20px}.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:16px 18px;position:relative;overflow:hidden;transition:border-color var(--fast),transform var(--fast)}.stat.clickable{cursor:pointer}.stat.clickable:hover{border-color:var(--border-strong);transform:translateY(-1px)}.stat:after{content:"";position:absolute;inset:0 0 auto 0;height:2px;background:var(--accent, var(--accent));opacity:.8}.stat-label{font-size:11.5px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--text-3);display:flex;align-items:center;gap:6px}.stat-value{font-size:30px;font-weight:660;letter-spacing:-.03em;margin-top:8px;font-variant-numeric:tabular-nums;line-height:1.1}.stat-foot{font-size:12px;color:var(--text-3);margin-top:6px}.stat-dot{width:7px;height:7px;border-radius:50%;background:var(--accent, var(--accent))}.chart-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:14px;margin-bottom:20px}@media (max-width: 1080px){.chart-row{grid-template-columns:1fr}}.donut-wrap{display:flex;align-items:center;gap:24px;flex-wrap:wrap;justify-content:center}.donut{position:relative;flex-shrink:0}.donut-center{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;text-align:center;pointer-events:none}.donut-center b{display:block;font-size:26px;font-weight:660;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.donut-center span{font-size:10.5px;color:var(--text-3);text-transform:uppercase;letter-spacing:.07em;font-weight:600}.donut-seg{transition:opacity var(--fast),stroke-width var(--fast);cursor:pointer}.donut-seg.dim{opacity:.25}.legend{display:flex;flex-direction:column;gap:3px;min-width:170px}.legend-row{display:flex;align-items:center;gap:9px;padding:5px 8px;border-radius:var(--r-sm);cursor:pointer;transition:background var(--fast);font-size:13px}.legend-row:hover{background:var(--surface-2)}.legend-swatch{width:9px;height:9px;border-radius:2.5px;flex-shrink:0}.legend-name{color:var(--text-2)}.legend-val{margin-left:auto;font-weight:620;font-variant-numeric:tabular-nums}.legend-pct{color:var(--text-3);font-size:11.5px;width:38px;text-align:right;font-variant-numeric:tabular-nums}.bars{display:flex;flex-direction:column;gap:11px}.bar-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}.bar-label{font-size:12.5px;color:var(--text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:5px}.bar-track{height:7px;background:var(--surface-3);border-radius:99px;overflow:hidden}.bar-fill{height:100%;border-radius:99px;background:var(--accent);transition:width var(--med) var(--ease)}.bar-val{font-size:13px;font-weight:620;font-variant-numeric:tabular-nums;min-width:26px;text-align:right}.sev-strip{display:flex;height:8px;border-radius:99px;overflow:hidden;background:var(--surface-3)}.sev-strip i{display:block;transition:width var(--med) var(--ease)}.table-wrap{overflow-x:auto}table.data{width:100%;border-collapse:separate;border-spacing:0;font-size:13.5px}table.data th{text-align:left;font-size:11px;font-weight:650;letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);padding:10px 14px;border-bottom:1px solid var(--border);white-space:nowrap;background:var(--surface);position:sticky;top:0;z-index:1}table.data th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}table.data th.sortable:hover{color:var(--text-2)}table.data th .sort-ind{margin-left:4px;opacity:.9}table.data td{padding:11px 14px;border-bottom:1px solid var(--border);vertical-align:middle}table.data tbody tr{transition:background var(--fast)}table.data tbody tr.row-click{cursor:pointer}table.data tbody tr:hover{background:var(--surface-2)}table.data tbody tr.selected{background:var(--accent-ghost)}table.data tbody tr:last-child td{border-bottom:none}.cell-title{font-weight:550;color:var(--text);display:block;max-width:380px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cell-sub{font-size:12px;color:var(--text-3);display:block;max-width:380px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:1px}.idx{color:var(--text-3);font-variant-numeric:tabular-nums;font-size:12.5px}.mono{font-family:var(--mono);font-size:12.5px}.nowrap{white-space:nowrap}.row-actions{display:flex;gap:2px;justify-content:flex-end;opacity:0;transition:opacity var(--fast)}tr:hover .row-actions,tr:focus-within .row-actions{opacity:1}.badge{display:inline-flex;align-items:center;gap:5px;height:21px;padding:0 8px;border-radius:99px;font-size:11.5px;font-weight:620;letter-spacing:.01em;white-space:nowrap;border:1px solid transparent}.badge .dot{width:5px;height:5px;border-radius:50%;background:currentColor}.badge-sq{border-radius:var(--r-sm)}.chip{display:inline-flex;align-items:center;min-height:22px;padding:2px 8px;border-radius:var(--r-sm);background:var(--surface-3);border:1px solid var(--border);color:var(--text-2);font-size:12px;font-weight:500;line-height:1.45;max-width:100%;overflow-wrap:anywhere}.cvss{display:inline-flex;align-items:center;gap:6px;font-variant-numeric:tabular-nums;font-weight:640;font-size:13px}.cvss-bar{width:40px;height:4px;border-radius:99px;background:var(--surface-3);overflow:hidden}.cvss-bar i{display:block;height:100%;border-radius:99px}.toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:13px 18px;border-bottom:1px solid var(--border)}.search{position:relative;flex:1;min-width:200px;max-width:340px}.search svg{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--text-3);pointer-events:none}.search input{width:100%;height:34px;padding:0 30px 0 32px;border-radius:var(--r-sm);border:1px solid var(--border-strong);background:var(--bg);color:var(--text);outline:none;font-size:13px;transition:border-color var(--fast),box-shadow var(--fast)}.search input::placeholder{color:var(--text-3)}.search input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ghost)}.search-clear{position:absolute;right:6px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-3);cursor:pointer;padding:2px;display:grid;place-items:center;border-radius:4px}.search-clear:hover{color:var(--text);background:var(--surface-3)}.seg{display:flex;gap:2px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-sm);padding:2px}.seg button{height:26px;padding:0 10px;border:none;background:transparent;color:var(--text-3);font-size:12.5px;font-weight:550;border-radius:4px;cursor:pointer;transition:background var(--fast),color var(--fast);display:inline-flex;align-items:center;gap:6px}.seg button:hover{color:var(--text)}.seg button.on{background:var(--surface-3);color:var(--text)}.seg button .n{font-size:11px;color:var(--text-3);font-variant-numeric:tabular-nums}.select{height:34px;padding:0 30px 0 11px;border-radius:var(--r-sm);border:1px solid var(--border-strong);background:var(--surface-2) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7a94' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>") no-repeat right 10px center;color:var(--text);font-size:13px;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;max-width:220px}.select:focus{border-color:var(--accent)}.result-count{margin-left:auto;font-size:12.5px;color:var(--text-3);font-variant-numeric:tabular-nums}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:100;animation:fade var(--med) var(--ease)}@keyframes fade{0%{opacity:0}}.drawer{position:fixed;top:0;right:0;bottom:0;width:min(var(--drawer-w),100vw);background:var(--surface);border-left:1px solid var(--border-strong);box-shadow:var(--shadow-3);z-index:101;display:flex;flex-direction:column;animation:slide-in var(--med) var(--ease)}.drawer.wide{width:min(820px,100vw)}@keyframes slide-in{0%{transform:translate(100%)}}.drawer-head{padding:16px 20px;border-bottom:1px solid var(--border);display:flex;align-items:flex-start;gap:12px;flex-shrink:0}.drawer-head-main{min-width:0;flex:1}.drawer-eyebrow{display:flex;align-items:center;gap:8px;margin-bottom:7px;flex-wrap:wrap}.drawer-title{font-size:17px;font-weight:640;letter-spacing:-.015em;line-height:1.35}.drawer-nav{display:flex;gap:2px;align-items:center;flex-shrink:0}.drawer-body{flex:1;overflow-y:auto;overflow-x:hidden;padding:4px 20px 40px;min-width:0}.drawer-body a,.drawer-body code,.drawer-body .prose,.drawer-body .dfield-value,.drawer-body .steps li,.drawer-body .bullets li{overflow-wrap:anywhere;word-break:normal}.drawer-foot{border-top:1px solid var(--border);padding:12px 20px;display:flex;gap:10px;align-items:center;flex-shrink:0;background:var(--surface)}.dsec{padding:18px 0;border-bottom:1px solid var(--border)}.dsec:last-child{border-bottom:none}.dsec-title{font-size:11px;font-weight:650;letter-spacing:.07em;text-transform:uppercase;color:var(--text-3);margin-bottom:11px;display:flex;align-items:center;gap:7px}.dsec-title .n{background:var(--surface-3);color:var(--text-2);border-radius:99px;padding:0 6px;font-size:10.5px;letter-spacing:0}.dgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px 18px}.dfield-label{font-size:11px;font-weight:620;letter-spacing:.05em;text-transform:uppercase;color:var(--text-3);margin-bottom:5px}.dfield-value{font-size:13.5px;color:var(--text);word-break:break-word}.prose{font-size:13.5px;line-height:1.65;color:var(--text-2);white-space:pre-wrap;word-break:break-word}.steps{list-style:none;margin:0;padding:0;counter-reset:s;display:flex;flex-direction:column;gap:8px}.steps li{counter-increment:s;display:grid;grid-template-columns:22px minmax(0,1fr);gap:11px;align-items:start;font-size:13.5px;line-height:1.6;color:var(--text-2)}.steps li:before{content:counter(s);width:22px;height:22px;border-radius:50%;background:var(--accent-ghost);color:var(--accent);display:grid;place-items:center;font-size:11px;font-weight:650;font-variant-numeric:tabular-nums}.bullets{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.bullets li{display:grid;grid-template-columns:16px minmax(0,1fr);gap:10px;align-items:start;font-size:13.5px;line-height:1.6;color:var(--text-2)}.bullets li .mk{margin-top:5px;color:var(--accent, var(--accent));display:grid;place-items:center}.chip-list{display:flex;flex-wrap:wrap;gap:7px;min-width:0}.chip-list>*{min-width:0;max-width:100%}.host-chip{display:inline-flex;align-items:center;gap:7px;padding:5px 10px;border-radius:var(--r-sm);background:var(--bg);border:1px solid var(--border);font-family:var(--mono);font-size:12.5px;color:var(--text-2);overflow-wrap:anywhere;min-width:0;max-width:100%}.link-row{display:flex;align-items:center;gap:9px;padding:8px 11px;border-radius:var(--r-sm);background:var(--bg);border:1px solid var(--border);color:var(--accent);font-size:13px;transition:border-color var(--fast),background var(--fast);overflow-wrap:anywhere;min-width:0}.link-row:hover{border-color:var(--accent);background:var(--accent-ghost)}.link-row .ext{margin-left:auto;color:var(--text-3);flex-shrink:0}.shots{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}.shot{position:relative;aspect-ratio:16 / 10;border-radius:var(--r);overflow:hidden;border:1px solid var(--border);background:var(--bg);cursor:zoom-in;padding:0;transition:border-color var(--fast),transform var(--fast)}.shot:hover{border-color:var(--accent);transform:translateY(-1px)}.shot img{width:100%;height:100%;object-fit:cover;display:block}.shot-num{position:absolute;left:7px;top:7px;background:#03060ccc;color:#fff;font-size:10.5px;font-weight:650;padding:2px 6px;border-radius:4px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.shot-zoom{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#03060c8c;opacity:0;transition:opacity var(--fast);color:#fff}.shot:hover .shot-zoom{opacity:1}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#03060cf0;display:grid;place-items:center;padding:40px;animation:fade var(--fast) var(--ease)}.lightbox img{max-width:100%;max-height:calc(100vh - 120px);object-fit:contain;border-radius:var(--r);box-shadow:var(--shadow-2)}.lightbox-bar{position:absolute;top:16px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;background:var(--surface-2);border:1px solid var(--border-strong);border-radius:99px;padding:5px 8px;font-size:12.5px;color:var(--text-2);font-variant-numeric:tabular-nums}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;border-radius:50%;background:var(--surface-2);border:1px solid var(--border-strong);color:var(--text);display:grid;place-items:center;cursor:pointer}.lightbox-nav:hover{background:var(--surface-3)}.lightbox-nav.prev{left:24px}.lightbox-nav.next{right:24px}.form{display:flex;flex-direction:column;gap:18px}.fieldset{border:none;padding:0;margin:0;display:flex;flex-direction:column;gap:14px}.fieldset>legend{font-size:11px;font-weight:650;letter-spacing:.07em;text-transform:uppercase;color:var(--text-3);padding:0;margin-bottom:2px}.frow{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px}.field{display:flex;flex-direction:column;gap:6px;min-width:0}.field>label{font-size:12.5px;font-weight:570;color:var(--text-2);display:flex;align-items:center;gap:5px}.field .req{color:var(--sev-critical)}.field .hint{font-size:11.5px;color:var(--text-3)}.input,.textarea{width:100%;border-radius:var(--r-sm);border:1px solid var(--border-strong);background:var(--bg);color:var(--text);outline:none;font-size:13.5px;transition:border-color var(--fast),box-shadow var(--fast)}.input{height:36px;padding:0 11px}.textarea{padding:9px 11px;min-height:92px;resize:vertical;line-height:1.6;font-family:inherit}.input::placeholder,.textarea::placeholder{color:var(--text-3)}.input:focus,.textarea:focus,select.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ghost)}.input.err,.textarea.err{border-color:var(--danger)}select.input{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;padding-right:30px;background:var(--bg) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7a94' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>") no-repeat right 10px center}.err-text{font-size:11.5px;color:var(--danger);display:flex;align-items:center;gap:4px}.list-field{display:flex;flex-direction:column;gap:7px}.list-item{display:flex;gap:7px;align-items:center}.list-item .ord{width:22px;height:22px;flex-shrink:0;border-radius:50%;background:var(--surface-3);color:var(--text-3);display:grid;place-items:center;font-size:11px;font-weight:650;font-variant-numeric:tabular-nums}.dropzone{border:1.5px dashed var(--border-strong);border-radius:var(--r);padding:22px;text-align:center;cursor:pointer;transition:border-color var(--fast),background var(--fast);background:var(--bg)}.dropzone:hover,.dropzone.over{border-color:var(--accent);background:var(--accent-ghost)}.dropzone .dz-icon{color:var(--accent);margin-bottom:8px}.dropzone b{font-size:13.5px;font-weight:580;display:block}.dropzone span{font-size:12px;color:var(--text-3);display:block;margin-top:3px}.thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:9px;margin-top:11px}.thumb{position:relative;aspect-ratio:4 / 3;border-radius:var(--r-sm);overflow:hidden;border:1px solid var(--border);background:var(--bg)}.thumb img{width:100%;height:100%;object-fit:cover;display:block}.thumb-x{position:absolute;top:4px;right:4px;width:20px;height:20px;border-radius:50%;background:#03060cd1;border:none;color:#fff;display:grid;place-items:center;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.thumb-x:hover{background:var(--danger)}.thumb-name{position:absolute;left:0;right:0;bottom:0;padding:3px 6px;background:linear-gradient(transparent,#03060ceb);font-size:10px;color:#f2f2f3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.link-btn{background:none;border:none;padding:0;font:inherit;color:var(--accent);text-decoration:underline;text-underline-offset:2px;cursor:pointer}.link-btn:hover{opacity:.72}.co-form-head{display:flex;align-items:flex-start;gap:14px}.co-logo-picker{position:relative;width:62px;height:62px;flex-shrink:0;margin-top:20px}.co-logo-picker img{width:100%;height:100%;object-fit:contain;border-radius:var(--r);border:1px solid var(--border);background:var(--surface);padding:5px}.co-logo-drop{width:100%;height:100%;border:1.5px dashed var(--border-strong);border-radius:var(--r);background:var(--surface-2);color:var(--text-3);display:grid;place-items:center;cursor:pointer;transition:border-color var(--fast),color var(--fast),background var(--fast)}.co-logo-drop:hover:not(:disabled){border-color:var(--accent);color:var(--accent);background:var(--accent-ghost)}.co-logo-clear{position:absolute;top:-6px;right:-6px;width:20px;height:20px;border-radius:50%;border:1px solid var(--border-strong);background:var(--surface);color:var(--text-2);display:grid;place-items:center;cursor:pointer;box-shadow:var(--shadow-1)}.co-logo-clear:hover{background:var(--danger);border-color:var(--danger);color:#fff}.client-new{display:flex;flex-direction:column;gap:8px;padding:12px;border:1px solid var(--border);border-radius:var(--r);background:var(--surface-2)}.asset-select{position:relative}.asset-trigger{width:100%;height:36px;display:flex;align-items:center;gap:9px;padding:0 11px;border-radius:var(--r-sm);border:1px solid var(--border-strong);background:var(--bg);color:var(--text);font-size:13.5px;cursor:pointer;text-align:left;transition:border-color var(--fast),box-shadow var(--fast)}.asset-trigger:hover{border-color:var(--accent)}.asset-trigger.err{border-color:var(--danger)}.asset-trigger-icon,.asset-option-icon,.asset-custom-icon{color:var(--text-2);display:grid;place-items:center;flex-shrink:0}.asset-trigger-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asset-trigger-label.placeholder{color:var(--text-3)}.asset-menu{position:fixed;z-index:160;display:flex;flex-direction:column;min-height:0;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r);box-shadow:var(--shadow-2);overflow:hidden;animation:pop var(--fast) var(--ease)}.asset-search{position:relative;padding:8px;border-bottom:1px solid var(--border);flex-shrink:0}.asset-search svg{position:absolute;left:18px;top:50%;transform:translateY(-50%);color:var(--text-3);pointer-events:none}.asset-search input{width:100%;height:30px;padding:0 10px 0 30px;border-radius:var(--r-sm);border:1px solid var(--border);background:var(--bg);color:var(--text);outline:none;font-size:13px}.asset-search input:focus{border-color:var(--accent)}.asset-options{flex:1 1 auto;min-height:0;overflow-y:auto;padding:4px}.asset-group{font-size:10px;font-weight:650;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);padding:8px 8px 4px}.asset-option{width:100%;display:flex;align-items:center;gap:9px;padding:7px 8px;border:none;background:transparent;border-radius:var(--r-sm);color:var(--text);font-size:13px;cursor:pointer;text-align:left;transition:background var(--fast)}.asset-option:hover{background:var(--surface-2)}.asset-option.on{background:var(--accent-ghost);font-weight:550}.asset-option.on .asset-option-icon{color:var(--accent)}.asset-option-check{margin-left:auto;color:var(--accent);flex-shrink:0}.asset-empty{padding:14px 10px;font-size:12.5px;color:var(--text-3);text-align:center}.asset-custom-add{width:100%;flex-shrink:0;display:flex;align-items:center;gap:7px;padding:10px 12px;border:none;border-top:1px solid var(--border);background:var(--surface-2);color:var(--accent);font-size:12.5px;font-weight:550;cursor:pointer;text-align:left}.asset-custom-add:hover{background:var(--surface-3)}.asset-custom{display:flex;align-items:center;gap:8px;min-width:0;width:100%}.asset-custom-icon{width:34px;height:36px;flex:0 0 34px;border:1px solid var(--border-strong);border-radius:var(--r-sm);background:var(--surface-2);color:var(--text-2)}.asset-custom .input{flex:1 1 auto;min-width:0}.asset-custom .btn{flex:0 0 auto;height:36px}.pdf-modal{position:fixed;top:24px;right:24px;bottom:24px;left:24px;z-index:151;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r-lg);box-shadow:var(--shadow-2);display:flex;flex-direction:column;overflow:hidden;animation:pop var(--med) var(--ease)}.pdf-modal-head{display:flex;align-items:center;gap:10px;padding:13px 16px;border-bottom:1px solid var(--border);flex-shrink:0}.pdf-modal-head h3{font-size:14.5px;font-weight:630;letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pdf-modal-head p{font-size:12px;color:var(--text-3);margin-top:1px}.pdf-modal-body{flex:1;min-height:0;background:var(--canvas)}.pdf-modal-body iframe{width:100%;height:100%;border:none;display:block}.pdf-status{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--text-3);padding:32px;text-align:center}.pdf-status b{font-size:14.5px;font-weight:600;color:var(--text);margin-top:6px}.pdf-status span{font-size:13px;max-width:380px;line-height:1.6}.pdf-zoom{display:flex;align-items:center;gap:2px;border:1px solid var(--border-strong);border-radius:var(--r-sm);padding:2px;background:var(--surface-2);flex-shrink:0}.pdf-zoom .btn-icon{width:26px;height:26px}.pdf-zoom-level{min-width:46px;height:26px;padding:0 6px;border:none;background:transparent;color:var(--text);font-size:12px;font-weight:600;font-variant-numeric:tabular-nums;border-radius:5px;cursor:pointer;transition:background var(--fast)}.pdf-zoom-level:hover{background:var(--surface-3)}.status-select{position:relative;display:inline-flex}.status-trigger{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 8px;border-radius:99px;border:1px solid transparent;font-size:11.5px;font-weight:620;cursor:pointer;white-space:nowrap;transition:filter var(--fast),opacity var(--fast)}.status-trigger:hover:not(:disabled){filter:brightness(.96)}.status-trigger:disabled{opacity:.65;cursor:wait}.status-trigger .dot{width:5px;height:5px;border-radius:50%;flex-shrink:0}.status-trigger svg{opacity:.7;flex-shrink:0}.status-trigger.compact{height:22px;font-size:11px}.status-menu{position:fixed;z-index:160;min-width:176px;overflow-y:auto;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r);box-shadow:var(--shadow-2);padding:4px;animation:pop var(--fast) var(--ease)}.status-option{width:100%;display:flex;align-items:center;gap:9px;padding:7px 9px;border:none;background:transparent;border-radius:var(--r-sm);color:var(--text);font-size:13px;cursor:pointer;text-align:left;transition:background var(--fast)}.status-option:hover{background:var(--surface-2)}.status-option.on{background:var(--accent-ghost);font-weight:550}.status-option i{width:7px;height:7px;border-radius:50%;flex-shrink:0}.status-option svg{margin-left:auto;color:var(--accent)}.sev-pills{display:flex;flex-wrap:wrap;gap:7px}.sev-pill{display:inline-flex;align-items:stretch;border-radius:3px;overflow:hidden;line-height:1;font-variant-numeric:tabular-nums;border:1px solid color-mix(in srgb,var(--pill) 20%,transparent);white-space:nowrap}.sev-pill-n{display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:22px;padding:0 8px;font-size:12px;font-weight:650;color:color-mix(in srgb,var(--pill) 72%,#3a1a00);background:color-mix(in srgb,var(--pill) 13%,var(--surface))}.sev-pill-l{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;font-size:12px;font-weight:700;color:#fff;background:var(--pill)}.sev-pills.sm{gap:5px}.sev-pills.sm .sev-pill-n{min-width:22px;height:19px;padding:0 6px;font-size:11px}.sev-pills.sm .sev-pill-l{width:19px;height:19px;font-size:11px}.sev-pill-empty{display:inline-flex;align-items:center;height:22px;color:var(--text-3);background:var(--surface-3);border:1px solid var(--border);border-radius:3px;font-size:11.5px;font-weight:500;padding:0 9px}.co-logo-img{background:var(--surface);border:1px solid var(--border);overflow:hidden;padding:0}.co-logo-img img{width:62%;height:62%;object-fit:contain;display:block}.cvss-calc{border:1px solid var(--border);border-radius:var(--r);background:var(--surface);overflow:hidden}.cvss-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border)}@media (max-width: 720px){.cvss-grid{grid-template-columns:1fr}}.cvss-group{background:var(--surface);padding:12px 14px 14px;min-width:0}.cvss-group-title{font-size:10.5px;font-weight:650;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);margin-bottom:10px}.cvss-metric{min-width:0}.cvss-metric+.cvss-metric{margin-top:11px}.cvss-metric-label{font-size:11.5px;font-weight:600;color:var(--text-2);margin-bottom:6px;display:flex;align-items:center;gap:6px}.cvss-metric-key{font-family:var(--mono);font-size:9.5px;color:var(--text-3);background:var(--surface-3);border-radius:3px;padding:1px 4px}.cvss-options{display:flex;gap:4px}.cvss-option{flex:1;min-width:0;padding:5px 4px;border-radius:var(--r-sm);border:1px solid var(--border-strong);background:var(--surface);color:var(--text-2);font-size:11.5px;font-weight:550;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background var(--fast),color var(--fast),border-color var(--fast)}.cvss-option:hover{border-color:var(--accent);color:var(--text)}.cvss-option.on{background:var(--accent);border-color:var(--accent);color:#fff}.cvss-foot{display:flex;gap:12px;align-items:center;padding:12px 14px;border-top:1px solid var(--border);background:var(--surface-2);min-width:0}.cvss-score{width:72px;flex-shrink:0;border:1.5px solid;border-radius:var(--r-sm);padding:6px 4px;text-align:center;line-height:1.15;background:var(--surface)}.cvss-score b{display:block;font-size:21px;font-weight:680;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.cvss-score span{display:block;font-size:9.5px;font-weight:650;letter-spacing:.06em;text-transform:uppercase;margin-top:2px}.cvss-foot-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:7px}.cvss-foot-row{display:flex;align-items:center;gap:8px;min-width:0}.cvss-version-label{font-size:10.5px;font-weight:650;letter-spacing:.07em;text-transform:uppercase;color:var(--text-3)}.cvss-vector{flex:1;min-width:0;font-family:var(--mono);font-size:11px;color:var(--text-2);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-sm);padding:5px 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cvss-url{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text-3);min-width:0}.cvss-url span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cvss-url:hover{color:var(--accent);text-decoration:underline;text-underline-offset:2px}.cvss-url svg{flex-shrink:0}.ai-model{position:relative;flex-shrink:0}.ai-model-btn{display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 8px;border-radius:var(--r-sm);border:1px solid var(--border-strong);background:var(--surface);color:var(--text-2);font-size:11.5px;font-weight:600;cursor:pointer;white-space:nowrap;transition:border-color var(--fast),color var(--fast)}.ai-model-btn:hover{border-color:var(--accent);color:var(--text)}.ai-model-menu{position:absolute;right:0;bottom:calc(100% + 6px);width:268px;z-index:70;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r);box-shadow:var(--shadow-2);padding:4px;animation:pop var(--fast) var(--ease)}.ai-model-option{width:100%;display:block;text-align:left;padding:8px 9px;border:none;background:transparent;border-radius:var(--r-sm);cursor:pointer;transition:background var(--fast)}.ai-model-option:hover{background:var(--surface-2)}.ai-model-option.on{background:var(--accent-ghost)}.ai-model-row{display:flex;align-items:center;gap:7px;font-size:13px;color:var(--text)}.ai-model-row b{font-weight:620}.ai-model-row em{font-style:normal;font-size:10px;font-weight:650;letter-spacing:.05em;text-transform:uppercase;color:var(--text-3);background:var(--surface-3);border-radius:99px;padding:1px 6px}.ai-model-row svg{margin-left:auto;color:var(--accent)}.ai-model-blurb{display:block;font-size:11.5px;line-height:1.5;color:var(--text-3);margin-top:3px}.ai-dock{border-top:1px solid var(--border-strong);background:linear-gradient(180deg,var(--surface-2),var(--surface));flex-shrink:0;display:flex;flex-direction:column;max-height:62vh}.ai-head{display:flex;align-items:center;gap:9px;padding:10px 20px;cursor:pointer;-webkit-user-select:none;user-select:none;flex-shrink:0}.ai-head:hover{background:var(--surface-3)}.ai-spark{width:24px;height:24px;border-radius:7px;background:linear-gradient(140deg,var(--accent-hover),var(--accent-strong));display:grid;place-items:center;color:#fff;flex-shrink:0;box-shadow:0 2px 6px #1018282e}.ai-title{font-size:13px;font-weight:620;letter-spacing:-.01em}.ai-sub{font-size:11.5px;color:var(--text-3);margin-top:-1px}.ai-body{display:flex;flex-direction:column;min-height:0;border-top:1px solid var(--border)}.ai-log{overflow-y:auto;padding:14px 20px;display:flex;flex-direction:column;gap:12px;min-height:0;max-height:34vh}.ai-msg{display:flex;gap:9px;align-items:flex-start;font-size:13px;line-height:1.6}.ai-msg.user{flex-direction:row-reverse}.ai-bubble{padding:9px 12px;border-radius:var(--r);max-width:84%;white-space:pre-wrap;word-break:break-word}.ai-msg.user .ai-bubble{background:var(--accent);color:#fff;border-bottom-right-radius:4px}.ai-msg.bot .ai-bubble{background:var(--surface-3);border:1px solid var(--border);color:var(--text-2);border-bottom-left-radius:4px}.ai-msg.bot.err .ai-bubble{background:#d92d200f;border-color:#d92d2047;color:#97180c}.ai-avatar{width:24px;height:24px;border-radius:7px;display:grid;place-items:center;flex-shrink:0;margin-top:1px}.ai-avatar.bot{background:var(--accent-ghost);color:var(--accent)}.ai-applied{display:flex;flex-wrap:wrap;gap:5px;margin-top:9px;padding-top:9px;border-top:1px solid var(--border)}.ai-field-tag{font-size:10.5px;font-weight:600;padding:2px 7px;border-radius:99px;background:#12b76a1a;border:1px solid rgba(18,183,106,.26);color:var(--ok);white-space:nowrap}.ai-empty{padding:6px 0 2px;color:var(--text-3);font-size:12.5px;line-height:1.65}.ai-examples{display:flex;flex-direction:column;gap:6px;margin-top:10px}.ai-example{text-align:left;padding:8px 11px;border-radius:var(--r-sm);background:var(--bg);border:1px solid var(--border);color:var(--text-2);font-size:12.5px;cursor:pointer;transition:border-color var(--fast),background var(--fast);line-height:1.5}.ai-example:hover{border-color:var(--accent);background:var(--accent-ghost);color:var(--text)}.ai-compose{padding:12px 20px 14px;border-top:1px solid var(--border);flex-shrink:0;background:var(--surface)}.ai-compose-row{display:flex;gap:9px;align-items:flex-end}.ai-compose textarea{flex:1;min-height:40px;max-height:140px;resize:none;padding:10px 12px;border-radius:var(--r-sm);border:1px solid var(--border-strong);background:var(--bg);color:var(--text);outline:none;font-size:13px;font-family:inherit;line-height:1.55;transition:border-color var(--fast),box-shadow var(--fast)}.ai-compose textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ghost)}.ai-compose textarea::placeholder{color:var(--text-3)}.ai-send{width:40px;height:40px;border-radius:var(--r-sm);border:none;background:var(--accent);color:#fff;display:grid;place-items:center;cursor:pointer;flex-shrink:0;transition:background var(--fast),opacity var(--fast)}.ai-send:hover:not(:disabled){background:var(--accent-hover)}.ai-send:disabled{opacity:.4;cursor:not-allowed}.ai-hint{font-size:11px;color:var(--text-3);margin-top:7px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.ai-thinking{display:flex;align-items:center;gap:7px;font-size:12.5px;color:var(--text-3);padding:2px 0}.ai-dots{display:inline-flex;gap:3px}.ai-dots i{width:4px;height:4px;border-radius:50%;background:var(--accent);animation:ai-pulse 1.2s ease-in-out infinite}.ai-dots i:nth-child(2){animation-delay:.15s}.ai-dots i:nth-child(3){animation-delay:.3s}@keyframes ai-pulse{0%,60%,to{opacity:.25;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.ai-offline{padding:14px 20px 16px;font-size:12.5px;color:var(--text-3);line-height:1.65}.ai-offline code{font-family:var(--mono);font-size:11.5px;background:var(--bg);border:1px solid var(--border);border-radius:4px;padding:1px 5px;color:var(--accent)}.report-ai{position:fixed;right:22px;bottom:22px;z-index:80;display:flex;flex-direction:column;align-items:flex-end;gap:10px}.report-ai-toggle{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 16px 0 14px;border-radius:99px;border:none;background:linear-gradient(140deg,var(--accent-hover),var(--accent-strong));color:#fff;font-size:13px;font-weight:620;cursor:pointer;box-shadow:var(--shadow-2);transition:transform var(--fast),box-shadow var(--fast)}.report-ai-toggle:hover{transform:translateY(-1px);box-shadow:0 10px 24px #1018283d}.report-ai-panel{width:min(400px,calc(100vw - 44px));max-height:min(600px,calc(100vh - 110px));display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r-lg, 14px);box-shadow:var(--shadow-2);overflow:hidden;animation:pop var(--fast) var(--ease)}.report-ai-head{display:flex;align-items:center;gap:9px;padding:12px 14px;border-bottom:1px solid var(--border);flex-shrink:0}.report-ai-close{width:26px;height:26px;border-radius:var(--r-sm);border:none;background:transparent;color:var(--text-3);display:grid;place-items:center;cursor:pointer;flex-shrink:0;transition:background var(--fast),color var(--fast)}.report-ai-close:hover{background:var(--surface-3);color:var(--text)}.report-ai-panel .ai-body{min-height:0;border-top:none}.report-ai-panel .ai-log{max-height:none;flex:1}.report-ai-panel .ai-model-menu{bottom:auto;top:calc(100% + 6px)}.modal-wrap{position:fixed;top:0;right:0;bottom:0;left:0;z-index:150;display:grid;place-items:center;padding:24px}.modal{position:relative;z-index:151;width:100%;max-width:460px;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r-lg);box-shadow:var(--shadow-2);animation:pop var(--med) var(--ease);max-height:calc(100vh - 48px);display:flex;flex-direction:column}@keyframes pop{0%{opacity:0;transform:translateY(8px) scale(.98)}}.modal-head{padding:16px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:12px}.modal-head h3{font-size:15px;font-weight:630}.modal-head p{font-size:12.5px;color:var(--text-3);margin-top:2px}.modal-body{padding:20px;overflow-y:auto}.modal-foot{padding:13px 20px;border-top:1px solid var(--border);display:flex;gap:10px;justify-content:flex-end}.modal-icon{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;flex-shrink:0}.toasts{position:fixed;right:20px;top:calc(var(--topbar-h) + 12px);z-index:300;display:flex;flex-direction:column;gap:9px;max-width:380px}.toast{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:var(--r);background:var(--surface-2);border:1px solid var(--border-strong);box-shadow:var(--shadow-2);font-size:13px;animation:toast-in var(--med) var(--ease)}@keyframes toast-in{0%{opacity:0;transform:translate3d(16px,-8px,0)}}.toast.ok{border-left:3px solid var(--ok)}.toast.err{border-left:3px solid var(--danger)}.toast.info{border-left:3px solid var(--accent)}.toast-x{margin-left:auto;background:none;border:none;color:var(--text-3);cursor:pointer;padding:0;display:grid;place-items:center}.toast-x:hover{color:var(--text)}.empty{padding:56px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:5px}.empty-icon{width:46px;height:46px;border-radius:var(--r);background:var(--surface-2);border:1px solid var(--border);display:grid;place-items:center;color:var(--text-3);margin-bottom:9px}.empty b{font-size:14.5px;font-weight:600}.empty p{font-size:13px;color:var(--text-3);max-width:340px}.empty .btn{margin-top:12px}.spinner{width:15px;height:15px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:spin .65s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.loading-block{padding:56px;display:grid;place-items:center;color:var(--text-3);gap:10px}.skel{background:linear-gradient(90deg,var(--surface-2) 25%,var(--surface-3) 50%,var(--surface-2) 75%);background-size:200% 100%;animation:shimmer 1.3s infinite;border-radius:var(--r-sm)}@keyframes shimmer{to{background-position:-200% 0}}.login-page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}@media (max-width: 900px){.login-page{grid-template-columns:1fr}.login-aside{display:none!important}}.login-form-side{display:grid;place-items:center;padding:40px 24px}.login-box{width:100%;max-width:356px}.login-box .brand{border:none;padding:0;height:auto;margin-bottom:28px}.login-box h1{font-size:22px;font-weight:650;letter-spacing:-.02em}.login-box .lead{color:var(--text-3);font-size:13.5px;margin:5px 0 24px}.login-aside{background:var(--canvas);border-left:1px solid var(--border);padding:48px;display:flex;flex-direction:column;justify-content:center;gap:26px;position:relative;overflow:hidden}.login-aside:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);background-size:44px 44px;opacity:.6;-webkit-mask-image:radial-gradient(700px 500px at 30% 40%,#000,transparent 75%);mask-image:radial-gradient(700px 500px at 30% 40%,#000,transparent 75%)}.login-aside>*{position:relative}.login-aside h2{font-size:27px;font-weight:650;letter-spacing:-.025em;line-height:1.25;max-width:15ch}.login-aside p{color:var(--text-2);font-size:14px;max-width:42ch;line-height:1.65}.vapt-carousel{display:flex;flex-direction:column;gap:20px;max-width:44ch}.vapt-slide{display:flex;flex-direction:column;align-items:flex-start;gap:10px;animation:vapt-in .42s var(--ease);min-height:230px}@keyframes vapt-in{0%{opacity:0;transform:translateY(10px)}}.vapt-icon{width:38px;height:38px;border-radius:var(--r);background:var(--accent);color:#fff;display:grid;place-items:center;flex-shrink:0}.vapt-kicker{font-size:11px;font-weight:650;letter-spacing:.09em;text-transform:uppercase;color:var(--text-3)}.vapt-title{font-size:26px;font-weight:650;letter-spacing:-.025em;line-height:1.25;color:var(--text)}.vapt-body{font-size:14px;line-height:1.65;color:var(--text-2)}.vapt-stat{font-size:11.5px;font-weight:600;color:var(--text-2);background:var(--surface);border:1px solid var(--border);border-radius:99px;padding:4px 11px;margin-top:2px}.vapt-dots{display:flex;gap:6px}.vapt-dot{width:26px;height:3px;padding:0;border:none;border-radius:99px;background:var(--border-strong);cursor:pointer;overflow:hidden;transition:width var(--med) var(--ease),background var(--fast)}.vapt-dot:hover{background:var(--text-3)}.vapt-dot.on{width:40px;background:var(--border-strong)}.vapt-dot.on i{display:block;height:100%;background:var(--accent);transform-origin:left;animation:vapt-fill linear forwards}@keyframes vapt-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (prefers-reduced-motion: reduce){.vapt-dot.on i{animation:none;transform:scaleX(1)}}.login-feats{display:flex;flex-direction:column;gap:13px;margin-top:4px}.login-feat{display:flex;align-items:center;gap:11px;font-size:13.5px;color:var(--text-2)}.login-feat .ic{width:28px;height:28px;border-radius:8px;background:var(--accent-ghost);color:var(--accent);display:grid;place-items:center;flex-shrink:0}.login-err{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:var(--r-sm);background:#d92d2012;border:1px solid rgba(217,45,32,.28);color:#97180c;font-size:12.5px;margin-bottom:16px}.co-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}.co-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:17px;cursor:pointer;transition:border-color var(--fast),transform var(--fast),box-shadow var(--fast);display:flex;flex-direction:column;gap:13px;text-align:left}.co-card:hover{border-color:var(--border-strong);transform:translateY(-2px);box-shadow:var(--shadow-2)}.co-top{display:flex;align-items:flex-start;gap:11px}.co-logo{width:38px;height:38px;border-radius:var(--r);background:var(--accent-ghost);color:var(--accent);display:grid;place-items:center;font-size:14px;font-weight:660;flex-shrink:0;border:1px solid var(--border)}.co-name{font-size:14.5px;font-weight:620;letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.co-asset{font-size:12.5px;color:var(--text-3);display:flex;align-items:center;gap:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:1px}.co-stats{display:flex;gap:16px}.co-stat b{display:block;font-size:19px;font-weight:650;letter-spacing:-.02em;font-variant-numeric:tabular-nums;line-height:1.2}.co-stat span{font-size:10.5px;color:var(--text-3);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.co-foot{display:flex;align-items:center;gap:8px;padding-top:12px;border-top:1px solid var(--border);font-size:12px;color:var(--text-3)}.co-foot .go{margin-left:auto;color:var(--accent);display:flex;align-items:center;gap:4px;font-weight:550}.co-created{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--text-3)}.co-created svg{flex-shrink:0;opacity:.85}.row{display:flex;align-items:center;gap:10px}.grow{flex:1}.muted{color:var(--text-3)}.sep{width:1px;height:20px;background:var(--border)}.stack{display:flex;flex-direction:column;gap:14px}.kbd{font-family:var(--mono);font-size:10.5px;padding:1px 5px;border-radius:4px;background:var(--surface-3);border:1px solid var(--border-strong);color:var(--text-3)}@media (max-width: 860px){.sidebar{display:none}.content,.topbar{padding-left:18px;padding-right:18px}}.mailcompose{display:grid;grid-template-columns:minmax(0,380px) minmax(0,1fr);gap:22px;align-items:stretch}.mailcompose-form{display:flex;flex-direction:column;gap:14px;min-width:0}.chip-input{display:flex;flex-wrap:wrap;align-items:center;gap:5px;min-height:38px;padding:6px 8px;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--bg);cursor:text;transition:border-color .14s,box-shadow .14s}.chip-input:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ghost)}.chip-input[data-invalid=true]{border-color:var(--danger)}.chip-input input{flex:1;min-width:140px;border:0;outline:none;background:transparent;font:inherit;font-size:13px;color:var(--text);padding:2px 0}.chip-removable{display:inline-flex;align-items:center;gap:5px;padding-right:4px}.chip-removable button{display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;border:0;border-radius:50%;background:transparent;color:var(--text-3);cursor:pointer;padding:0}.chip-removable button:hover{background:var(--surface-3);color:var(--text)}.mailcc-toggle{display:flex;gap:14px;margin-top:-6px}.mailcc-toggle button{border:0;background:transparent;padding:0;font-size:12px;font-weight:550;color:var(--text-3);cursor:pointer;text-decoration:underline;text-underline-offset:2px}.mailcc-toggle button:hover{color:var(--text)}.checkline{display:flex;align-items:flex-start;gap:8px;font-size:13px;color:var(--text-2);cursor:pointer;line-height:1.5}.checkline input{margin-top:2px;accent-color:var(--accent);cursor:pointer}.checkline em{font-style:normal;font-size:12px}.mailposture{border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface-2);padding:12px 14px}.mailposture-head{font-size:10.5px;letter-spacing:1px;text-transform:uppercase;color:var(--text-3);padding-bottom:10px}.mailstats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.mailstat{text-align:center}.mailstat-v{font-size:19px;font-weight:650;color:var(--text);line-height:1.1}.mailstat-v[data-tone=ok]{color:var(--sev-low)}.mailstat-v[data-tone=warn]{color:var(--sev-high)}.mailstat-v[data-tone=A],.mailstat-v[data-tone=B]{color:var(--sev-low)}.mailstat-v[data-tone=C]{color:var(--sev-medium)}.mailstat-v[data-tone=D]{color:var(--sev-high)}.mailstat-v[data-tone=E]{color:var(--sev-critical)}.mailstat-l{font-size:10px;letter-spacing:.6px;text-transform:uppercase;color:var(--text-3);padding-top:4px}.mailcompose-preview{display:flex;flex-direction:column;min-width:0;border:1px solid var(--border);border-radius:var(--r-sm);overflow:hidden;background:var(--surface-2)}.mailpreview-bar{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid var(--border);font-size:10.5px;letter-spacing:1px;text-transform:uppercase;color:var(--text-3);background:var(--surface)}.mailpreview-frame{flex:1 1 auto;min-height:520px;overflow:hidden}.mailpreview-frame iframe{width:100%;height:100%;border:0;display:block;background:#f5f5f6}.mailpreview-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;height:100%;font-size:12.5px;color:var(--text-3)}.mailconfirm{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--text-2);min-width:0}.mailconfirm strong{color:var(--text);word-break:break-all}@media (max-width: 900px){.mailcompose{grid-template-columns:minmax(0,1fr)}.mailpreview-frame{flex:none;height:380px;min-height:0}}.jira-ok,.jira-warn{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:var(--r-sm);font-size:12.5px;line-height:1.5}.jira-ok{background:color-mix(in srgb,var(--sev-low) 10%,transparent);color:var(--sev-low)}.jira-warn{background:color-mix(in srgb,var(--sev-medium) 12%,transparent);color:var(--sev-medium)}.jira-linked{display:flex;align-items:center;gap:7px;min-width:0}.jira-key{display:inline-flex;align-items:center;gap:4px;font-family:var(--mono);font-size:12px;font-weight:600;padding:5px 9px;border:1px solid var(--border);border-radius:var(--r-sm);color:var(--text);text-decoration:none;white-space:nowrap}.jira-key:hover{border-color:var(--accent);background:var(--surface-3)}.chip[data-cat=done]{color:var(--sev-low);border-color:color-mix(in srgb,var(--sev-low) 35%,transparent)}.chip[data-cat=indeterminate]{color:var(--sev-medium);border-color:color-mix(in srgb,var(--sev-medium) 35%,transparent)}.sev-toggle{display:inline-flex;align-items:center;gap:5px;padding:6px 11px;border:1px solid var(--border);border-radius:20px;background:var(--bg);font-size:12px;color:var(--text-3);cursor:pointer;transition:border-color .14s,color .14s,background .14s}.sev-toggle[data-on]{border-color:var(--sev);color:var(--sev);background:color-mix(in srgb,var(--sev) 8%,transparent);font-weight:550}.sev-toggle:hover{border-color:var(--sev)}.sev-toggle .muted{font-size:11px;opacity:.75}.jira-linked{flex-wrap:wrap;row-gap:6px}.drawer-foot{flex-wrap:wrap;row-gap:8px}.chip-editable{gap:4px;padding-right:3px}.chip-editable-label{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chip-editable>button{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;flex-shrink:0;border:0;border-radius:4px;background:transparent;color:var(--text-3);cursor:pointer;padding:0;transition:background var(--fast),color var(--fast)}.chip-editable>button:hover{background:var(--surface);color:var(--text)}.field>label>.link-btn{margin-left:auto;font-size:11.5px;font-weight:550;color:var(--text-3)}.field>label>.link-btn:hover{color:var(--text);opacity:1}.juser{position:relative}.juser-control{display:flex;align-items:center;gap:8px;text-align:left;cursor:pointer}.juser-control:disabled{opacity:.6;cursor:not-allowed}.juser-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text)}.juser-placeholder{display:inline-flex;align-items:center;gap:7px;color:var(--text-3)}.juser-caret{margin-left:auto;flex-shrink:0;color:var(--text-3)}.juser-avatar{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:999px;overflow:hidden;background:var(--surface-3);color:var(--text-2);font-weight:650;text-transform:uppercase;line-height:1}.juser-avatar img{width:100%;height:100%;object-fit:cover;display:block}.juser-avatar-none{color:var(--text-3);background:var(--surface-2)}.juser-menu{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:80;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r);box-shadow:var(--shadow-2);overflow:hidden;animation:pop var(--fast) var(--ease)}.juser-search{display:flex;align-items:center;gap:8px;padding:9px 11px;border-bottom:1px solid var(--border);color:var(--text-3)}.juser-search input{flex:1;min-width:0;border:0;outline:none;background:transparent;color:var(--text);font-size:13.5px}.juser-search input::placeholder{color:var(--text-3)}.juser-clear{display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;color:var(--text-3);cursor:pointer;padding:2px;border-radius:4px}.juser-clear:hover{color:var(--text);background:var(--surface-2)}.juser-list{max-height:264px;overflow-y:auto;padding:4px}.juser-option{width:100%;display:flex;align-items:center;gap:9px;text-align:left;padding:7px 8px;border:0;background:transparent;border-radius:var(--r-sm);cursor:pointer;color:var(--text);transition:background var(--fast)}.juser-option:hover{background:var(--surface-2)}.juser-option.on{background:var(--accent-ghost)}.juser-option>svg{margin-left:auto;flex-shrink:0;color:var(--accent)}.juser-opt-text{min-width:0;display:flex;flex-direction:column;gap:1px}.juser-opt-name{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.juser-opt-email{font-size:11.5px;color:var(--text-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.juser-status{display:flex;align-items:center;gap:8px;padding:12px;font-size:12.5px;color:var(--text-3)}.nav-group{display:flex;flex-direction:column}.nav-parent{width:100%;border:0;background:transparent;text-align:left;font-family:inherit}.nav-parent .nav-caret{margin-left:auto;flex-shrink:0;color:var(--text-3);transition:transform var(--fast)}.nav-parent.active{color:var(--text);background:transparent}.nav-parent.active:before{display:none}.nav-sub{display:flex;flex-direction:column;gap:2px;margin:2px 0;padding-left:26px;position:relative}.nav-sub:before{content:"";position:absolute;left:17px;top:4px;bottom:4px;width:1px;background:var(--border)}.nav-child{font-size:13px;padding:7px 10px}.integration-list{list-style:none;margin:0;padding:0}.integration-list>li+li{border-top:1px solid var(--border)}.integration-row{display:flex;align-items:center;gap:13px;width:100%;padding:13px 18px;border:0;background:transparent;text-align:left;cursor:pointer;font-family:inherit;transition:background var(--fast)}.integration-row:hover{background:var(--surface-2)}.integration-main{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.integration-name{font-size:14px;font-weight:570;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.integration-sub{font-size:12px;color:var(--text-3)}.integration-loading{padding:12px 18px;font-size:12.5px;color:var(--text-3);border-top:1px solid var(--border)}.badge[data-tone=ok]{color:var(--sev-low);border-color:color-mix(in srgb,var(--sev-low) 34%,transparent);background:color-mix(in srgb,var(--sev-low) 9%,transparent)}.badge[data-tone=warn]{color:var(--sev-medium);border-color:color-mix(in srgb,var(--sev-medium) 34%,transparent);background:color-mix(in srgb,var(--sev-medium) 10%,transparent)}.badge[data-tone=idle]{color:var(--text-2);border-color:var(--border-strong)}.badge[data-tone=danger]{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 34%,transparent);background:color-mix(in srgb,var(--danger) 9%,transparent)}.badge[data-tone=live]{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 40%,transparent);background:color-mix(in srgb,var(--accent) 10%,transparent)}.badge[data-tone=live] .dot{animation:lt-pulse 1.4s var(--ease) infinite}@keyframes lt-pulse{0%,to{opacity:1}50%{opacity:.25}}.lt-console{margin:0;padding:14px 16px;max-height:340px;overflow:auto;background:var(--surface-3);border-radius:var(--r-sm);font-family:var(--mono);font-size:11.5px;line-height:1.55;color:var(--text-2);white-space:pre-wrap;word-break:break-word}.lt-verdict{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:var(--r-lg);border:1px solid var(--border);background:var(--surface-2);margin-bottom:20px}.lt-verdict-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;flex:none;color:#fff}.lt-verdict b{display:block;font-size:15px;letter-spacing:-.01em}.lt-verdict span{color:var(--text-2);font-size:12.5px}.lt-step{border:1px solid var(--border);border-radius:var(--r);padding:14px;background:var(--surface-2)}.lt-step-head{display:flex;align-items:center;gap:10px;margin-bottom:12px}.lt-step-idx{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--surface-3);color:var(--text-2);font-size:11px;font-weight:650;flex:none}.jira-note{display:flex;align-items:flex-start;gap:8px;padding:10px 12px;border-radius:var(--r-sm);background:var(--surface-2);border:1px solid var(--border);font-size:12.5px;line-height:1.5;color:var(--text-2)}.jira-note svg{flex-shrink:0;margin-top:2px;color:var(--text-3)}.co-url{display:inline-flex;align-items:center;gap:5px;max-width:100%;margin-top:4px;font-size:12px;color:var(--text-3);text-decoration:none;transition:color var(--fast)}.co-url:hover{color:var(--accent)}.co-url svg{flex-shrink:0}.co-url-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.co-url:hover .co-url-text{text-decoration:underline}.co-url-ext{opacity:0;transition:opacity var(--fast)}.co-url:hover .co-url-ext{opacity:.7}.cell-url{margin-top:2px;font-size:11.5px}.pdfname-row{display:flex;align-items:stretch;gap:0}.pdfname-row .input{border-top-right-radius:0;border-bottom-right-radius:0}.pdfname-ext{display:inline-flex;align-items:center;padding:0 11px;font-size:13px;color:var(--text-3);background:var(--surface-3);border:1px solid var(--border-strong);border-left:0;border-top-right-radius:var(--r-sm);border-bottom-right-radius:var(--r-sm);white-space:nowrap}.seg{display:flex;gap:8px}.seg-btn{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:11px 13px;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--bg);cursor:pointer;font-size:13.5px;font-weight:600;color:var(--text-2);transition:border-color var(--fast),background var(--fast),color var(--fast)}.seg-btn svg{margin-bottom:1px}.seg-btn.active{border-color:var(--accent);background:var(--accent-ghost);color:var(--accent)}.seg-sub{font-size:11px;font-weight:500;color:var(--text-3)}.seg-btn.active .seg-sub{color:var(--accent);opacity:.75}.pick-list{max-height:260px;overflow-y:auto;border:1px solid var(--border);border-radius:var(--r-sm)}.pick-row{display:flex;align-items:center;gap:11px;width:100%;padding:10px 12px;border:0;border-bottom:1px solid var(--border);background:transparent;text-align:left;cursor:pointer;font-family:inherit;transition:background var(--fast)}.pick-row:last-child{border-bottom:0}.pick-row:hover{background:var(--surface-2)}.pick-row.active{background:var(--accent-ghost)}.pick-main{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}.pick-name{font-size:13.5px;font-weight:570;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pick-sub{font-size:11.5px;color:var(--text-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pick-check{display:inline-flex;color:var(--accent);flex-shrink:0}.pick-empty{display:flex;align-items:center;gap:8px;padding:18px;font-size:13px;color:var(--text-3)}.prop-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;align-items:start}.prop-grid>.card,.prop-billing{padding:20px 22px}.field-label{font-size:12.5px;font-weight:570;color:var(--text-2)}.ta-r{text-align:right}.prop-items{border:1px solid var(--border);border-radius:var(--r-sm);overflow:hidden}.prop-item-head,.prop-item{display:grid;grid-template-columns:minmax(0,1fr) 64px 104px 108px 30px;gap:10px;align-items:start}.prop-item-head{padding:9px 12px;background:var(--surface-2);border-bottom:1px solid var(--border);font-size:10.5px;font-weight:650;letter-spacing:.5px;text-transform:uppercase;color:var(--text-3);align-items:center}.prop-item{padding:10px 12px}.prop-item+.prop-item{border-top:1px solid var(--border)}.prop-item-desc{display:flex;flex-direction:column;gap:5px;min-width:0}.prop-item .input{height:34px;font-size:13px}.prop-item .num-input{text-align:right}.prop-asset{font-size:12px!important;height:30px!important;color:var(--text-2)}.prop-amount{font-family:var(--mono);font-size:13px;font-weight:650;text-align:right;color:var(--text);padding-top:8px;white-space:nowrap}.prop-item .btn-icon{margin-top:2px}.btn.ghost{background:transparent;color:var(--text-3);border-color:transparent}.btn.ghost:hover{color:var(--text);background:var(--surface-2)}.prop-side{position:sticky;top:78px}.prop-totals{display:flex;flex-direction:column;gap:2px}.prop-total-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 0;font-size:13px;color:var(--text-2)}.prop-total-row.muted{font-size:12px;color:var(--text-3);padding:3px 0}.prop-total-row.grand{border-top:1px solid var(--border-strong);margin-top:6px;padding-top:12px;font-size:17px;font-weight:700;color:var(--text)}.prop-adj{width:96px;height:30px;font-size:13px}@media (max-width: 900px){.prop-grid{grid-template-columns:minmax(0,1fr)}.prop-side{position:static}.prop-item-head,.prop-item{grid-template-columns:minmax(0,1fr) 50px 80px 84px 30px}}.prop-bill-head{display:flex;align-items:baseline;gap:10px;margin-bottom:16px}.prop-bill-head h3{font-size:14px;font-weight:640;margin:0}.prop-bill-head .muted{font-size:12px}.prop-bill-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.prop-bill-label{font-size:11px;font-weight:650;letter-spacing:.5px;text-transform:uppercase;color:var(--text-3);padding-bottom:10px;margin-bottom:4px;border-bottom:1px solid var(--border)}.prop-bill-grid .field{margin-bottom:12px}@media (max-width: 760px){.prop-bill-grid{grid-template-columns:1fr;gap:8px}}.client-select{position:relative}.client-select-trigger{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;height:40px;padding:0 10px 0 12px;border:1px solid var(--border-strong);border-radius:var(--r-sm);background:var(--bg);color:var(--text);font:inherit;font-size:13px;cursor:pointer;transition:border-color var(--fast),box-shadow var(--fast)}.client-select-trigger:hover{border-color:var(--text-3)}.client-select-current{display:flex;align-items:center;gap:9px;min-width:0}.client-select-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.client-select-caret{flex-shrink:0;color:var(--text-3);transition:transform var(--fast)}.client-select-caret[data-open]{transform:rotate(180deg)}.client-select-menu{position:absolute;z-index:60;top:calc(100% + 6px);left:0;right:0;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r-sm);box-shadow:var(--shadow-2);overflow:hidden}.client-select-search{display:flex;align-items:center;gap:8px;padding:9px 12px;border-bottom:1px solid var(--border)}.client-select-search svg{color:var(--text-3);flex-shrink:0}.client-select-search input{flex:1;border:0;outline:none;background:transparent;font:inherit;font-size:13px;color:var(--text)}.client-select-list{max-height:280px;overflow-y:auto;padding:4px}.client-select-opt{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border:0;border-radius:var(--r-sm);background:transparent;text-align:left;cursor:pointer;font:inherit}.client-select-opt:hover{background:var(--surface-2)}.client-select-opt.active{background:var(--accent-ghost)}.client-select-opt-main{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}.client-select-opt-name{font-size:13px;font-weight:550;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.client-select-opt-sub{font-size:11px;color:var(--text-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.client-select-check{color:var(--accent);flex-shrink:0}.client-select-empty{padding:14px 12px;font-size:12.5px;color:var(--text-3);text-align:center}.mk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.mk-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:16px 18px;cursor:pointer;transition:border-color var(--fast),box-shadow var(--fast)}.mk-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-1)}.mk-card-head{display:flex;align-items:center;gap:8px}.mk-card-name{font-size:14.5px;font-weight:620;color:var(--text);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mk-card-subject{font-size:12.5px;color:var(--text-3);margin-top:8px;line-height:1.5;min-height:34px}.mk-card-foot{display:flex;align-items:center;gap:8px;margin-top:12px}.chip-plain{background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent)}.chip-designed{background:var(--surface-2);color:var(--text-2)}.mk-builtin{display:inline-block;font-size:10.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:3px 8px;border-radius:6px;background:var(--surface-2);color:var(--text-3);border:1px solid var(--border);white-space:nowrap}.mk-swatches{display:flex;gap:9px;flex-wrap:wrap}.mk-swatch{width:30px;height:30px;border-radius:8px;border:2px solid transparent;cursor:pointer;padding:0;outline:2px solid transparent;outline-offset:2px;transition:outline-color .12s,transform .1s}.mk-swatch:hover{transform:translateY(-1px)}.mk-swatch.active{outline-color:var(--text)}.mk-style-toggle{display:inline-flex;padding:3px;gap:3px;background:var(--surface-2);border:1px solid var(--border);border-radius:9px}.mk-style-opt{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:var(--text-2);font-size:12.5px;font-weight:600;padding:6px 14px;border-radius:6px;cursor:pointer;transition:background .12s,color .12s}.mk-style-opt:hover{color:var(--text)}.mk-style-opt.active{background:var(--surface);color:var(--text);box-shadow:0 1px 2px #00000014}.seg-toggle{display:inline-flex;padding:3px;gap:3px;background:var(--surface-2);border:1px solid var(--border);border-radius:9px}.seg-opt{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:var(--text-2);font-size:12.5px;font-weight:600;padding:6px 14px;border-radius:6px;cursor:pointer;transition:background .12s,color .12s}.seg-opt:hover{color:var(--text)}.seg-opt.active{background:var(--surface);color:var(--text);box-shadow:0 1px 2px #00000014}.mk-editor{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;align-items:start}.mk-form{padding:20px 22px;display:flex;flex-direction:column;gap:14px}.mk-features{display:flex;flex-direction:column;gap:10px}.mk-feature{display:flex;gap:8px;align-items:flex-start}.mk-feature .input{height:34px;font-size:13px}.mk-feature-desc{margin-top:5px;font-size:12px!important;height:30px!important;color:var(--text-2)}.mk-preview{position:sticky;top:78px;padding:0;overflow:hidden;display:flex;flex-direction:column}.mk-preview-bar{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--border);background:var(--surface-2);font-size:10.5px;letter-spacing:1px;text-transform:uppercase;color:var(--text-3)}.mk-preview-subject{letter-spacing:0;text-transform:none;font-size:12px;color:var(--text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mk-preview-frame{height:620px}.mk-preview-frame iframe{width:100%;height:100%;border:0;background:#f4f5f7}.mk-preview-empty{display:flex;align-items:center;justify-content:center;height:100%}.mk-progress{height:8px;border-radius:5px;background:var(--surface-3);overflow:hidden}.mk-progress-bar{height:100%;background:var(--sev-low);transition:width .3s ease}.mk-send-stats{display:flex;gap:20px;font-size:13px;color:var(--text-2)}.mk-send-stats b{font-size:16px;margin-right:4px}@media (max-width: 900px){.mk-editor{grid-template-columns:minmax(0,1fr)}.mk-preview{position:static}}
