*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,Segoe UI,sans-serif;background:#f0f4f8;color:#1e293b;font-size:14px}.app{display:flex;height:100vh;overflow:hidden}aside{width:240px;background:#0f1c2a;color:#cbd5e1;display:flex;flex-direction:column;flex-shrink:0;overflow-y:auto}.brand{display:flex;align-items:center;gap:10px;padding:20px 18px;font-size:20px;font-weight:900;letter-spacing:1px;color:#fff;border-bottom:1px solid #1e3a4a}.brand span{background:#34d399;color:#0f1c2a;border-radius:8px;padding:4px 8px;font-size:13px}aside a{display:flex;align-items:center;gap:10px;padding:12px 18px;color:#94a3b8;text-decoration:none;border-left:3px solid transparent;transition:.15s}aside a em{font-style:normal}aside a.on,aside a:hover{background:#162537;color:#6ee7b7;border-left-color:#34d399}.aside-footer{margin-top:auto;padding:14px 18px;border-top:1px solid #1e3a4a;display:flex;justify-content:space-between;align-items:center;color:#64748b;font-size:12px}.icon-btn{background:transparent;border:0;color:#64748b;cursor:pointer;padding:4px}.icon-btn:hover{color:#f87171}.bell-btn{position:relative;color:#475569}.bell-btn:hover{color:#0f1c2a}.bell-badge{position:absolute;top:-2px;right:-4px;background:#ef4444;color:#fff;border-radius:999px;font-size:10px;font-weight:700;padding:1px 5px;line-height:1.4;min-width:16px;text-align:center}main{flex:1;display:flex;flex-direction:column;overflow:hidden}header{height:60px;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;gap:16px;padding:0 24px;flex-shrink:0}.search{display:flex;align-items:center;gap:8px;background:#f1f5f9;border-radius:8px;padding:8px 12px;flex:1;max-width:500px}.search input{border:0;background:transparent;outline:0;flex:1}section{flex:1;overflow-y:auto;padding:24px}.page-title{margin-bottom:20px}.page-title h1{font-size:22px;font-weight:700}.page-title p{color:#64748b;font-size:13px;margin-top:2px}.cards{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:20px}.card{background:#fff;border-radius:12px;padding:18px;border-left:4px solid #cbd5e1;box-shadow:0 1px 6px #0000000d}.card small{display:block;color:#64748b;margin-bottom:6px;font-size:12px}.card strong{font-size:28px;font-weight:800}.card.ok{border-color:#22c55e}.card.warn{border-color:#eab308}.card.bad{border-color:#ef4444}.card.info{border-color:#3b82f6}.card.dark{border-color:#0f1c2a}.card-clickable{cursor:pointer;transition:box-shadow .15s,transform .15s;position:relative}.card-clickable:hover{box-shadow:0 4px 14px #0000001f;transform:translateY(-2px)}.card-clickable:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.card .card-cta{display:block;margin-top:8px;font-size:11px;color:#64748b;opacity:0;transition:opacity .15s}.card-clickable:hover .card-cta{opacity:1}.panel{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px;box-shadow:0 1px 6px #0000000d}.panel h3{font-size:15px;font-weight:700;margin-bottom:14px}.panel h4{font-size:13px;font-weight:600;margin:12px 0 8px}.grid2{display:grid;grid-template-columns:2fr 1fr;gap:18px}.toolbar{display:flex;gap:10px;margin-bottom:14px;align-items:center;flex-wrap:wrap}button{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border:0;border-radius:8px;background:#0f1c2a;color:#fff;font-size:13px;cursor:pointer;transition:.15s}button:hover{background:#1e3a4a}button:disabled{opacity:.5;cursor:not-allowed}button.green{background:#16a34a}button.red{background:#dc2626}button.yellow{background:#d97706}button.gray{background:#64748b}.button-like{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border:0;border-radius:8px;background:#0f1c2a;color:#fff;font-size:13px;cursor:pointer;transition:.15s}.button-like:hover{background:#1e3a4a}select,input[type=number],input[type=text],input[type=email],input[type=password],input[type=date]{padding:8px 10px;border:1px solid #cbd5e1;border-radius:8px;font-size:13px;width:100%}.proc-board{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;align-items:start}.proc-col{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:12px;min-height:200px}.proc-col-head{display:flex;justify-content:space-between;align-items:center}.proc-col-head h3{font-size:13px;margin:0}.proc-count{background:#0f1c2a;color:#fff;border-radius:999px;padding:2px 9px;font-size:12px;font-weight:600}.proc-col-desc{font-size:11px;color:#64748b;margin:4px 0 10px}.proc-col-items{display:flex;flex-direction:column;gap:8px}.proc-card{border:1px solid #e2e8f0;border-radius:8px;padding:8px 10px;background:#f8fafc}.proc-card.clickable{cursor:pointer;transition:border-color .12s,box-shadow .12s}.proc-card.clickable:hover{border-color:#2563eb;box-shadow:0 1px 4px #2563eb22}.proc-card-title{font-size:12px;font-weight:600;color:#0f1c2a;word-break:break-all}.proc-card-sub{font-size:11px;color:#64748b;margin:2px 0 6px}.proc-card-cta{display:flex;align-items:center;gap:4px;font-size:10px;color:#2563eb;margin-top:6px;opacity:0;transition:opacity .12s}.proc-card.clickable:hover .proc-card-cta{opacity:1}.proc-empty{font-size:12px;color:#94a3b8;text-align:center;padding:20px 0}@media (max-width:1100px){.proc-board{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.proc-board{grid-template-columns:1fr}}.table-wrap{background:#fff;border-radius:12px;overflow:auto;border:1px solid #e2e8f0}table{width:100%;border-collapse:collapse}th{background:#0f1c2a;color:#fff;padding:11px 12px;text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}td{padding:11px 12px;border-bottom:1px solid #f1f5f9;vertical-align:middle}tr:hover td{background:#f8fafc}.badge{padding:3px 8px;border-radius:6px;font-size:11px;font-weight:700;white-space:nowrap}.status-reason{font-size:11px;color:#991b1b;margin-top:4px;max-width:220px;white-space:normal;line-height:1.3}.badge.ok{background:#dcfce7;color:#166534}.badge.warn{background:#fef9c3;color:#854d0e}.badge.bad{background:#fee2e2;color:#991b1b}.badge.info{background:#dbeafe;color:#1e40af}.score-wrap{display:flex;align-items:center;gap:8px;min-width:110px}.score-bar{flex:1;height:8px;background:#e2e8f0;border-radius:8px;overflow:hidden}.score-bar div{height:100%;border-radius:8px;transition:width .4s}.score-wrap b{font-size:12px;min-width:34px}.mono{font-family:ui-monospace,monospace;font-size:12px}.apierr{background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;padding:10px 14px;border-radius:8px;margin-bottom:12px}.spinner{width:36px;height:36px;border:3px solid #e2e8f0;border-top-color:#34d399;border-radius:50%;animation:spin .8s linear infinite;margin:48px auto}@keyframes spin{to{transform:rotate(360deg)}}.split{display:grid;grid-template-columns:1.2fr 1fr;gap:18px}.doc-tabs{display:flex;gap:4px;margin-bottom:10px;border-bottom:1px solid #e2e8f0}.doc-tab{background:none;border:none;border-bottom:2px solid transparent;padding:8px 14px;font-size:13px;font-weight:600;color:#64748b;cursor:pointer;border-radius:0}.doc-tab:hover{color:#334155}.doc-tab.on{color:#2563eb;border-bottom-color:#2563eb}.json-pre{background:#0f172a;color:#e2e8f0;padding:16px;border-radius:8px;font-size:12px;line-height:1.5;overflow:auto;max-height:480px;margin-top:10px}.doc-viewer{min-height:500px;background:#fafafa;border:1px solid #e2e8f0;border-radius:8px;padding:24px}.doc-viewer h2{font-size:16px;margin-bottom:16px;text-transform:uppercase;letter-spacing:1px}.doc-field{padding:6px 0;border-bottom:1px solid #f1f5f9}.hl{padding:8px;border-radius:6px;margin:8px 0}.hl-ok{background:#dcfce7;border:1px solid #86efac}.hl-bad{background:#fee2e2;border:1px solid #fca5a5}.items-tbl{width:100%;border-collapse:collapse;font-size:12px;margin-top:8px}.items-tbl th{background:#f1f5f9;color:#1e293b;padding:6px 8px;text-align:left;text-transform:none;font-size:12px}.items-tbl td{padding:6px 8px;border-bottom:1px solid #f1f5f9}.kv{display:grid;grid-template-columns:100px 1fr;gap:8px;margin-bottom:14px}.kv span{color:#64748b;font-size:12px;align-self:center}.divs-list{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.div-item{padding:8px 10px;border-radius:8px;border-left:4px solid #cbd5e1;background:#f8fafc;display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:12px}.div-item b{flex-basis:100%}.div-item-alert{border-color:#dc2626!important;background:#fef2f2!important;border-left-width:6px!important}.div-item-alert .red{color:#dc2626}.sev-critical{border-color:#ef4444;background:#fff1f2}.sev-high{border-color:#f97316;background:#fff7ed}.sev-medium{border-color:#eab308;background:#fefce8}.sev-low{border-color:#22c55e;background:#f0fdf4}textarea{width:100%;height:90px;padding:10px;border:1px solid #cbd5e1;border-radius:8px;resize:vertical;font-size:13px;margin:8px 0}.actions{display:flex;gap:8px;flex-wrap:wrap}.drop-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:220px;border:2px dashed #94a3b8;border-radius:12px;cursor:pointer;padding:24px;transition:.2s;background:#fafafa}.drop-zone:hover{border-color:#34d399;background:#f0fdf4}.drop-zone input{display:none}.upload-item{display:flex;align-items:center;gap:10px;padding:10px;background:#f8fafc;border-radius:8px;margin-top:8px;flex-wrap:wrap}.upload-msg{color:#64748b;font-size:12px;width:100%}.progress-bar{flex:1;height:6px;background:#e2e8f0;border-radius:6px;overflow:hidden;min-width:80px}.progress-bar div{height:100%;background:#34d399;transition:width .3s}.rank{display:flex;justify-content:space-between;padding:7px 0;border-top:1px solid #f1f5f9;font-size:13px}.mt-2{margin-top:12px}.bb-field{display:flex;gap:8px;font-size:11px;padding:3px 0;border-bottom:1px solid #f1f5f9}.bb-label{color:#64748b;min-width:120px}.bb-val{font-family:monospace;color:#334155}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#0f1c2a}.login-card{background:#fff;padding:40px;border-radius:16px;width:380px;box-shadow:0 20px 60px #0000004d}.login-card .brand{margin-bottom:12px;font-size:24px}.login-card p{color:#64748b;margin-bottom:24px}.login-card label{display:block;margin-bottom:14px;font-size:13px;font-weight:500}.login-card input{margin-top:4px}.login-card button{width:100%;margin-top:8px;justify-content:center;padding:12px}.form-row{margin-bottom:14px}.form-row label{display:block;margin-bottom:4px;font-size:13px;font-weight:500}.form-row input,.form-row select{margin-top:4px}.upload-types{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.upload-type{flex-direction:column;align-items:flex-start;gap:6px;text-align:left;background:#f8fafc;color:#1e293b;border:2px solid #e2e8f0;border-radius:10px;padding:14px;height:100%}.upload-type:hover{background:#f1f5f9;border-color:#cbd5e1}.upload-type.on{border-color:#34d399;background:#f0fdf4}.upload-type b{font-size:13px}.upload-type small{color:#64748b;font-size:11px;font-weight:400;line-height:1.4}.channel-info{display:flex;flex-direction:column;align-items:center;gap:10px;min-height:220px;justify-content:center;border:2px dashed #94a3b8;border-radius:12px;padding:24px;text-align:center;background:#fafafa;color:#334155}.channel-info p{max-width:480px;font-size:13px;color:#475569}.channel-info svg{color:#34d399}.channel-value{background:#f1f5f9;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:600;color:#0f1c2a}.channel-steps{text-align:left;font-size:13px;color:#475569;line-height:1.8;max-width:520px;margin:0 auto}.channel-steps code,.channel-info code{background:#f1f5f9;border-radius:4px;padding:2px 6px;font-size:12px}.channel-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.camera-box{display:flex;flex-direction:column;gap:12px}.camera-preview{width:100%;max-height:360px;border-radius:12px;background:#0f1c2a;object-fit:cover}.help-step{display:flex;flex-direction:column;gap:14px;margin-bottom:16px}.help-step-head{display:flex;align-items:center;gap:10px}.help-num{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#0f1c2a;color:#6ee7b7;font-weight:800;font-size:13px;flex-shrink:0}.help-step-body{display:grid;grid-template-columns:1.1fr 1fr;gap:18px;align-items:center}.help-text ul{padding-left:18px;display:flex;flex-direction:column;gap:6px}.help-text p{margin-bottom:8px;color:#334155}.help-text .annot-num{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:#dc2626;color:#fff;font-weight:800;font-size:10px;margin-right:4px;flex-shrink:0}.help-result{margin-top:4px;padding:8px 10px;border-radius:8px;background:#f0fdf4;border:1px solid #bbf7d0;color:#166534;font-size:13px;display:flex;gap:6px;align-items:flex-start}.help-result b{flex-shrink:0}.mock-screen{width:100%;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 1px 8px #0000000d;background:#fff}.help-channel-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.help-channel-card{display:flex;flex-direction:column;gap:0;padding:0;overflow:hidden}.help-channel-head{padding:10px 14px;border-bottom:1px solid #f1f5f9;display:flex;align-items:center;gap:8px;font-size:13px}.help-channel-mock{padding:12px 12px 0}.help-channel-body{padding:12px 14px;display:flex;flex-direction:column;gap:6px;font-size:13px}.help-channel-body p{margin:0;color:#334155}.help-channel-body ul{padding-left:18px;display:flex;flex-direction:column;gap:5px}.help-channel-body code{background:#f1f5f9;border-radius:4px;padding:1px 5px;font-size:11px;color:#0f172a}.api-auth-note{margin-top:4px;padding:8px 10px;border-radius:8px;background:#f0fdf4;border:1px solid #bbf7d0;color:#166534;font-size:12px;line-height:1.7}.api-auth-note code{background:#dcfce7;color:#14532d}.docs-x-wrap{display:grid;grid-template-columns:212px minmax(0,1fr);gap:0;padding:0;overflow:hidden}.docs-x-nav{background:#f8fafc;border-right:1px solid #e2e8f0;padding:12px 8px;max-height:600px;overflow-y:auto}.docs-x-cat{font-size:10px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.07em;margin:14px 10px 5px}.docs-x-nav>div:first-child .docs-x-cat{margin-top:2px}.docs-x-nav button{display:flex;align-items:center;gap:8px;width:100%;text-align:left;background:transparent;border:none;padding:7px 10px;border-radius:8px;font-size:12.5px;color:#475569;cursor:pointer;line-height:1.3}.docs-x-nav button:hover{background:#eef2f7}.docs-x-nav button.active{background:#fff;color:#0f172a;font-weight:600;box-shadow:inset 2px 0 #2563eb,0 1px 2px #0001}.docs-x-nav button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.docs-x-detail{padding:22px 24px;min-width:0}.docs-x-pill{display:inline-block;font-size:11px;font-weight:600;color:#1e40af;background:#eff6ff;padding:3px 10px;border-radius:8px;margin-bottom:12px}.docs-x-pill code{font-family:ui-monospace,Menlo,monospace;background:transparent;color:#1e40af;padding:0}.docs-x-detail h3{font-size:20px;font-weight:700;margin:0 0 4px;display:flex;align-items:center;gap:10px;color:#0f172a}.docs-x-desc{font-size:14.5px;color:#475569;line-height:1.65;margin:10px 0 18px}.docs-x-sub{font-size:12px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;margin:0 0 8px}.docs-x-steps{list-style:none;padding:0;margin:0 0 18px;display:flex;flex-direction:column;gap:8px}.docs-x-steps li{display:flex;gap:10px;font-size:13.5px;color:#1e293b;line-height:1.55;align-items:flex-start}.docs-x-steps li svg{color:#16a34a;flex-shrink:0;margin-top:1px}.docs-x-chip{display:inline-flex;align-items:center;gap:6px;font-family:ui-monospace,Menlo,monospace;font-size:12px;color:#475569;background:#f1f5f9;border:1px solid #e2e8f0;padding:4px 10px;border-radius:8px}.docs-x-box{border-radius:8px;padding:14px 16px;margin-top:18px}.docs-x-box-head{font-size:13px;font-weight:700;margin:0 0 6px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.docs-x-badge{font-size:11px;font-weight:700;padding:2px 9px;border-radius:6px}.docs-x-box-body{font-size:13px;line-height:1.65;margin:0;color:#1e293b}.empty-state{padding:48px 24px;text-align:center;color:#94a3b8;font-size:14px}.exc-groups{display:flex;flex-direction:column;gap:12px}.exc-group{border:1px solid #e2e8f0;border-radius:12px;background:#fff;overflow:hidden}.exc-group-head{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;flex-wrap:wrap}.exc-group-head:hover{background:#f8fafc}.exc-caret{color:#94a3b8;transition:transform .15s;flex-shrink:0}.exc-caret.open{transform:rotate(90deg)}.exc-group-id{display:flex;flex-direction:column;gap:2px;min-width:200px;flex:1}.exc-group-id b{font-size:14px;color:#0f172a}.exc-group-sub{font-size:12px;color:#64748b}.exc-group-meta,.exc-group-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.exc-group-actions button{font-size:12px;padding:6px 10px}.exc-group-body{border-top:1px solid #f1f5f9;padding:0}.exc-group-body table{margin:0}@media (max-width:900px){.cards{grid-template-columns:repeat(2,1fr)}.grid2,.split{grid-template-columns:1fr}aside{width:60px}.brand em,.brand span+*,.aside-footer span{display:none}aside a em{display:none}.upload-types{grid-template-columns:repeat(2,1fr)}.help-step-body,.help-channel-grid,.docs-x-wrap{grid-template-columns:1fr}.docs-x-nav{max-height:none;border-right:none;border-bottom:1px solid #e2e8f0;display:flex;flex-wrap:wrap;gap:6px;padding:12px}.docs-x-nav>div{display:contents}.docs-x-cat{width:100%;margin:6px 0 2px}.docs-x-nav button{width:auto;border:1px solid #e2e8f0;border-radius:8px}.docs-x-nav button span{display:none}}