:root{--brand-emerald:#0b5d4b;--brand-emerald-hover:#084a3c;--brand-emerald-light:#0e7761;--brand-emerald-surface:#0b5d4b0d;--brand-emerald-border:#0b5d4b29;--brand-emerald-glow:#0b5d4b40;--brand-gradient:linear-gradient(135deg, #0b5d4b 0%, #0e7761 60%, #15803d 100%);--brand-gradient-hover:linear-gradient(135deg, #084a3c 0%, #0b5d4b 100%);--brand-gold:#d9a441;--brand-gold-hover:#c39032;--brand-gold-surface:#d9a44114;--brand-gold-border:#d9a44147;--color-paper:#f8faf9;--color-paper-2:#fff;--color-paper-3:#f1f5f4;--color-surface-hover:#eef4f2;--color-ink:#0f172a;--color-ink-2:#334155;--color-muted:#64748b;--color-dim:#94a3b8;--color-rule:#e2e8f0;--color-rule-2:#cbd5e1;--color-rule-emerald:#0b5d4b1f;--bento-mint-bg:#f0fdf4;--bento-mint-border:#dcfce7;--bento-mint-ink:#15803d;--bento-peach-bg:#fffbeb;--bento-peach-border:#fef3c7;--bento-peach-ink:#92400e;--bento-sky-bg:#f0f9ff;--bento-sky-border:#e0f2fe;--bento-sky-ink:#0369a1;--bento-lavender-bg:#faf5ff;--bento-lavender-border:#f3e8ff;--bento-lavender-ink:#6b21a8;--color-ok:#0d9488;--color-ok-soft:#0d948814;--color-warn:#d97706;--color-warn-soft:#d9770614;--color-danger:#dc2626;--color-danger-soft:#dc262614;--font-brand:"Outfit", "DM Sans", system-ui, sans-serif;--font-display:"Outfit", "Plus Jakarta Sans", system-ui, sans-serif;--font-body:"DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, monospace;--shadow-subtle:0 1px 2px #0f172a0a;--shadow-card:0 1px 3px #0f172a08, 0 6px 16px #0b5d4b0a;--shadow-lift:0 4px 14px #0f172a0f, 0 12px 28px #0b5d4b12;--shadow-overlay:0 20px 48px -12px #0f172a33;--radius-xs:4px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-pill:9999px}*,:before,:after{box-sizing:border-box}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;scroll-behavior:smooth}body{font-family:var(--font-body);background-color:var(--color-paper);color:var(--color-ink-2);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;margin:0}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.025em;color:var(--color-ink);margin-top:0;font-weight:700}h1{font-size:clamp(2.2rem,4.5vw,3.4rem);line-height:1.15}h2{font-size:clamp(1.5rem,2.8vw,2.1rem);line-height:1.25}h3{font-size:1.25rem}p{color:var(--color-ink-2);line-height:1.65}a{color:var(--brand-emerald);text-decoration:none;transition:color .15s}a:hover{color:var(--brand-emerald-hover)}.top{-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--color-rule);z-index:100;background:#ffffffeb;justify-content:space-between;align-items:center;gap:20px;padding:16px max(5%,50% - 640px);display:flex;position:sticky;top:0}.top nav{align-items:center;gap:18px;display:flex}.top nav a{color:var(--color-ink-2);border-radius:var(--radius-sm);padding:8px 14px;font-size:.925rem;font-weight:600;transition:all .15s}.top nav a:hover{color:var(--brand-emerald);background:var(--brand-emerald-surface)}.logo{font-family:var(--font-brand);color:var(--brand-emerald);letter-spacing:-.03em;align-items:center;gap:10px;font-size:1.35rem;font-weight:800;display:flex}.logo-badge{letter-spacing:.05em;border-radius:var(--radius-pill);background:var(--brand-gold-surface);color:#92400e;border:1px solid var(--brand-gold-border);text-transform:uppercase;padding:2px 7px;font-size:.65rem;font-weight:700}.shell{max-width:1280px;min-height:75vh;margin:0 auto;padding:40px 24px}.cards{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}.card{background:var(--color-paper-2);border:1px solid var(--color-rule);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:28px;transition:border-color .2s,box-shadow .2s,transform .2s;overflow-x:auto}.card:hover{border-color:var(--color-rule-emerald);box-shadow:var(--shadow-lift);transform:translateY(-2px)}.card button{margin-bottom:6px}.card-emerald{color:#fff;background:linear-gradient(135deg,#0b5d4b 0%,#074739 100%);border-color:#d9a4414d}.card-emerald h1,.card-emerald h2,.card-emerald h3,.card-emerald p{color:#fff}.card-mint{background:var(--bento-mint-bg);border-color:var(--bento-mint-border)}.card-peach{background:var(--bento-peach-bg);border-color:var(--bento-peach-border)}.card-sky{background:var(--bento-sky-bg);border-color:var(--bento-sky-border)}.card-lavender{background:var(--bento-lavender-bg);border-color:var(--bento-lavender-border)}.form{max-width:480px;margin:20px auto}label{color:var(--color-ink);margin:16px 0 6px;font-size:.875rem;font-weight:600;display:block}input,select,textarea{width:100%;font-family:var(--font-body);color:var(--color-ink);border:1px solid var(--color-rule-2);border-radius:var(--radius-md);background:#fff;outline:none;padding:12px 16px;font-size:.95rem;transition:all .15s}input:focus,select:focus,textarea:focus{border-color:var(--brand-emerald);box-shadow:0 0 0 3px #0b5d4b24}input::placeholder{color:var(--color-dim)}button,.btn{font-family:var(--font-body);border-radius:var(--radius-md);cursor:pointer;background:var(--brand-gradient);color:#fff;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:12px 22px;font-size:.95rem;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 3px 10px #0b5d4b33}button:hover:not(:disabled),.btn:hover{background:var(--brand-gradient-hover);transform:translateY(-1px);box-shadow:0 6px 18px #0b5d4b4d}button:active:not(:disabled){transform:translateY(0)}button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}button.secondary{border:1px solid var(--color-rule-2);color:var(--color-ink);box-shadow:var(--shadow-subtle);background:#fff}button.secondary:hover{background:var(--color-surface-hover);border-color:var(--brand-emerald);color:var(--brand-emerald)}table{border-collapse:separate;border-spacing:0;width:100%;margin:14px 0;font-size:.92rem}th{text-align:left;background:var(--color-paper-3);color:var(--color-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--color-rule);padding:12px 14px;font-size:.8rem;font-weight:600}th:first-child{border-top-left-radius:var(--radius-sm)}th:last-child{border-top-right-radius:var(--radius-sm)}td{border-bottom:1px solid var(--color-rule);color:var(--color-ink-2);font-variant-numeric:tabular-nums;padding:14px}tr:hover td{background:var(--color-paper-3);color:var(--color-ink)}.status-pill{border-radius:var(--radius-pill);letter-spacing:.03em;align-items:center;gap:6px;padding:3px 10px;font-size:.78rem;font-weight:700;display:inline-flex}.status-pill--emerald{background:var(--brand-emerald-surface);color:var(--brand-emerald);border:1px solid var(--brand-emerald-border)}.status-pill--gold{background:var(--brand-gold-surface);color:#92400e;border:1px solid var(--brand-gold-border)}.f3nav{background:var(--color-paper-2);border:1px solid var(--color-rule);border-radius:var(--radius-lg);box-shadow:var(--shadow-subtle);flex-wrap:wrap;gap:10px;margin:20px 0 28px;padding:6px;display:flex}.f3nav a{border-radius:var(--radius-md);color:var(--color-muted);background:0 0;border:1px solid #0000;align-items:center;gap:7px;padding:9px 16px;font-size:.875rem;font-weight:600;transition:all .15s;display:inline-flex}.f3nav a:hover{color:var(--brand-emerald);background:var(--brand-emerald-surface);border-color:var(--brand-emerald-border)}.notice{background:var(--brand-emerald-surface);border:1px solid var(--brand-emerald-border);color:var(--brand-emerald);border-radius:var(--radius-md);align-items:center;gap:10px;margin:16px 0;padding:14px 18px;font-weight:500;display:flex}.danger{color:var(--color-danger)}.good{color:var(--color-ok)}.muted{color:var(--color-muted);font-size:.9rem}.grid2{grid-template-columns:1fr 1fr;gap:24px;display:grid}footer{text-align:center;color:var(--color-muted);border-top:1px solid var(--color-rule);background:#fff;padding:40px 20px;font-size:.875rem}@media (max-width:768px){.grid2{grid-template-columns:1fr}.top{flex-wrap:wrap;padding:14px 20px}.shell{padding:24px 16px}.cards{grid-template-columns:1fr}.f3nav{gap:6px}.f3nav a{padding:7px 12px;font-size:.8rem}}
