:root{--bg-primary: #0b0f19;--bg-secondary: #131b2e;--bg-card: rgba(23, 33, 54, .7);--bg-card-hover: rgba(30, 42, 69, .85);--border-color: rgba(255, 255, 255, .08);--border-highlight: rgba(99, 102, 241, .3);--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--accent-primary: #6366f1;--accent-gradient: linear-gradient(135deg, #6366f1 0%, #a855f7 50%, #ec4899 100%);--accent-green: #10b981;--accent-green-bg: rgba(16, 185, 129, .15);--accent-amber: #f59e0b;--accent-amber-bg: rgba(245, 158, 11, .15);--accent-red: #ef4444;--accent-red-bg: rgba(239, 68, 68, .15);--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-full: 9999px;--shadow-card: 0 8px 32px 0 rgba(0, 0, 0, .37);--shadow-glow: 0 0 20px rgba(99, 102, 241, .25);--font-heading: "Outfit", sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);font-size:15px;line-height:1.5;overflow-x:hidden;min-height:100vh}.app-container{max-width:480px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(circle at 50% 0%,rgba(99,102,241,.12) 0%,transparent 50%),radial-gradient(circle at 100% 100%,rgba(168,85,247,.08) 0%,transparent 50%);padding-bottom:80px}.app-header{padding:18px 20px 14px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-color);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;z-index:50;background:#0b0f19d9}.restaurant-badge{display:flex;align-items:center;gap:8px}.restaurant-icon{width:36px;height:36px;border-radius:var(--radius-md);background:var(--accent-gradient);display:flex;align-items:center;justify-content:center;font-size:18px;box-shadow:var(--shadow-glow)}.restaurant-title{font-family:var(--font-heading);font-size:16px;font-weight:700;letter-spacing:-.01em}.restaurant-subtitle{font-size:12px;color:var(--text-secondary)}.status-pill{display:inline-flex;align-items:center;gap:5px;background:var(--accent-green-bg);color:var(--accent-green);padding:4px 10px;border-radius:var(--radius-full);font-size:12px;font-weight:600}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--accent-green);animation:pulse 2s infinite}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.content-area{padding:16px 18px;display:flex;flex-direction:column;gap:16px}.hero-card{background:linear-gradient(135deg,#1e293be6,#0f172af2);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);padding:22px;box-shadow:var(--shadow-card);position:relative;overflow:hidden}.hero-card:before{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle,rgba(99,102,241,.15) 0%,transparent 70%);pointer-events:none}.hero-label{font-size:13px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-weight:600;display:flex;justify-content:space-between;align-items:center}.hero-amount{font-family:var(--font-heading);font-size:32px;font-weight:800;margin:8px 0 10px;letter-spacing:-.02em;background:linear-gradient(180deg,#fff,#cbd5e1);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.delta-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:var(--radius-sm);font-size:13px;font-weight:700}.delta-positive{background:var(--accent-green-bg);color:var(--accent-green)}.delta-negative{background:var(--accent-red-bg);color:var(--accent-red)}.metrics-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.metric-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .2s ease,border-color .2s ease}.metric-card:hover{transform:translateY(-2px);border-color:var(--border-highlight)}.metric-card-title{font-size:13px;color:var(--text-secondary);margin-bottom:6px}.metric-card-val{font-family:var(--font-heading);font-size:20px;font-weight:700;color:var(--text-primary)}.anomaly-box{border-radius:var(--radius-lg);padding:18px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(245,158,11,.3);background:#f59e0b14}.anomaly-box.danger{border-color:#ef44444d;background:#ef444414}.anomaly-header{display:flex;align-items:center;gap:8px;font-weight:700;font-size:15px;margin-bottom:8px}.anomaly-desc{font-size:14px;color:var(--text-secondary);line-height:1.45;margin-bottom:12px}.recommendation-pill{background:#ffffff0f;border-left:3px solid var(--accent-primary);padding:10px 12px;border-radius:var(--radius-sm);font-size:13px;color:#e2e8f0}.bottom-nav{position:fixed;bottom:0;left:0;right:0;max-width:480px;margin:0 auto;height:68px;background:#0b0f19eb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-around;z-index:100;padding:0 8px}.nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--text-muted);background:none;border:none;cursor:pointer;padding:8px 12px;border-radius:var(--radius-sm);transition:all .2s ease;font-size:11px;font-weight:600}.nav-item.active{color:var(--accent-primary)}.nav-icon{font-size:20px}.chat-container{display:flex;flex-direction:column;gap:12px}.chat-bubble{padding:14px 16px;border-radius:var(--radius-md);max-width:85%;font-size:14px;line-height:1.45}.chat-bubble.ai{align-self:flex-start;background:var(--bg-card);border:1px solid var(--border-color);color:#f1f5f9}.chat-bubble.user{align-self:flex-end;background:var(--accent-primary);color:#fff}.chat-input-bar{display:flex;gap:8px;margin-top:10px}.chat-input{flex:1;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-full);padding:12px 18px;color:#fff;font-size:14px;outline:none}.chat-input:focus{border-color:var(--accent-primary)}.chat-send-btn{background:var(--accent-gradient);border:none;border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;font-size:18px}