@tailwind base;@tailwind components;@tailwind utilities;:root{--bg-main: #0a0f16;--card-bg: #131d27;--card-border: #1e2d3d;--accent-cyan: #38bdf8;--accent-green: #10b981}body{background-color:var(--bg-main);color:#f8fafc;font-family:Inter,sans-serif;-webkit-tap-highlight-color:transparent}.app-shell{min-height:100vh;background-color:var(--bg-main);display:flex;flex-direction:column}.topbar{background:#131d27d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--card-border);padding:12px 16px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:40}.brand{display:flex;align-items:center;gap:10px}.brand-mark{background:linear-gradient(135deg,#0ea5e9,#10b981);color:#fff;font-weight:900;font-size:13px;padding:4px 8px;border-radius:8px;letter-spacing:1px}.brand-text strong{font-family:Montserrat,sans-serif;font-size:14px;color:#f8fafc}.user-button{background:transparent;border:none;cursor:pointer}.user-avatar{width:34px;height:34px;background:#1e293b;border:1.5px solid var(--accent-cyan);color:#f8fafc;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:#131d27f2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--card-border);display:flex;justify-content:space-around;padding:8px 4px env(safe-area-inset-bottom,8px);z-index:40}.nav-item{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:#64748b;font-size:10px;font-weight:600;padding:4px 8px;border-radius:8px;transition:all .2s ease}.nav-item.active{color:var(--accent-cyan)}.nav-icon{font-size:18px;margin-bottom:2px}.topbar{padding-top:max(16px,env(safe-area-inset-top,16px))!important}.app-shell{padding-top:0!important}html,body{overscroll-behavior-y:auto!important;-webkit-overflow-scrolling:touch!important}.app-shell,.app-content{overscroll-behavior-y:contain!important;-webkit-overflow-scrolling:touch!important}