@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}a{color:inherit;text-decoration:none}a:visited{color:inherit}:root{--navy: #0f2744;--navy-mid: #1a3a63;--blue: #2563eb;--blue-light: #eff6ff;--blue-mid: #dbeafe;--surface: #f1f5f9;--surface-2: #e8eef5;--card: #ffffff;--card-border: rgba(15,39,68,.08);--border: #e2e8f0;--text: #0f172a;--text-2: #334155;--text-muted: #64748b;--text-light: #94a3b8;--success: #059669;--success-light: #d1fae5;--warning: #d97706;--warning-light: #fef3c7;--danger: #dc2626;--danger-light: #fee2e2;--nav-h: 68px;--header-h: 58px;--radius: 14px;--radius-sm: 8px;--shadow-sm: 0 1px 3px rgba(15,39,68,.08), 0 1px 2px rgba(15,39,68,.04);--shadow: 0 4px 12px rgba(15,39,68,.08), 0 2px 4px rgba(15,39,68,.04);--shadow-md: 0 8px 24px rgba(15,39,68,.1), 0 3px 8px rgba(15,39,68,.06);--input-bg: #fff;--input-border: #e2e8f0}[data-theme=dark]{--surface: #0d1117;--surface-2: #161b22;--card: #1c2333;--card-border: rgba(255,255,255,.07);--border: #30363d;--text: #e6edf3;--text-2: #c9d1d9;--text-muted: #8b949e;--text-light: #6e7681;--blue-light: #0d1f3c;--blue-mid: #132040;--success-light: #0d2818;--warning-light: #2d1f0a;--danger-light: #2d0f0f;--input-bg: #161b22;--input-border: #30363d;--shadow-sm: 0 1px 3px rgba(0,0,0,.3), 0 1px 2px rgba(0,0,0,.2);--shadow: 0 4px 12px rgba(0,0,0,.3), 0 2px 4px rgba(0,0,0,.2);--shadow-md: 0 8px 24px rgba(0,0,0,.4), 0 3px 8px rgba(0,0,0,.3)}html,body{height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--surface);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#auth-loading{position:fixed;inset:0;background:var(--navy);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.25rem;z-index:9999}#auth-loading.hidden{display:none}.loading-logo{width:60px;height:60px;background:#ffffff1a;border-radius:16px;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(8px)}.loading-logo svg{width:30px;height:30px;color:#60a5fa}.loading-text{font-size:.875rem;color:#ffffff80;letter-spacing:.02em}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:22px;height:22px;border:2px solid rgba(255,255,255,.15);border-top-color:#60a5fa;border-radius:50%;animation:spin .75s linear infinite}#app-layout{display:none;flex-direction:column;min-height:100vh}#app-layout.visible{display:flex}.app-header{position:sticky;top:0;z-index:100;background:#ffffffeb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border);height:var(--header-h);display:flex;align-items:center;justify-content:space-between;padding:0 1.125rem;gap:.75rem}[data-theme=dark] .app-header{background:#0d1117eb}.header-logo{display:flex;align-items:center;gap:.625rem;text-decoration:none}.header-logo-mark{width:34px;height:34px;background:linear-gradient(135deg,var(--navy) 0%,#1e4d8c 100%);border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 8px #0f27444d}.header-logo-mark svg{width:18px;height:18px;color:#60a5fa}.header-logo-name{font-size:.9rem;font-weight:700;color:var(--navy);line-height:1.15;letter-spacing:-.01em}.header-logo-sub{font-size:.62rem;color:var(--text-muted);display:block;font-weight:500;letter-spacing:.01em}.header-actions{display:flex;align-items:center;gap:.5rem}.header-user{font-size:.78rem;color:var(--text-muted);display:none;font-weight:500}@media(min-width:480px){.header-user{display:block}}.btn-signout{padding:.4rem .875rem;background:transparent;border:1.5px solid var(--border);border-radius:var(--radius-sm);font-size:.78rem;font-weight:600;color:var(--text-muted);cursor:pointer;transition:all .15s;white-space:nowrap;font-family:inherit}.btn-signout:hover{border-color:var(--navy);color:var(--navy);background:var(--blue-light)}.btn-theme{width:34px;height:34px;background:transparent;border:1.5px solid var(--border);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s;color:var(--text-muted);flex-shrink:0}.btn-theme:hover{border-color:var(--blue);color:var(--blue);background:var(--blue-light)}.btn-theme svg{width:16px;height:16px}.app-main{flex:1;padding-bottom:calc(var(--nav-h) + 1rem)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:var(--nav-h);background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-around;z-index:100;padding-bottom:env(safe-area-inset-bottom,0)}[data-theme=dark] .bottom-nav{background:#0d1117f2}.nav-item{display:flex;flex-direction:column;align-items:center;gap:.2rem;text-decoration:none;color:var(--text-light);flex:1;padding:.5rem 0 .375rem;transition:color .2s;min-width:0;position:relative}.nav-item:hover{color:var(--text-muted)}.nav-item.active{color:var(--blue)}.nav-item.active:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:28px;height:3px;background:var(--blue);border-radius:0 0 3px 3px}.nav-item svg{width:22px;height:22px;flex-shrink:0;transition:transform .2s}.nav-item.active svg{transform:scale(1.1)}.nav-label{font-size:.62rem;font-weight:600;letter-spacing:.01em}.nav-add{width:50px;height:50px;background:linear-gradient(135deg,var(--navy) 0%,#1e4d8c 100%);border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:.5rem;flex-shrink:0;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 16px #0f274459}.nav-item.add-btn{gap:0}.nav-item.add-btn:before{display:none}.nav-item.add-btn:hover .nav-add{transform:scale(1.06) translateY(-1px);box-shadow:0 6px 20px #0f274466}.nav-item.add-btn.active .nav-add{background:linear-gradient(135deg,var(--blue) 0%,#1d4ed8 100%)}.nav-add svg{width:22px;height:22px;color:#fff}@media(min-width:768px){.app-main{max-width:768px;margin:0 auto;width:100%;padding-left:1rem;padding-right:1rem}}