:root{--brand-900: #16224d;--brand-800: #1b2c63;--brand-700: #1e3a8a;--brand-600: #2563eb;--brand-500: #3b82f6;--brand-400: #60a5fa;--brand-100: #dbeafe;--brand-50: #eef5ff;--ink: #0f172a;--ink-2: #334155;--muted: #64748b;--line: #e6eaf1;--line-2: #eef1f6;--bg: #f4f6fb;--surface: #ffffff;--good: #15803d;--good-bg: #dcfce7;--warn: #b45309;--warn-bg: #fef3c7;--bad: #b91c1c;--bad-bg: #fee2e2;--info: #1d4ed8;--info-bg: #dbeafe;--grad: linear-gradient(135deg, #3b82f6 0%, #1e3a8a 100%);--grad-sidebar: linear-gradient(180deg, #101f47 0%, #0c1838 100%);--shadow-sm: 0 1px 2px rgba(16, 34, 77, .06);--shadow: 0 4px 18px rgba(16, 34, 77, .08);--shadow-lg: 0 18px 50px rgba(16, 34, 77, .18);--radius: 14px;--radius-sm: 10px;--sidebar-w: 252px;--font: "Inter", system-ui, -apple-system, sans-serif;--display: "Sora", "Inter", sans-serif;--mono: "JetBrains Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:inherit}::selection{background:var(--brand-100)}.app{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-w);flex:0 0 var(--sidebar-w);background:var(--grad-sidebar);color:#cdd6ee;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:18px 14px;z-index:30}.sidebar__brand{background:#fff;border-radius:12px;padding:14px 16px;display:flex;align-items:center;justify-content:center;margin-bottom:8px;box-shadow:0 6px 20px #00000040}.sidebar__brand img{height:34px;width:auto;display:block}.sidebar__tag{text-align:center;font-size:10.5px;letter-spacing:1.5px;text-transform:uppercase;color:#8ea3d6;margin:4px 0 16px}.nav{display:flex;flex-direction:column;gap:3px;overflow-y:auto}.nav__section{font-size:10.5px;text-transform:uppercase;letter-spacing:1.4px;color:#6f83b8;margin:14px 12px 6px}.nav__item{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:10px;color:#c5cfe9;font-size:14px;font-weight:500;cursor:pointer;transition:background .15s,color .15s}.nav__item svg{width:18px;height:18px;flex:0 0 18px}.nav__item:hover{background:#ffffff0f;color:#fff}.nav__item.active{background:var(--grad);color:#fff;box-shadow:0 6px 16px #2563eb73}.sidebar__foot{margin-top:auto;padding:12px;font-size:11.5px;color:#7185b6;border-top:1px solid rgba(255,255,255,.08)}.main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:20;background:#f4f6fbd1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);padding:16px 28px;display:flex;align-items:center;gap:16px}.topbar__title h1{font-family:var(--display);font-size:20px;font-weight:700;margin:0}.topbar__title p{margin:2px 0 0;color:var(--muted);font-size:13px}.topbar__spacer{flex:1}.topbar__search{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:9px 12px;width:280px;max-width:36vw}.topbar__search input{border:0;outline:0;flex:1;font-size:13.5px;background:transparent}.topbar__search svg{width:16px;height:16px;color:var(--muted)}.content{padding:24px 28px 56px}.btn{display:inline-flex;align-items:center;gap:8px;border:1px solid transparent;border-radius:10px;padding:9px 15px;font-size:13.5px;font-weight:600;cursor:pointer;transition:transform .06s,box-shadow .15s,background .15s;white-space:nowrap}.btn:active{transform:translateY(1px)}.btn svg{width:16px;height:16px}.btn--primary{background:var(--grad);color:#fff;box-shadow:0 6px 16px #2563eb4d}.btn--primary:hover{box-shadow:0 8px 22px #2563eb6b}.btn--ghost{background:#fff;border-color:var(--line);color:var(--ink-2)}.btn--ghost:hover{border-color:var(--brand-400);color:var(--brand-700)}.btn--subtle{background:var(--brand-50);color:var(--brand-700)}.btn--subtle:hover{background:var(--brand-100)}.btn--danger{background:#fff;border-color:var(--bad-bg);color:var(--bad)}.btn--danger:hover{background:var(--bad-bg)}.btn--sm{padding:6px 11px;font-size:12.5px;border-radius:8px}.btn--block{width:100%;justify-content:center}.btn:disabled{opacity:.5;cursor:not-allowed}.icon-btn{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:8px;border:1px solid var(--line);background:#fff;color:var(--muted);cursor:pointer}.icon-btn:hover{color:var(--brand-700);border-color:var(--brand-400)}.icon-btn svg{width:16px;height:16px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.card__head{display:flex;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid var(--line-2)}.card__head h3{margin:0;font-family:var(--display);font-size:15px;font-weight:700}.card__head p{margin:1px 0 0;font-size:12.5px;color:var(--muted)}.card__body{padding:18px}.grid{display:grid;gap:18px}.row{display:flex;gap:18px;flex-wrap:wrap}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px}.stat{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px;display:flex;gap:14px;align-items:flex-start;box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.stat__icon{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;background:var(--brand-50);color:var(--brand-600);flex:0 0 42px}.stat__icon svg{width:21px;height:21px}.stat__label{font-size:12.5px;color:var(--muted);font-weight:500}.stat__value{font-family:var(--display);font-size:26px;font-weight:800;line-height:1.1;margin-top:3px;letter-spacing:-.5px}.stat__sub{font-size:11.5px;color:var(--muted);margin-top:3px}.stat--green .stat__icon{background:var(--good-bg);color:var(--good)}.stat--amber .stat__icon{background:var(--warn-bg);color:var(--warn)}.stat--violet .stat__icon{background:#ede9fe;color:#6d28d9}.table-wrap{overflow-x:auto}table.tbl{width:100%;border-collapse:collapse;font-size:13.5px}.tbl th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:var(--muted);font-weight:600;padding:11px 16px;border-bottom:1px solid var(--line);white-space:nowrap;background:#fbfcfe}.tbl td{padding:12px 16px;border-bottom:1px solid var(--line-2);vertical-align:middle}.tbl tr:last-child td{border-bottom:0}.tbl tbody tr:hover{background:#f8faff}.tbl .mono{font-family:var(--mono);font-size:12.5px;font-weight:700;color:var(--brand-700)}.tbl .actions{display:flex;gap:6px;justify-content:flex-end}.badge{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:600;padding:3px 9px;border-radius:999px;line-height:1.4}.badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.badge--green{background:var(--good-bg);color:var(--good)}.badge--amber{background:var(--warn-bg);color:var(--warn)}.badge--red{background:var(--bad-bg);color:var(--bad)}.badge--blue{background:var(--info-bg);color:var(--info)}.badge--gray{background:#eef1f6;color:var(--muted)}.badge--violet{background:#ede9fe;color:#6d28d9}.badge--plain:before{display:none}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.field>label{font-size:12.5px;font-weight:600;color:var(--ink-2)}.field .hint{font-size:11.5px;color:var(--muted)}.input,.select,.textarea{width:100%;border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-size:14px;font-family:inherit;color:var(--ink);background:#fff;outline:none;transition:border-color .15s,box-shadow .15s}.input:focus,.select:focus,.textarea:focus{border-color:var(--brand-500);box-shadow:0 0 0 3px var(--brand-100)}.textarea{resize:vertical;min-height:72px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.form-grid .span-2{grid-column:1 / -1}.scan{display:flex;align-items:center;gap:10px;border:1.5px dashed var(--brand-400);background:var(--brand-50);border-radius:12px;padding:12px 14px}.scan svg{width:22px;height:22px;color:var(--brand-600);flex:0 0 22px}.scan input{border:0;outline:0;background:transparent;flex:1;font-family:var(--mono);font-size:15px;font-weight:700;letter-spacing:.5px;color:var(--brand-800)}.scan input::placeholder{color:#9db4e6;font-weight:500;letter-spacing:0}.label-card{border:1px solid var(--line);border-radius:12px;padding:14px 16px;background:#fff;display:inline-flex;flex-direction:column;align-items:center;gap:4px;text-align:center}.label-card .label-card__name{font-size:11px;font-weight:700;letter-spacing:1px;color:var(--ink-2);text-transform:uppercase}.label-card svg{display:block}.label-card .label-card__code{font-family:var(--mono);font-weight:700;font-size:13px;letter-spacing:1px;color:var(--ink)}.label-card .label-card__brand{font-size:9px;letter-spacing:1.5px;color:var(--muted);text-transform:uppercase}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#0f172a73;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:flex-start;justify-content:center;padding:6vh 18px;overflow-y:auto;animation:fade .15s ease}.modal{background:var(--surface);border-radius:16px;box-shadow:var(--shadow-lg);width:100%;max-width:560px;animation:pop .16s ease}.modal--wide{max-width:820px}.modal__head{display:flex;align-items:center;gap:12px;padding:18px 22px;border-bottom:1px solid var(--line-2)}.modal__head h2{font-family:var(--display);font-size:17px;font-weight:700;margin:0;flex:1}.modal__body{padding:22px}.modal__foot{display:flex;justify-content:flex-end;gap:10px;padding:16px 22px;border-top:1px solid var(--line-2)}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{opacity:0;transform:translateY(8px) scale(.98)}}.empty{display:flex;flex-direction:column;align-items:center;gap:10px;padding:54px 20px;text-align:center;color:var(--muted)}.empty__icon{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;background:var(--brand-50);color:var(--brand-500)}.empty__icon svg{width:28px;height:28px}.empty h4{margin:4px 0 0;color:var(--ink);font-size:15px}.toasts{position:fixed;top:18px;right:18px;z-index:90;display:flex;flex-direction:column;gap:10px}.toast{display:flex;align-items:center;gap:10px;background:var(--ink);color:#fff;padding:12px 16px;border-radius:11px;box-shadow:var(--shadow-lg);font-size:13.5px;font-weight:500;min-width:240px;max-width:360px;animation:slidein .2s ease}.toast svg{width:18px;height:18px;flex:0 0 18px}.toast--success{background:#14532d}.toast--error{background:#7f1d1d}@keyframes slidein{0%{opacity:0;transform:translate(20px)}}.page-head{display:flex;align-items:center;gap:14px;margin-bottom:20px;flex-wrap:wrap}.page-head .spacer{flex:1}.filters{display:flex;gap:10px;align-items:center;margin-bottom:16px;flex-wrap:wrap}.filters .input,.filters .select{width:auto;min-width:150px}.muted{color:var(--muted)}.mono{font-family:var(--mono)}.flex{display:flex;align-items:center;gap:10px}.between{display:flex;align-items:center;justify-content:space-between;gap:10px}.wrap{flex-wrap:wrap}.chip{display:inline-flex;align-items:center;gap:6px;background:var(--brand-50);color:var(--brand-700);border:1px solid var(--brand-100);border-radius:8px;padding:6px 10px;font-size:12.5px;font-weight:600}.chip button{border:0;background:transparent;color:var(--brand-600);cursor:pointer;display:grid;place-items:center;padding:0}.chip button svg{width:13px;height:13px}.kv{display:grid;grid-template-columns:130px 1fr;gap:4px 12px;font-size:13.5px}.kv dt{color:var(--muted);font-weight:500}.kv dd{margin:0;font-weight:500;color:var(--ink)}.progress{height:8px;background:var(--line-2);border-radius:999px;overflow:hidden;min-width:90px}.progress>span{display:block;height:100%;background:var(--grad);border-radius:999px}.trace-hero{background:var(--grad);color:#fff;border-radius:16px;padding:22px 24px;display:flex;align-items:center;gap:20px;flex-wrap:wrap;box-shadow:var(--shadow)}.trace-hero h2{font-family:var(--mono);font-size:26px;margin:0;letter-spacing:1px}.trace-hero .sub{opacity:.85;font-size:13px;margin-top:2px}.trace-hero .spacer{flex:1}.timeline{position:relative;padding-left:30px}.timeline:before{content:"";position:absolute;left:9px;top:6px;bottom:6px;width:2px;background:var(--line)}.tl-item{position:relative;padding:0 0 22px}.tl-item:before{content:"";position:absolute;left:-25px;top:2px;width:16px;height:16px;border-radius:50%;background:#fff;border:3px solid var(--brand-500)}.tl-item.done:before{background:var(--brand-500)}.tl-item.fail:before{border-color:var(--bad);background:var(--bad)}.tl-item h5{margin:0;font-size:14px;font-family:var(--display)}.tl-item .when{font-size:12px;color:var(--muted)}.rm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.rm-card{border:1px solid var(--line);border-radius:12px;padding:14px 16px;background:#fff}.rm-card .rm-top{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:8px}.rm-card .rm-type{font-weight:700;font-family:var(--display);font-size:14px}.check-list{display:flex;flex-direction:column;gap:8px}.check-row{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:10px;padding:11px 14px}.check-row .ci-name{flex:1;font-size:13.5px}.check-row .ci-toggle{display:flex;gap:6px}.ci-btn{border:1px solid var(--line);background:#fff;color:var(--muted);border-radius:8px;padding:5px 10px;font-size:12px;font-weight:600;cursor:pointer}.ci-btn.ok-on{background:var(--good-bg);border-color:var(--good);color:var(--good)}.ci-btn.no-on{background:var(--bad-bg);border-color:var(--bad);color:var(--bad)}.loader{display:grid;place-items:center;padding:60px}.spinner{width:30px;height:30px;border-radius:50%;border:3px solid var(--brand-100);border-top-color:var(--brand-600);animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.dash-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:18px}.bars{display:flex;flex-direction:column;gap:15px;padding:4px 0}.bar-row{display:grid;grid-template-columns:120px 1fr 34px;align-items:center;gap:14px}.bar-row .bl{font-weight:600;font-size:13.5px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bar-row .bt{height:11px;background:var(--brand-50);border-radius:999px;overflow:hidden}.bar-row .bt>span{display:block;height:100%;background:var(--grad);border-radius:999px;transition:width .4s ease}.bar-row .bn{font-family:var(--mono);font-weight:700;font-size:13px;text-align:right;color:var(--brand-700)}.cov-track{position:relative;height:22px;border-radius:8px;background:var(--brand-50);overflow:hidden;margin-top:14px}.cov-fill{position:absolute;left:0;top:0;bottom:0;border-radius:8px 0 0 8px;opacity:.8;transition:width .4s ease}.cov-split{position:absolute;left:50%;top:0;bottom:0;width:2px;background:#fff}.cov-lbl{position:absolute;top:50%;transform:translateY(-50%);font-size:10.5px;font-weight:700;letter-spacing:.3px;color:var(--ink);opacity:.8;pointer-events:none}.cov-lbl--l{left:10px}.cov-lbl--r{right:10px}.sidebar__toggle{display:none}@media (max-width: 900px){.sidebar{position:fixed;left:0;top:0;transform:translate(-100%);transition:transform .25s ease}.sidebar.open{transform:translate(0)}.sidebar__toggle{display:inline-grid}.form-grid,.dash-grid{grid-template-columns:1fr}.topbar__search{display:none}.content{padding:18px 14px 48px}}@media print{.sidebar,.topbar,.modal__foot,.no-print{display:none!important}}