@import "https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@300;400;500;600;700;800&display=swap";
:root{--page-bg:#f0f0f0;--text-primary:#333;--text-secondary:#555;--text-muted:#666;--text-faint:#999;--text-placeholder:#bbb;--header-bg:#fff;--header-border:#e5e5e5;--header-shadow:0 1px 3px #0000000a;--card-bg:#fff;--card-shadow:0 1px 4px #00000014, 0 8px 32px #0000000f;--input-bg:#fff;--input-border:#ddd;--input-focus:#1a9e8f;--border-light:#eee;--border-medium:#ddd;--accent:#1a9e8f;--accent-hover:#168a7d;--accent-light:#f0faf8;--accent-shadow:#1a9e8f4d;--hover-bg:#f5f5f5;--label-hover-bg:#f0f0f0;--label-focus-bg:#e8f5f3;--row-hover:#fafafa;--note-bg:#f9f9f9;--date-value-bg:#f8f8f8;--remove-hover-bg:#fee;--remove-hover-color:#e53e3e;--scrollbar-track:#f0f0f0;--scrollbar-thumb:#ccc;--scrollbar-hover:#aaa;--toggle-bg:#e5e5e5;--toggle-knob:#fff}[data-theme=dark]{--page-bg:#111318;--text-primary:#e4e7eb;--text-secondary:#b0b8c4;--text-muted:#8892a0;--text-faint:#5a6370;--text-placeholder:#4a5260;--header-bg:#181b22;--header-border:#2a2e38;--header-shadow:0 1px 3px #0003;--card-bg:#1c1f27;--card-shadow:0 1px 4px #0003, 0 8px 32px #0000004d;--input-bg:#22252e;--input-border:#333842;--input-focus:#1a9e8f;--border-light:#2a2e38;--border-medium:#333842;--accent:#22b8a7;--accent-hover:#1dcab7;--accent-light:#1a9e8f1a;--accent-shadow:#22b8a74d;--hover-bg:#22252e;--label-hover-bg:#262930;--label-focus-bg:#1a9e8f1f;--row-hover:#22252e;--note-bg:#22252e;--date-value-bg:#22252e;--remove-hover-bg:#ef44441a;--remove-hover-color:#f87171;--scrollbar-track:#111318;--scrollbar-thumb:#333842;--scrollbar-hover:#444c58;--toggle-bg:#333842;--toggle-knob:#e4e7eb}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{background:var(--page-bg);color:var(--text-primary);min-height:100vh;font-family:Nunito Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;transition:background .3s,color .3s}#root{min-height:100vh}.app-header{background:var(--header-bg);border-bottom:1px solid var(--header-border);z-index:50;box-shadow:var(--header-shadow);justify-content:space-between;align-items:center;padding:12px 32px;transition:background .3s,border-color .3s;display:flex;position:sticky;top:0}.app-logo{align-items:center;gap:10px;display:flex}.app-logo-icon{object-fit:contain;border-radius:6px;width:32px;height:32px}.app-logo-text{color:var(--text-primary);letter-spacing:-.02em;font-size:1.15rem;font-weight:800}.app-header-right{align-items:center;gap:16px;display:flex}.app-nav{align-items:center;gap:12px;display:flex}.app-nav-link{border:1px solid var(--border-medium);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:4px;padding:6px 14px;font-family:inherit;font-size:.85rem;font-weight:600;transition:all .2s}.app-nav-link:hover{background:var(--hover-bg);border-color:var(--text-faint);color:var(--text-primary)}.theme-toggle{border:1px solid var(--border-medium);cursor:pointer;width:38px;height:38px;color:var(--text-muted);background:0 0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:all .25s;display:flex}.theme-toggle:hover{background:var(--hover-bg);border-color:var(--text-faint);color:var(--accent)}.theme-toggle svg{transition:transform .35s}.theme-toggle:hover svg{transform:rotate(20deg)}.page-enter{animation:.3s both pageIn}@keyframes pageIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-hover)}.app-footer{border-top:1px solid var(--border-medium);background:var(--card-bg);margin-top:40px;padding:48px 24px 24px;transition:background .3s}.app-footer-grid{border-bottom:1px solid var(--border-light);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:32px;max-width:1060px;margin:0 auto;padding-bottom:32px;display:grid}.footer-col{flex-direction:column;gap:8px;display:flex}.footer-col-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-primary);margin:0 0 4px;font-size:.8rem;font-weight:700}.footer-col a{color:var(--text-secondary);font-size:.85rem;line-height:1.6;text-decoration:none;transition:color .2s}.footer-col a:hover{color:var(--accent)}.app-footer-bottom{text-align:center;max-width:1060px;margin:0 auto;padding-top:20px}.app-footer-copy{color:var(--text-muted);font-size:.82rem}@media (max-width:640px){.app-footer-grid{grid-template-columns:repeat(2,1fr);gap:24px}}::selection{color:var(--text-primary);background:#1a9e8f33}.toast{background:var(--accent);color:#fff;z-index:9999;white-space:nowrap;border-radius:10px;align-items:center;gap:10px;padding:14px 24px;font-family:Nunito Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.9rem;font-weight:600;animation:.35s toastIn,.35s 2.65s forwards toastOut;display:flex;position:fixed;bottom:32px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #0003,0 2px 8px #0000001a}@keyframes toastIn{0%{opacity:0;transform:translate(-50%)translateY(16px)scale(.95)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}@keyframes toastOut{0%{opacity:1;transform:translate(-50%)translateY(0)scale(1)}to{opacity:0;transform:translate(-50%)translateY(16px)scale(.95)}}