:root{--bg: #f4f7fe;--surface: #ffffff;--surface-alt: #eef3ff;--primary: #1b5fe8;--primary-dark: #1348b8;--primary-soft: #e8f0ff;--primary-text: #1b5fe8;--secondary: #ff6b6b;--ocean: #0b2545;--text: #0b2545;--text-muted: #6b7f9e;--border: #e2e9f5;--success: #15803d;--success-soft: #e7f7ee;--warning: #b45309;--warning-soft: #fef3e2;--danger: #ef4444;--danger-soft: #feecec;--overlay: rgba(11, 37, 69, .55);--card-shadow: rgba(11, 37, 69, .1);--page: #dbe5f5}[data-theme=dark]{color-scheme:dark;--bg: #0f172a;--surface: #1e293b;--surface-alt: #334155;--primary: #3b82f6;--primary-dark: #2563eb;--primary-soft: rgba(59, 130, 246, .18);--primary-text: #60a5fa;--ocean: #f8fafc;--text: #f8fafc;--text-muted: #94a3b8;--border: #334155;--success: #10b981;--success-soft: rgba(16, 185, 129, .18);--warning: #f59e0b;--warning-soft: rgba(245, 158, 11, .18);--danger-soft: rgba(239, 68, 68, .18);--overlay: rgba(0, 0, 0, .6);--card-shadow: rgba(0, 0, 0, .3);--page: #020617}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--page);color:var(--text);-webkit-font-smoothing:antialiased}#root{height:100%}.app-shell{display:flex;flex-direction:column;height:100vh;height:100dvh;max-width:480px;margin:0 auto;background:var(--bg);box-shadow:0 0 40px #0b254524;position:relative;overflow:hidden}.app-main{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:calc(130px + env(safe-area-inset-bottom))}.app-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:calc(20px + env(safe-area-inset-top)) 20px 12px;background:var(--bg)}.app-topbar-greeting{font-size:13px;color:var(--text-muted);margin:0}.app-topbar-name{font-size:20px;font-weight:800;color:var(--ocean);margin:2px 0 0;display:flex;align-items:center;gap:6px}.app-avatar{width:44px;height:44px;border-radius:999px;background:linear-gradient(135deg,var(--primary),#4f8bff);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:16px;flex-shrink:0}.icon-circle-btn{width:42px;height:42px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--ocean);display:flex;align-items:center;justify-content:center;font-size:18px;cursor:pointer;flex-shrink:0}.tabbar{position:absolute;left:0;right:0;bottom:0;display:flex;background:var(--surface);border-radius:26px 26px 0 0;padding:10px 6px calc(8px + env(safe-area-inset-bottom));box-shadow:0 -6px 24px #0b25451f;border-top:1px solid var(--border)}.tab-button{flex:1;border:none;background:transparent;padding:25px 2px;display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;color:var(--text-muted);font-size:10px;font-weight:700;border-radius:18px;transition:color .15s ease,background .15s ease}.tab-button{min-width:0}.tab-button span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tab-button svg{font-size:25px}.tab-button.active{color:var(--primary-text)}button,input,select,textarea{font-family:inherit}.leaflet-container{width:100%;height:100%;z-index:0}.spinner{width:36px;height:36px;border:4px solid var(--surface-alt);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.fade-in{animation:fadeIn .25s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.hide-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.hide-scrollbar::-webkit-scrollbar{display:none}.link-btn{border:none;background:transparent;padding:0;color:var(--primary-text);font-weight:700;font-size:13px;display:inline-flex;align-items:center;gap:5px;cursor:pointer}.link-btn.danger{color:#ef4444}.link-btn:disabled{opacity:.5;cursor:not-allowed}.icon-circle-btn{position:relative}.badge-count{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#ef4444;color:#fff;font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center;border:2px solid var(--bg)}.app-avatar-img{width:44px;height:44px;border-radius:999px;object-fit:cover;flex-shrink:0}.mini-btn{width:32px;height:32px;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--ocean);display:inline-flex;align-items:center;justify-content:center;font-size:15px;cursor:pointer;flex-shrink:0}.mini-btn:disabled{opacity:.35;cursor:not-allowed}.mini-btn.danger{color:#ef4444}