:root{--amp-green: #29f19c;--amp-blue: #02a1f9;--amp-magenta: #ec008c;--amp-navy: #0b1f3a;--amp-ink: #0a0a0a;--green-50: #e6fef2;--green-700: #067b4c;--blue-50: #e0f4ff;--blue-700: #064e79;--magenta-50: #ffe4f3;--n-0: #ffffff;--n-50: #f7f9fc;--n-100: #eef2f7;--n-200: #dfe6ee;--n-300: #c3cedb;--n-500: #66758a;--n-600: #455465;--n-700: #2a3648;--n-900: #0b1320;--warn: #f5a623;--danger: #e5484d;--grad-brand: linear-gradient(90deg, #29f19c 0%, #02a1f9 100%);--ff-body: "Helvetica Neue", Helvetica, Arial, sans-serif;--ff-mono: "JetBrains Mono", ui-monospace, Menlo, monospace;color:var(--amp-ink);background:var(--n-50);font-family:var(--ff-body);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;min-width:320px;overflow-x:hidden;background:var(--n-50)}button,input,select,textarea{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin:0;letter-spacing:0}h1{color:var(--amp-navy);font-size:30px;font-weight:500;line-height:1.1}h2{color:var(--amp-navy);font-size:18px;font-weight:500}h3{color:var(--amp-navy);font-size:14px;font-weight:500}.app-shell{display:grid;grid-template-columns:272px minmax(0,1fr);min-height:100vh;width:100%}.sidebar{background:var(--amp-navy);color:#f4faff;display:flex;flex-direction:column;gap:24px;padding:18px;position:sticky;top:0;height:100vh;overflow-y:auto}.brand{display:flex;gap:11px;align-items:center}.brand-mark{width:34px;height:34px;border-radius:8px;background:var(--grad-brand);flex:0 0 auto}.brand strong,.brand span{display:block}.brand strong{font-size:15px;font-weight:500}.brand span{color:#f4faffad;font-size:12px;margin-top:2px}.nav-list{display:grid;gap:6px}.nav-item{align-items:center;background:transparent;border:1px solid transparent;border-radius:8px;color:#f4faffc2;display:flex;gap:10px;min-height:40px;padding:9px 10px;text-align:left}.nav-item:hover,.nav-item.active{background:#ffffff17;border-color:#ffffff1f;color:#fff}.sidebar-note{border-top:1px solid rgba(255,255,255,.12);color:#f4faffb3;display:grid;font-size:13px;gap:6px;padding-top:16px}.main-panel{min-width:0;padding:24px}.page-grid{display:grid;gap:18px}.page-grid.narrow{max-width:740px}.page-header{align-items:center;display:flex;gap:14px;justify-content:space-between}.eyebrow{color:var(--n-500);font-family:var(--ff-mono);font-size:11px;letter-spacing:.08em;margin-bottom:6px;text-transform:uppercase}.btn,.icon-button{align-items:center;border:0;border-radius:8px;display:inline-flex;gap:8px;justify-content:center;min-height:38px;padding:9px 13px}.btn.primary{background:var(--amp-navy);color:#fff}.btn.primary:hover{background:#14305a}.btn.ghost{background:#fff;border:1px solid var(--n-300);color:var(--amp-navy)}.btn.ghost:hover{border-color:var(--amp-blue)}.btn.wide{width:100%}.icon-button{background:var(--n-100);color:var(--amp-navy);min-width:38px;padding:8px}.icon-button.danger:hover{background:#ffe9ea;color:var(--danger)}.toolbar{align-items:start;background:#fff;border:1px solid var(--n-200);border-radius:8px;display:grid;gap:14px;grid-template-columns:150px 150px minmax(0,1fr);padding:14px}label{color:var(--n-600);display:grid;font-size:12px;gap:6px}input,select,textarea{background:#fff;border:1px solid var(--n-300);border-radius:8px;color:var(--amp-navy);min-height:38px;outline:none;padding:8px 10px;width:100%}textarea{line-height:1.35;min-height:74px;resize:vertical}input:focus,select:focus,textarea:focus,button:focus-visible{border-color:var(--amp-blue);box-shadow:0 0 0 4px #02a1f92e;outline:none}.source-filters{display:flex;flex-wrap:wrap;gap:8px}.check-chip{align-items:center;background:var(--n-50);border:1px solid var(--n-200);border-radius:999px;color:var(--n-700);display:inline-flex;flex-direction:row;gap:6px;min-height:32px;padding:6px 10px}.check-chip input{accent-color:var(--amp-blue);min-height:auto;width:auto}.empty-state{align-items:start;background:#fff;border:1px solid var(--n-200);border-radius:8px;display:grid;gap:12px;justify-items:start;max-width:620px;padding:28px}.empty-state.compact{max-width:560px}.empty-state p,.muted{color:var(--n-500)}.empty-actions{display:flex;flex-wrap:wrap;gap:10px}.table-wrap{background:#fff;border:1px solid var(--n-200);border-radius:8px;overflow:hidden;width:100%}.work-table{border-collapse:collapse;table-layout:fixed;width:100%}.work-table caption{color:var(--n-500);font-size:13px;padding:12px 14px 0;text-align:left}.work-table th,.work-table td{border-bottom:1px solid var(--n-200);padding:10px;text-align:left;vertical-align:top}.work-table th{color:var(--n-600);font-size:12px;font-weight:500}.work-table th:nth-child(1){width:16%}.work-table th:nth-child(2){width:10%}.work-table th:nth-child(3){width:11%}.work-table th:nth-child(4){width:8%}.work-table th:nth-child(5){width:18%}.work-table th:nth-child(6){width:15%}.work-table th:nth-child(7){width:17%}.work-table th:nth-child(8){width:5%}.work-table tr:last-child td{border-bottom:0}.work-table input,.work-table select,.work-table textarea{min-width:0}.bucket-buttons{display:grid;gap:6px;grid-template-columns:repeat(4,minmax(28px,34px))}.bucket{background:var(--n-100);border:1px solid var(--n-200);border-radius:8px;color:var(--amp-navy);font-family:var(--ff-mono);font-size:13px;font-weight:700;height:34px;padding:0}.bucket.active,.bucket:hover{border-color:currentColor}.bucket-T,.bucket.active.bucket-T{background:#ffe9ea;color:#9d2025}.bucket-C,.bucket.active.bucket-C{background:#fff5e0;color:#895300}.bucket-L,.bucket.active.bucket-L{background:var(--blue-50);color:var(--blue-700)}.bucket-D,.bucket.active.bucket-D{background:var(--green-50);color:var(--green-700)}.tag-card,.panel,.action-card,.log-card,.mini-card{background:#fff;border:1px solid var(--n-200);border-radius:8px}.tag-card{display:grid;gap:18px;padding:22px}.tag-card h2{font-size:28px}.tag-card p{color:var(--n-700);line-height:1.5}.tag-card .bucket-buttons{grid-template-columns:repeat(4,minmax(56px,1fr))}.tag-card .bucket{height:46px}.tag-card-top,.step-controls,.log-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.tag-card-top{color:var(--n-500);font-size:13px}.source-pill{background:var(--n-100);border-radius:999px;color:var(--amp-navy);padding:5px 9px}.metrics-grid{display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}.metric-card{border:1px solid currentColor;border-radius:8px;display:grid;gap:8px;padding:16px}.metric-card span,.metric-card small{font-size:13px}.metric-card strong{font-family:var(--ff-mono);font-size:30px}.split-grid{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.panel{display:grid;gap:16px;padding:18px}.score-list,.source-bars{display:grid;gap:12px}.score-bar{display:grid;gap:7px}.score-bar div{align-items:center;color:var(--n-600);display:flex;font-size:13px;justify-content:space-between}.score-bar strong{color:var(--amp-navy);font-family:var(--ff-mono)}meter{background:var(--n-100);border:0;border-radius:999px;height:10px;overflow:hidden;width:100%}meter::-webkit-meter-bar{background:var(--n-100);border:0;border-radius:999px}meter::-webkit-meter-optimum-value{background:var(--grad-brand)}meter::-moz-meter-bar{background:var(--amp-blue)}.pattern-list,.action-card ul{display:grid;gap:10px;list-style:none;margin:0;padding:0}.pattern-list li{align-items:center;color:var(--n-700);display:flex;gap:8px}.action-grid{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.action-card{display:grid;gap:12px;padding:18px}.action-card li{color:var(--n-700);line-height:1.45}.bucket-dot{align-items:center;border-radius:8px;display:inline-flex;font-family:var(--ff-mono);font-size:13px;font-weight:700;height:28px;justify-content:center;width:28px}.log-list{display:grid;gap:14px}.log-card{display:grid;gap:12px;padding:16px}.log-row{align-items:end}.log-row label{min-width:180px}.mini-card{display:grid;gap:14px;padding:15px}.sidebar-tools{display:grid;gap:12px}.sidebar .mini-card{background:#ffffff14;border-color:#ffffff1f}.sidebar .mini-card h2,.sidebar .mini-card h3,.sidebar .mini-stats dd{color:#fff}.sidebar .mini-stats dt,.sidebar .definition-list p{color:#f4faffad}.mini-stats{display:grid;gap:10px;margin:0}.mini-stats div{align-items:center;display:flex;justify-content:space-between}.mini-stats dt{color:var(--n-500);font-size:13px}.mini-stats dd{color:var(--amp-navy);font-family:var(--ff-mono);font-weight:700;margin:0}.definition-list{display:grid;gap:12px}.definition-list article{display:grid;gap:10px;grid-template-columns:28px minmax(0,1fr)}.definition-list p{color:var(--n-500);font-size:13px;line-height:1.35;margin-top:2px}.sr-only{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}@media(max-width:1180px){.app-shell{grid-template-columns:248px minmax(0,1fr)}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:980px){.table-wrap{background:transparent;border:0;border-radius:0}.work-table,.work-table tbody,.work-table tr,.work-table td{display:block;width:100%}.work-table caption{background:#fff;border:1px solid var(--n-200);border-radius:8px;margin-bottom:10px;padding:12px 14px}.work-table thead{display:none}.work-table tbody{display:grid;gap:12px}.work-table tr{background:#fff;border:1px solid var(--n-200);border-radius:8px;padding:12px}.work-table th,.work-table td{border-bottom:0;padding:0}.work-table td{display:grid;gap:6px;margin-bottom:10px}.work-table td:last-child{margin-bottom:0}.work-table td:before{color:var(--n-500);content:attr(data-label);font-size:12px}.work-table .bucket-buttons{grid-template-columns:repeat(4,minmax(44px,1fr))}.work-table .bucket{height:40px}}@media(max-width:760px){.app-shell{display:block}.sidebar{height:auto;position:static;overflow:visible}.nav-list{grid-template-columns:repeat(2,minmax(0,1fr))}.main-panel{padding:16px}.page-header,.toolbar,.split-grid,.action-grid{grid-template-columns:1fr}.page-header{align-items:stretch;display:grid}.metrics-grid{grid-template-columns:1fr}h1{font-size:25px}.tag-card h2{font-size:23px}.log-row{display:grid}.log-row label{min-width:0}}