@charset "UTF-8";:root{--color-pitch-green: #0FA66A;--color-pitch-deep: #0C8556;--color-pitch-green-l: #D6F4E7;--color-stamp-amber: #FFB000;--color-stamp-amber-l: #FFECC2;--color-press-ink: #07131F;--color-red-pencil: #FF3B30;--color-red-pencil-l: #FFE3E1;--color-cobalt: #0E7490;--color-cobalt-l: #D2F5FB;--color-pitch-ink: #07131F;--color-dark-surface: #0B1E2D;--color-dark-rule: #1B2E3D;--color-phosphor: #B6FF3B;--color-amber-signal: #FFB000;--color-hot-hand: #FF3B30;--color-electric-cyan: #2AE8FF;--color-data-lime: #B6FF3B;--color-bg: #F6F8FA;--color-surface: #FFFFFF;--color-panel: #EEF2F6;--color-border: #D3DBE3;--color-border-l: #E6EBF0;--color-text: #07131F;--color-muted: #475569;--color-muted-l: #94A3B8;--color-brand-green: var(--color-pitch-green);--color-brand-green-m: var(--color-pitch-deep);--color-brand-green-l: var(--color-pitch-green-l);--color-brand-green-xl: var(--color-panel);--color-brand-red: var(--color-red-pencil);--color-brand-red-l: var(--color-red-pencil-l);--color-brand-navy: var(--color-press-ink);--color-brand-navy-m: var(--color-dark-surface);--color-brand-navy-l: var(--color-dark-rule);--color-blue: var(--color-cobalt);--color-blue-l: var(--color-cobalt-l);--color-amber: var(--color-stamp-amber);--color-amber-l: var(--color-stamp-amber-l);--font-brand: "Sora", ui-sans-serif, system-ui, sans-serif;--font-body: "Inter", ui-sans-serif, system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "Cascadia Code", monospace;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--shadow-xs: 0 1px 3px rgba(7,19,31,.06);--shadow-sm: 0 2px 8px rgba(7,19,31,.08);--shadow-md: 0 4px 16px rgba(7,19,31,.11);--shadow-lg: 0 8px 32px rgba(7,19,31,.13);--glow-green: 0 4px 20px rgba(15,166,106,.35);--glow-amber: 0 4px 20px rgba(255,176,0,.35);--glow-red: 0 4px 20px rgba(255,59,48,.35);--glow-cobalt: 0 4px 20px rgba(28,70,200,.3);--glow-coral: var(--glow-red);--glow-blue: var(--glow-cobalt);--glow-violet: 0 4px 20px rgba(109,40,217,.3)}*,*:before,*:after{box-sizing:border-box}html,body{height:100%;margin:0}body{font-family:var(--font-body);background:var(--color-bg);color:var(--color-text);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}@keyframes cursor-blink{0%,to{opacity:1}50%{opacity:0}}.font-brand{font-family:var(--font-brand)}.font-mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.brand-heading{font-family:var(--font-brand);font-weight:700;text-transform:uppercase;letter-spacing:-.03em}.text-display{font-size:6rem;line-height:1;letter-spacing:-.05em;font-weight:700}.text-h1{font-size:3.5rem;line-height:1.1;letter-spacing:-.04em;font-weight:700}.text-h2{font-size:2.25rem;line-height:1.15;letter-spacing:-.03em;font-weight:600}.text-h3{font-size:1.5rem;line-height:1.2;letter-spacing:-.02em;font-weight:600}.text-body-l{font-size:1.125rem;line-height:1.6;font-weight:400}.text-caption{font-family:var(--font-mono);font-size:.75rem;font-variant-numeric:tabular-nums}.container{max-width:1140px;margin:0 auto;padding:0 1.25rem}.page{max-width:1140px;margin:0 auto;padding:1.5rem 1.25rem}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);overflow:hidden;transition:box-shadow .2s,transform .2s}.card:hover{box-shadow:var(--shadow-md)}.card-header{padding:.875rem 1.25rem;border-bottom:1px solid var(--color-border-l);background:var(--color-panel);display:flex;align-items:center;gap:.5rem}.card-header h3{margin:0;font-family:var(--font-brand);font-weight:700;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text)}.card-body{padding:1.25rem}.card-accent{position:relative}.card-accent:before{content:"";display:block;height:3px;background:var(--color-pitch-green)}.tag{display:inline-flex;align-items:center;gap:.3rem;background:var(--color-border-l);color:var(--color-muted);border-radius:var(--radius-sm);padding:2px 8px;font-family:var(--font-mono);font-size:.7rem;font-weight:500;letter-spacing:.04em;text-transform:uppercase}.tag-green{background:var(--color-pitch-green-l);color:var(--color-pitch-green)}.tag-amber{background:var(--color-stamp-amber-l);color:var(--color-stamp-amber)}.tag-red{background:var(--color-red-pencil-l);color:var(--color-red-pencil)}.tag-cobalt{background:var(--color-cobalt-l);color:var(--color-cobalt)}.tag-ink,.tag-navy{background:var(--color-press-ink);color:#fff}.tag-blue{background:var(--color-cobalt-l);color:var(--color-cobalt)}.tag-violet{background:#f0ebff;color:#5b21b6}.tag-teal{background:#ccfbf1;color:#0f766e}.tag-live{background:var(--color-red-pencil-l);color:var(--color-red-pencil)}.tag-live:before{content:"";display:inline-block;width:6px;height:6px;background:var(--color-red-pencil);border-radius:50%;animation:cursor-blink 1.05s steps(2,end) infinite}.btn{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1.1rem;border:none;border-radius:var(--radius-md);font-family:var(--font-mono);font-weight:500;font-size:.78rem;text-transform:uppercase;letter-spacing:.07em;cursor:pointer;transition:background .12s,box-shadow .12s,transform .08s;text-decoration:none}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--color-pitch-green);color:#fff;box-shadow:0 2px 8px #0fa66a38}.btn-primary:hover{background:var(--color-pitch-deep);box-shadow:var(--glow-green);transform:translateY(-1px)}.btn-ghost{background:transparent;border:1.5px solid var(--color-border);color:var(--color-text)}.btn-ghost:hover{background:var(--color-panel);border-color:var(--color-border)}.btn-green{background:var(--color-pitch-green);color:#fff;box-shadow:0 2px 8px #0fa66a38}.btn-green:hover{background:var(--color-pitch-deep);box-shadow:var(--glow-green);transform:translateY(-1px)}.btn-coral{background:var(--color-red-pencil);color:#fff;box-shadow:0 2px 8px #ff3b3038}.btn-coral:hover{background:#d92c22;box-shadow:var(--glow-red);transform:translateY(-1px)}.btn-amber{background:var(--color-stamp-amber);color:#fff;box-shadow:0 2px 8px #ffb00038}.btn-amber:hover{background:#cc8d00;box-shadow:var(--glow-amber);transform:translateY(-1px)}.btn-outline-green{background:transparent;border:1.5px solid var(--color-pitch-green);color:var(--color-pitch-green)}.btn-outline-green:hover{background:var(--color-pitch-green-l);box-shadow:0 0 0 3px #0fa66a1a}.data-table{width:100%;border-collapse:collapse;font-size:.875rem}.data-table th{padding:.6rem 1rem;text-align:left;font-family:var(--font-mono);font-weight:600;font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:var(--color-muted);background:var(--color-surface);border-bottom:2px solid var(--color-border);white-space:nowrap}.data-table td{padding:.65rem 1rem;border-bottom:1px solid var(--color-border-l)}.data-table tbody tr{transition:background .12s}.data-table tbody tr:hover{background:var(--color-panel)}.data-table tbody tr:last-child td{border-bottom:none}.data-table .text-center{text-align:center}.data-table .text-right{text-align:right}.data-table .font-bold{font-weight:700}.data-table .font-mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.pagination{display:flex;gap:.75rem;align-items:center;justify-content:center;margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--color-border-l)}.pagination button{background:var(--color-pitch-green);color:#fff;border:none;padding:.45rem 1rem;border-radius:var(--radius-md);font-family:var(--font-mono);font-size:.78rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:background .12s,box-shadow .12s,transform .08s;box-shadow:0 2px 8px #0fa66a2e}.pagination button:hover{background:var(--color-pitch-deep);box-shadow:var(--glow-green);transform:translateY(-1px)}.pagination button:disabled{opacity:.35;cursor:not-allowed;transform:none;box-shadow:none}.pagination span{font-family:var(--font-mono);font-size:.85rem;color:var(--color-muted);font-weight:500}.loading-text{color:var(--color-muted);padding:2.5rem;text-align:center;font-size:.9rem}.error-text{color:var(--color-red-pencil);padding:1rem;font-size:.9rem;font-weight:600}.empty-text{color:var(--color-muted-l);padding:2.5rem;text-align:center;font-size:.9rem}@keyframes spin{to{transform:rotate(360deg)}}.spinner{display:inline-block;width:22px;height:22px;border:2.5px solid var(--color-border);border-top-color:var(--color-pitch-green);border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}.loading-state{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:3rem;color:var(--color-muted);font-size:.9rem}.error-state{display:flex;align-items:center;gap:.75rem;padding:1rem;background:var(--color-red-pencil-l);border:1px solid rgba(255,59,48,.2);border-radius:var(--radius-lg);color:var(--color-red-pencil);margin:.5rem 0}.empty-state{text-align:center;padding:3rem 1rem}.empty-state .empty-icon{font-size:2.5rem;margin-bottom:.75rem}.empty-state .empty-title{font-size:1rem;font-weight:700;color:var(--color-text);margin-bottom:.3rem}.empty-state .empty-sub{font-size:.85rem;color:var(--color-muted-l);margin-bottom:1rem}.empty-action{background:var(--color-pitch-green);color:#fff;border:none;border-radius:var(--radius-md);padding:.5rem 1.2rem;font-family:var(--font-mono);font-size:.8rem;font-weight:500;cursor:pointer;transition:background .12s,box-shadow .12s,transform .08s;box-shadow:0 2px 8px #0fa66a33}.empty-action:hover{background:var(--color-pitch-deep);box-shadow:var(--glow-green);transform:translateY(-1px)}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.btn,.nav-links a,.pagination button,.feedback-fab,.submit-btn,.retry-btn,.empty-action,[role=button]{min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center}@media(max-width:480px){.page{padding:1rem .75rem}.card-body{padding:.875rem}.filter-bar{flex-direction:column}.filter-group,.filter-sm{max-width:unset!important;width:100%}.data-table{font-size:.78rem}.data-table th,.data-table td{padding:.5rem .6rem}}.text-pitch-green{color:var(--color-pitch-green)}.text-stamp-amber{color:var(--color-stamp-amber)}.text-red-pencil{color:var(--color-red-pencil)}.text-cobalt{color:var(--color-cobalt)}.text-muted{color:var(--color-muted)}.text-gradient-green{background:linear-gradient(120deg,var(--color-pitch-deep),var(--color-pitch-green));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-coral{background:linear-gradient(120deg,#D92C22,var(--color-red-pencil));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.filter-bar{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap;margin-bottom:1.25rem}.filter-group{display:flex;flex-direction:column;gap:.25rem}.filter-group label{font-family:var(--font-mono);font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--color-muted)}.filter-group select,.filter-group input{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:.45rem .75rem;font-size:.85rem;color:var(--color-text);background:var(--color-surface);outline:none;transition:border-color .12s,box-shadow .12s;height:38px}.filter-group select:focus,.filter-group input:focus{border-color:var(--color-pitch-green);box-shadow:0 0 0 3px #0fa66a1f}