:root{--bg:#fafafa;--surface:#f0f0f0;--text:#1a1a1a;--text-secondary:#666;--accent:#e8740a;--accent-hover:#d06500;--border:#e0e0e0;--danger:#d32f2f}@media (prefers-color-scheme:dark){:root{--bg:#1a1a1a;--surface:#2a2a2a;--text:#f0f0f0;--text-secondary:#999;--accent:#f5a84a;--accent-hover:#e8740a;--border:#3a3a3a;--danger:#ef5350}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);min-height:100dvh;-webkit-font-smoothing:antialiased}.login-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100dvh;padding:20px}.app-container{width:480px;max-width:100%;margin:0 auto;padding:0 16px}.card{background:var(--surface);border-radius:12px;padding:16px}.btn-google{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;max-width:320px;padding:12px 20px;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;border:1px solid var(--border);background:white;color:#333;transition:box-shadow .15s}.btn-google:hover{box-shadow:0 2px 8px rgba(0,0,0,.1)}.upload-zone{border:2px dashed var(--border);border-radius:12px;padding:24px 16px;text-align:center;cursor:pointer;transition:border-color .2s;margin-top:12px}.upload-zone:hover{border-color:var(--accent)}.nav-bar{display:flex;justify-content:space-around;padding:8px 0;border-top:1px solid var(--border);background:var(--bg);position:fixed;bottom:0;left:0;right:0;z-index:50}.nav-item{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:11px;color:var(--text-secondary);text-decoration:none;padding:4px 12px}.nav-item.active{color:var(--accent)}