:root{color:#0f172a;background:#f8fafc;font-family:Inter,system-ui,sans-serif;line-height:1.45}*{box-sizing:border-box}body{margin:0}#root{min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:1.5rem}.header{flex-wrap:wrap;justify-content:space-between;gap:1rem;margin-bottom:1rem;display:flex}.menu{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.grid{gap:1rem;display:grid}.two-col{grid-template-columns:repeat(2,minmax(0,1fr))}.card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:1rem}.card-muted{background:#f8fafc}.form-grid{gap:.5rem;display:grid}.row{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.item-card{background:linear-gradient(135deg,#fff 0%,#f8fafc 100%);border:1px solid #e2e8f0;border-radius:10px;margin-bottom:.6rem;padding:.65rem}.subtle{color:#475569;font-size:.92rem}.badge-wrap{flex-wrap:wrap;gap:.45rem;display:flex}.badge{color:#0f172a;background:#ecfeff;border:1px solid #a5f3fc;border-radius:999px;align-items:center;gap:.25rem;padding:.35rem .65rem;font-size:.88rem;display:inline-flex}input,select,button{font:inherit;border:1px solid #cbd5e1;border-radius:8px;padding:.55rem .7rem}button{cursor:pointer;color:#fff;background:#334155;border:1px solid #334155}.button-secondary{color:#0f172a;background:#fff}.period-button{width:100%;margin-top:.5rem}.message{background:#e0f2fe;border:1px solid #7dd3fc;border-radius:8px;margin-top:1rem;padding:.75rem}@media (width<=900px){.two-col{grid-template-columns:1fr}}