:root{--color-bg-app:#f8fafc;--color-bg-surface:#fff;--color-bg-subtle:#f1f5f9;--color-text-main:#0f172a;--color-text-muted:#64748b;--color-text-subtle:#94a3b8;--color-primary:#1e3a8a;--color-primary-hover:#1e40af;--color-primary-light:#eff6ff;--color-accent-teal:#0d9488;--color-accent-amber:#d97706;--color-accent-amber-light:#fef3c7;--color-danger:#dc2626;--color-danger-light:#fef2f2;--color-border:#e2e8f0;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #00000014, 0 2px 4px -2px #0000000d;--shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -4px #0000000d}*{box-sizing:border-box}body{background-color:var(--color-bg-app);color:var(--color-text-main);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Hiragino Kaku Gothic ProN,Yu Gothic,sans-serif}button,input,select,textarea{font-family:inherit}.app-nav{background-color:var(--color-bg-surface);border-bottom:1px solid var(--color-border);z-index:40;box-shadow:var(--shadow-sm);position:sticky;top:0}.app-nav-inner{gap:8px;max-width:1200px;margin:0 auto;padding:8px 16px;display:flex}.nav-btn{border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:8px;padding:8px 18px;font-size:13px;transition:all .15s;display:flex}@media (width<=640px){.app-nav{border-top:1px solid var(--color-border);padding-bottom:env(safe-area-inset-bottom);border-bottom:none;position:fixed;inset:auto 0 0;box-shadow:0 -2px 10px #0000000f}.app-nav-inner{grid-template-columns:repeat(5,1fr);gap:2px;padding:6px 2px;display:grid}.nav-btn{padding:5px 1px;font-size:10px}.nav-btn .nav-icon{font-size:18px}main.app-main{padding-bottom:90px!important}}