:root{--bg-color:#f4f4f5;--text-color:#18181b;--primary-color:#007aff;--danger-color:#ff3b30;--border-color:#d4d4d8;--surface-color:#fff;background-color:var(--bg-color);color:var(--text-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:20px}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;width:100vw;height:100vh;margin:0;padding:0;overflow-x:hidden}#root{max-width:1024px;height:100%;margin:0 auto;padding:24px}.btn{cursor:pointer;background-color:var(--primary-color);color:#fff;border:none;border-radius:16px;justify-content:center;align-items:center;min-height:64px;margin:6px;padding:0 32px;font-size:1.25rem;font-weight:600;text-decoration:none;transition:opacity .2s;display:inline-flex}.btn:active{opacity:.7}.btn-secondary{background-color:var(--surface-color);color:var(--primary-color);border:2px solid var(--primary-color)}.btn-danger{background-color:var(--danger-color)}.btn-danger-outline{color:var(--danger-color);border:2px solid var(--danger-color);background-color:#0000}.input,.select{border:2px solid var(--border-color);background-color:var(--surface-color);width:100%;min-height:64px;color:var(--text-color);border-radius:12px;margin-bottom:16px;padding:0 20px;font-size:1.25rem}.input:focus,.select:focus{border-color:var(--primary-color);outline:none}.card{background:var(--surface-color);border-radius:20px;margin-bottom:24px;padding:32px;box-shadow:0 4px 20px #0000000d}h1{margin-top:0;margin-bottom:32px;font-size:2.5rem;font-weight:700}h2{margin-top:0;margin-bottom:24px;font-size:1.75rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-4{gap:16px}.gap-6{gap:24px}.w-full{width:100%}.grid-2{grid-template-columns:1fr 1fr;gap:24px;display:grid}.grid-months{grid-template-columns:repeat(4,1fr);gap:20px;width:100%;max-width:800px;margin:0 auto;display:grid}@media (width<=768px){.grid-2{grid-template-columns:1fr}.grid-months{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.grid-months{grid-template-columns:1fr}}label{margin-bottom:8px;font-size:1.1rem;font-weight:600;display:block}