@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--blue:#1a6fd4;--blue-dark:#0d4fa0;--blue-deep:#071e3d;--blue-soft:#e8f0fb;--yellow:#f5b829;--yellow-dk:#d99b10;--white:#fff;--gray-light:#f8f9fb;--gray-mid:#e5e9f0;--text:#1a1a2e;--text-muted:#4b5563;--border:#dde3ee;--green:#2e7d32;--green-soft:#e5f5e0;--red:#c62828;--red-soft:#fdecea;--radius:7px;--radius-lg:12px;--shadow:0 1px 3px #0d4fa014;--shadow-md:0 4px 12px #0d4fa01a}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-size:16px}body{color:var(--text);background:var(--gray-light);-webkit-font-smoothing:antialiased;min-height:100dvh;font-family:Inter,Segoe UI,system-ui,sans-serif;line-height:1.6}#root{min-height:100dvh}img{max-width:100%;display:block}button{font-family:inherit}.app-shell{background:var(--white);max-width:720px;min-height:100dvh;margin:0 auto;position:relative}.topbar{z-index:100;background:linear-gradient(to bottom, var(--white) 0, var(--white) calc(100% - 4px), var(--blue) calc(100% - 4px), var(--blue) calc(100% - 2px), var(--yellow) calc(100% - 2px), var(--yellow) 100%);justify-content:space-between;align-items:center;gap:12px;height:60px;padding:0 18px;display:flex;position:sticky;top:0;box-shadow:0 4px 14px #0d4fa012}.topbar-logo{object-fit:contain;flex-shrink:0;width:auto;height:38px}.topbar-right{align-items:center;gap:8px;margin-left:auto;display:flex}.year-label{color:var(--text-muted);white-space:nowrap;font-size:.72rem;font-weight:600}.year-select{color:var(--blue);background:var(--blue-soft);border-radius:var(--radius);cursor:pointer;appearance:none;border:1.5px solid #c5daf1;outline:none;padding:6px 11px;font-size:.85rem;font-weight:700}main{padding-bottom:80px}.view{padding:20px 18px}.view-title{letter-spacing:-.02em;color:var(--blue-dark);margin-bottom:4px;font-size:1.35rem;font-weight:800}.view-subtitle{color:var(--text-muted);margin-bottom:20px;font-size:.88rem}.section-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin:22px 0 10px;font-size:.7rem;font-weight:700}.section-label:first-child{margin-top:0}.bottom-nav{background:var(--white);border-top:1px solid var(--border);z-index:100;width:100%;max-width:720px;padding-bottom:env(safe-area-inset-bottom);display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -4px 20px #0d4fa014}.nav-btn{letter-spacing:.01em;color:#9aa5b5;cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:4px;min-height:64px;padding:11px 4px 9px;font-size:.68rem;font-weight:700;transition:color .15s;display:flex;position:relative}.nav-btn.active{color:var(--blue)}.nav-btn.active:before{content:"";background:linear-gradient(to right, var(--blue), var(--yellow));border-radius:0 0 3px 3px;height:3px;position:absolute;top:0;left:18%;right:18%}.nav-btn svg{width:23px;height:23px}.card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);margin-bottom:11px;padding:15px 16px}.card-accent{border-top:3px solid var(--blue)}.btn{letter-spacing:.02em;border-radius:var(--radius);cursor:pointer;white-space:nowrap;border:none;justify-content:center;align-items:center;gap:8px;width:100%;padding:13px 24px;font-size:.9rem;font-weight:700;transition:background .2s,transform .15s,box-shadow .2s;display:inline-flex}.btn-blue{background:var(--blue);color:var(--white)}.btn-blue:hover{background:var(--blue-dark)}.btn-blue:active{transform:translateY(1px)}.btn-ghost{background:var(--gray-light);color:var(--text);border:1.5px solid var(--border)}.btn-yellow{background:var(--yellow);color:var(--blue-deep)}.btn-yellow:hover{background:var(--yellow-dk)}.btn:disabled{opacity:.55;cursor:not-allowed}.field{margin-bottom:15px}.field label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:7px;font-size:.74rem;font-weight:700;display:block}.field input,.field select,.field textarea{border:1.5px solid var(--border);border-radius:var(--radius);background:var(--white);width:100%;color:var(--text);-webkit-appearance:none;outline:none;padding:12px 14px;font-size:1rem;transition:border-color .2s,box-shadow .2s}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #1a6fd41f}.login-screen{background:linear-gradient(160deg, var(--blue-soft) 0%, var(--white) 55%);flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;padding:28px;display:flex}.login-card{background:var(--white);border-radius:var(--radius-lg);width:100%;max-width:380px;box-shadow:var(--shadow-md);border-top:4px solid var(--blue);padding:36px 30px}.login-logo{height:52px;margin:0 auto 24px}.login-error{background:var(--red-soft);border-radius:var(--radius);color:var(--red);border:1px solid #f5c6cb;margin-bottom:14px;padding:11px 14px;font-size:.85rem}.empty-state{text-align:center;color:#9aa5b5;padding:48px 20px}.empty-state svg{opacity:.35;width:46px;height:46px;margin:0 auto 14px}.empty-state-title{color:var(--text-muted);margin-bottom:4px;font-size:.95rem;font-weight:600}.loading-screen{min-height:100dvh;color:var(--text-muted);justify-content:center;align-items:center;font-size:.9rem;display:flex}.fab{cursor:pointer;background:var(--blue);height:50px;color:var(--white);white-space:nowrap;z-index:60;border:none;border-radius:25px;align-items:center;gap:8px;padding:0 22px 0 18px;font-size:.9rem;font-weight:700;transition:background .2s,transform .15s;display:flex;position:fixed;bottom:80px;right:max(18px,50vw - 342px);box-shadow:0 6px 18px #1a6fd466}.fab:hover{background:var(--blue-dark)}.fab:active{transform:scale(.97)}.fab svg{width:20px;height:20px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important}}