:root{--surface-100:#f6f2e9;--surface-200:#fff;--surface-300:#ece5d8;--ink:#1b2430;--ink-muted:#5b6472;--ink-subtle:#8a94a6;--primary:#17364d;--primary-light:#234e6d;--primary-dark:#0f2434;--primary-subtle:#17364d14;--accent:#e8873a;--accent-hover:#d27429;--accent-subtle:#e8873a1f;--teal:#1e8a82;--teal-hover:#166e67;--teal-subtle:#1e8a821f;--border:#dcd5c6;--border-subtle:#ebe5d8;--border-focus:#17364d;--success:#3c8b5b;--success-subtle:#3c8b5b1f;--danger:#c24a3c;--danger-subtle:#c24a3c1f;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--radius-full:9999px;--shadow-sm:0 1px 2px #1b24300d;--shadow-md:0 4px 16px -2px #17364d14, 0 2px 4px -1px #17364d0a;--shadow-lg:0 12px 32px -4px #17364d1f, 0 4px 12px -2px #17364d0f;--shadow-hover:0 16px 40px -6px #17364d29, 0 6px 16px -2px #17364d14;--transition-fast:.15s ease;--transition-smooth:.25s cubic-bezier(.16, 1, .3, 1);--font-display:"Manrope", system-ui, sans-serif;--font-sans:"Inter", system-ui, sans-serif}*{box-sizing:border-box}html,body{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}body{background:var(--surface-100);color:var(--ink);font-family:var(--font-sans);flex-direction:column;min-height:100vh;font-size:16px;line-height:24px;display:flex}main{flex:1}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.02em;margin:0 0 var(--space-4);color:var(--primary);font-weight:700}h1{font-size:clamp(32px,5vw,44px);line-height:1.18}h2{font-size:clamp(24px,3.5vw,32px);line-height:1.25}h3{font-size:clamp(18px,2.5vw,22px);font-weight:600;line-height:1.35}h4{font-size:16px;font-weight:600;line-height:22px}p{margin:0 0 var(--space-4)}a{color:var(--teal);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--teal-hover)}img{max-width:100%}.numbers{font-family:var(--font-display);font-variant-numeric:tabular-nums}.caption{letter-spacing:.02em;font-size:12px;font-weight:500;line-height:16px}.body-small{color:var(--ink-muted);font-size:14px;line-height:20px}.button,button{font-family:var(--font-sans);cursor:pointer;font-size:15px;font-weight:600;line-height:20px}.container{max-width:1140px;padding:0 var(--space-4);margin:0 auto}@media (min-width:768px){.container{padding:0 var(--space-6)}}.card{background:var(--surface-200);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-5);box-shadow:var(--shadow-sm);transition:transform var(--transition-smooth), box-shadow var(--transition-smooth), border-color var(--transition-smooth)}.card:hover{border-color:var(--border);box-shadow:var(--shadow-md)}.card-interactive{cursor:pointer}.card-interactive:hover{box-shadow:var(--shadow-hover);border-color:#17364d40;transform:translateY(-2px)}.chip{border-radius:var(--radius-full);text-transform:none;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:600;line-height:16px;display:inline-flex}.chip-dot{border-radius:50%;width:6px;height:6px;display:inline-block}.chip--open{background:var(--success-subtle);color:var(--success);border:1px solid #3c8b5b40}.chip--open .chip-dot{background:var(--success);box-shadow:0 0 6px var(--success);animation:2s ease-in-out infinite pulse-dot}.chip--closed{background:var(--danger-subtle);color:var(--danger);border:1px solid #c24a3c40}.chip--closed .chip-dot{background:var(--danger)}.chip--no_data{background:var(--surface-300);color:var(--ink-muted);border:1px solid var(--border)}.chip--no_data .chip-dot{background:var(--ink-subtle)}.chip--mobile{background:var(--accent-subtle);color:var(--accent-hover);border:1px solid #e8873a4d}.chip--teal{background:var(--teal-subtle);color:var(--teal);border:1px solid #1e8a8240}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.btn-primary{justify-content:center;align-items:center;gap:var(--space-2);background:var(--primary);border:1px solid var(--primary);border-radius:var(--radius-sm);transition:background var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);padding:10px 18px;font-weight:600;text-decoration:none;display:inline-flex;box-shadow:0 2px 6px #17364d33;color:#fff!important}.btn-primary:hover{background:var(--primary-light);transform:translateY(-1px);box-shadow:0 4px 12px #17364d40}.btn-primary:active{transform:translateY(0)}.btn-accent{justify-content:center;align-items:center;gap:var(--space-2);background:var(--accent);border:1px solid var(--accent);border-radius:var(--radius-sm);transition:background var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);padding:10px 18px;font-weight:600;text-decoration:none;display:inline-flex;box-shadow:0 2px 6px #e8873a4d;color:#fff!important}.btn-accent:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 4px 14px #e8873a59}.btn-accent:active{transform:translateY(0)}.btn-outline{justify-content:center;align-items:center;gap:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-sm);transition:background var(--transition-fast), border-color var(--transition-fast);background:0 0;padding:10px 18px;font-weight:600;text-decoration:none;display:inline-flex;color:var(--primary)!important}.btn-outline:hover{background:var(--surface-200);border-color:var(--primary)}select,input[type=text],input[type=search]{font-family:var(--font-sans);border:1px solid var(--border);border-radius:var(--radius-sm);background-color:var(--surface-200);color:var(--ink);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);padding:8px 14px;font-size:14px;line-height:20px}select:focus,input[type=text]:focus,input[type=search]:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #17364d1f}