@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap");:root{--c-yellow:#fdcc21;--c-yellow-dk:#92700a;--c-navy:#1a1a2e;--c-red:#ef4444;--c-green:#22c55e;--c-blue:#3b82f6;--c-teal:#14b8a6;--c-bg:#f9fafb;--c-surface:#ffffff;--c-subtle:#f3f4f6;--c-muted:#f8f9fb;--c-text:#111827;--c-text-2:#6b7280;--c-text-3:#9ca3af;--c-text-4:#d1d5db;--c-border:#e5e7eb;--c-border-2:#d1d5db;--shadow-xs:0 1px 2px rgba(0,0,0,0.05);--shadow-sm:0 1px 3px rgba(0,0,0,0.08),0 2px 8px rgba(0,0,0,0.04);--shadow-md:0 4px 8px rgba(0,0,0,0.07),0 12px 24px rgba(0,0,0,0.05);--shadow-yellow:0 4px 16px rgba(253,204,33,0.35);--r-sm:6px;--r:10px;--r-lg:14px;--r-xl:20px;--color-primary:var(--c-navy);--color-accent:var(--c-yellow);--color-danger:var(--c-red);--color-bg:var(--c-bg);--color-surface:var(--c-surface);--color-surface-muted:var(--c-muted);--color-text:var(--c-text);--color-text-muted:var(--c-text-2);--color-text-disabled:var(--c-text-4);--color-border:var(--c-border);--color-border-hover:var(--c-border-2);--color-border-accent:rgba(253,204,33,0.55);--shadow:var(--shadow-sm);--radius:var(--r)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{height:100%}body{background:var(--c-bg);color:var(--c-text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#9ca3af}h1,h2,h3,h4{color:var(--c-text);font-weight:700;line-height:1.3}p{color:var(--c-text-2);line-height:1.65}a{color:var(--c-navy);text-decoration:none}a:hover{text-decoration:underline}code{font-family:JetBrains Mono,Fira Code,monospace;font-size:.85em;background:var(--c-subtle);border-radius:4px;padding:.1em .35em}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.6rem 1.25rem;border-radius:var(--r);border:none;cursor:pointer;font-weight:600;font-size:.875rem;font-family:inherit;transition:all .18s;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--c-yellow);color:var(--c-navy);box-shadow:0 2px 8px rgba(253,204,33,.3)}.btn-primary:hover:not(:disabled){background:#ffe152;box-shadow:var(--shadow-yellow);transform:translateY(-1px)}.btn-secondary{background:var(--c-surface);color:var(--c-text);border:1px solid var(--c-border);box-shadow:var(--shadow-xs)}.btn-secondary:hover:not(:disabled){background:var(--c-subtle);border-color:var(--c-border-2)}.btn-ghost{background:transparent;color:var(--c-text-2);border:1px solid var(--c-border)}.btn-ghost:hover:not(:disabled){background:var(--c-subtle);color:var(--c-text)}.btn-danger{background:#fef2f2;color:var(--c-red);border:1px solid #fecaca}.btn-danger:hover:not(:disabled){background:#fee2e2}.card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);padding:1.5rem;box-shadow:var(--shadow-sm);transition:box-shadow .18s,border-color .18s}.card:hover{box-shadow:var(--shadow-md)}.card-accent{border-top:3px solid var(--c-yellow)}.input{width:100%;padding:.65rem .9rem;border:1px solid var(--c-border);background:var(--c-surface);color:var(--c-text);border-radius:var(--r);font-family:inherit;font-size:.875rem;outline:none;transition:border-color .15s,box-shadow .15s;box-shadow:var(--shadow-xs)}.input:focus{border-color:var(--c-yellow);box-shadow:0 0 0 3px rgba(253,204,33,.15)}.input::placeholder{color:var(--c-text-3)}.input:disabled{opacity:.55;cursor:not-allowed;background:var(--c-subtle)}textarea.input{resize:vertical;line-height:1.65}select.input{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%236b7280' d='M6 8L0 0h12z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2.25rem}.badge{display:inline-flex;align-items:center;padding:.2rem .6rem;border-radius:6px;font-size:.7rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.badge-yellow{background:rgba(253,204,33,.15);color:#92700a;border:1px solid rgba(253,204,33,.4)}.badge-blue{background:rgba(59,130,246,.1);color:#1d4ed8;border:1px solid rgba(59,130,246,.25)}.badge-green{background:#f0fdf4;color:#15803d;border:1px solid #bbf7d0}.badge-red{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.badge-muted{background:var(--c-subtle);color:var(--c-text-2);border:1px solid var(--c-border)}.zone-header{display:flex;align-items:center;gap:.5rem;padding:.5rem .875rem;border-radius:0 var(--r-sm) var(--r-sm) 0;margin-bottom:.875rem;border-left-width:3px;border-left-style:solid}.zone-header-yellow{background:rgba(253,204,33,.1);border-left-color:var(--c-yellow)}.zone-header-blue{background:rgba(59,130,246,.07);border-left-color:var(--c-blue)}.zone-header-teal{background:rgba(20,184,166,.07);border-left-color:var(--c-teal)}.zone-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.alert{padding:.75rem 1rem;border-radius:var(--r);font-size:.875rem}.alert-error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.alert-success{background:#f0fdf4;border:1px solid #bbf7d0;color:#15803d}.alert-warning{background:#fffbeb;border:1px solid #fde68a;color:#92400e}.alert-info{background:rgba(253,204,33,.07);border:1px solid rgba(253,204,33,.3);color:#6b6100}@keyframes spin{to{transform:rotate(1turn)}}.spinner{display:inline-block;width:16px;height:16px;border:2px solid var(--c-border);border-top-color:var(--c-yellow);border-radius:50%;animation:spin .65s linear infinite}