@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";.app-shell-main{min-width:0}.app-view{width:100%;height:100%;min-width:0;display:flex;flex-direction:column;overflow:hidden;background:#f8fafc}.app-view-scroll{overflow:auto}.app-section{padding:20px 24px 28px}.app-grid{display:grid;gap:16px}.app-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.app-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.app-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.app-panel{border:1px solid #e5e7eb;border-radius:8px;background:#fff;box-shadow:0 12px 28px #0f172a0f}.app-table-wrapper{width:100%;overflow-x:auto}.app-table{width:100%;border-collapse:collapse;font-size:.92rem}.app-table th{padding:13px 14px;text-align:left;background:#f8fafc;color:#475569;font-size:.76rem;font-weight:850;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.app-table td{padding:14px;border-top:1px solid #eef2f7;color:#334155;vertical-align:middle}.app-table tr:hover td{background:#f8fafc}.app-filter-bar{padding:16px;display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}.app-field{min-width:170px;display:flex;flex-direction:column;gap:7px}.app-field label{color:#334155;font-size:.84rem;font-weight:750}.app-field input,.app-field select,.app-field textarea{width:100%;min-height:40px;border-radius:8px;border:1px solid #dbe3ee;background:#fff;color:#111827;font:inherit;padding:9px 11px}.app-field input:focus,.app-field select:focus,.app-field textarea:focus{outline:none;border-color:#ff6b35;box-shadow:0 0 0 3px #ff6b351f}@media(max-width:1020px){.app-grid-4,.app-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.app-section{padding:14px 10px 84px}.app-grid-4,.app-grid-3,.app-grid-2{grid-template-columns:1fr}.app-filter-bar{align-items:stretch}.app-field{width:100%}}.ui-button{min-height:40px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 14px;font-weight:700;font-size:.9rem;line-height:1;border:1px solid transparent;white-space:nowrap}.ui-button-sm{min-height:34px;padding:0 12px;font-size:.82rem}.ui-button-icon{width:40px;min-width:40px;padding:0}.ui-button-primary{background:#111827;color:#fff;box-shadow:0 10px 22px #11182724}.ui-button-secondary{background:#fff;color:#111827;border-color:#e5e7eb}.ui-button-danger{background:#fef2f2;color:#b91c1c;border-color:#fecaca}.ui-button-ghost{background:transparent;color:#4b5563}.ui-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 24px #0f172a1f}.ui-badge{display:inline-flex;align-items:center;gap:6px;min-height:26px;padding:0 10px;border-radius:999px;border:1px solid transparent;font-size:.76rem;font-weight:800;line-height:1}.ui-badge-success{background:#ecfdf5;color:#047857;border-color:#a7f3d0}.ui-badge-warning{background:#fff7ed;color:#c2410c;border-color:#fed7aa}.ui-badge-danger{background:#fef2f2;color:#b91c1c;border-color:#fecaca}.ui-badge-info{background:#eff6ff;color:#1d4ed8;border-color:#bfdbfe}.ui-badge-accent{background:#fff7ed;color:#9a3412;border-color:#fed7aa}.ui-badge-neutral{background:#f8fafc;color:#334155;border-color:#e2e8f0}.ui-page-header{padding:22px 24px;display:flex;justify-content:space-between;align-items:flex-start;gap:18px;border-bottom:1px solid #e5e7eb;background:#ffffffb8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.ui-page-header-copy{min-width:0}.ui-page-eyebrow{display:inline-flex;margin-bottom:8px;color:#c2410c;font-size:.75rem;font-weight:850;text-transform:uppercase;letter-spacing:.04em}.ui-page-header h1{margin:0;color:#111827;font-size:1.6rem;line-height:1.15;letter-spacing:0}.ui-page-header p{margin:7px 0 0;color:#64748b;font-size:.95rem}.ui-page-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.ui-stat-card{min-height:132px;border-radius:8px;border:1px solid #e5e7eb;background:#fff;box-shadow:0 12px 28px #0f172a0f;padding:22px;display:flex;align-items:center;gap:16px}.ui-stat-icon{width:48px;height:48px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;color:#ff6b35;background:#fff7ed;border:1px solid #fed7aa;flex-shrink:0}.ui-stat-card-success .ui-stat-icon{color:#047857;background:#ecfdf5;border-color:#a7f3d0}.ui-stat-card-info .ui-stat-icon{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.ui-stat-card-warning .ui-stat-icon{color:#c2410c;background:#fff7ed;border-color:#fed7aa}.ui-stat-card-danger .ui-stat-icon{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.ui-stat-label{display:block;color:#64748b;font-size:.82rem;font-weight:750}.ui-stat-value{display:block;margin-top:6px;color:#111827;font-size:clamp(1.35rem,3vw,2rem);line-height:1}.ui-stat-card small{display:block;margin-top:6px;color:#64748b}.ui-empty-state{width:100%;padding:42px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;color:#64748b}.ui-empty-icon{width:58px;height:58px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;background:#f8fafc;color:#94a3b8;border:1px solid #e2e8f0}.ui-empty-state h3{margin:6px 0 0;color:#111827;font-size:1.05rem}.ui-empty-state p{max-width:420px;margin:0;line-height:1.5}.ui-skeleton-list{display:grid;gap:12px;padding:18px}.ui-skeleton-row{height:64px;border-radius:8px;background:linear-gradient(90deg,#f1f5f9,#fff,#f1f5f9);background-size:220% 100%;animation:ui-skeleton-pulse 1.35s ease-in-out infinite;border:1px solid #e5e7eb}@keyframes ui-skeleton-pulse{0%{background-position:220% 0}to{background-position:-220% 0}}@media(max-width:760px){.ui-page-header{padding:18px 14px;flex-direction:column}.ui-page-actions,.ui-page-actions .ui-button{width:100%}.ui-stat-card{min-height:108px;padding:16px}}.dashboard-insights-grid{margin-top:18px}.dashboard-insight-card{padding:22px;min-height:260px}.dashboard-insight-card .chart-header{margin-bottom:18px}.dashboard-insight-card>strong{display:block;margin-bottom:8px;color:#111827;font-size:2.2rem;line-height:1}.dashboard-insight-card>p{margin:0;color:#64748b;line-height:1.5}.peak-hours-chart.compact{min-height:168px;padding:12px 4px 0}.payments-table-panel{margin-top:16px;overflow:hidden}.table-footer{padding:13px 16px;border-top:1px solid #eef2f7;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#64748b;font-weight:650}.table-pagination{display:flex;align-items:center;gap:8px}@media(max-width:640px){.table-footer{align-items:stretch;flex-direction:column}.table-pagination{justify-content:space-between}}:root{--primary: #FF6B35;--secondary: #1F2933;--bg-main: #F9FAFB;--bg-secondary: #FFFFFF;--bg-tertiary: #F3F4F6;--success: #22C55E;--text-main: #111827;--text-secondary: #6B7280;--text-muted: #9CA3AF;--border-subtle: rgba(31, 41, 51, .08);--border-medium: rgba(31, 41, 51, .15);--hover-bg: rgba(255, 107, 53, .08);--active-bg: rgba(255, 107, 53, .12);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 10px 30px rgba(0, 0, 0, .12);--shadow-accent: 0 4px 20px rgba(255, 107, 53, .25);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg-main);color:var(--text-main);min-height:100vh;overflow-x:hidden;overflow-y:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}.app-container{display:flex;height:100vh;width:100vw;background:var(--bg-main)}.glass{background:#fffc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-subtle);box-shadow:var(--shadow-md)}button{cursor:pointer;border:none;outline:none;transition:all var(--transition-base);font-family:inherit}button:active{transform:scale(.97)}button:disabled{opacity:.5;cursor:not-allowed}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.login-container{height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f9fafb,#e5e7eb);position:relative;overflow:hidden}.login-container:before{content:"";position:absolute;width:500px;height:500px;background:radial-gradient(circle,rgba(255,107,53,.12) 0%,transparent 70%);border-radius:50%;top:-250px;right:-250px;animation:pulse 8s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.1);opacity:.7}}.login-card{width:420px;padding:48px 40px;border-radius:20px;display:flex;flex-direction:column;align-items:center;text-align:center;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-medium);box-shadow:var(--shadow-lg);position:relative;z-index:1}.login-card .logo-icon{background:linear-gradient(135deg,var(--primary) 0%,#FF8C5A 100%);color:#fff;width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:800;box-shadow:var(--shadow-accent);margin-bottom:24px}.login-card h1{margin:0 0 8px;font-size:2rem;font-weight:700;background:linear-gradient(135deg,var(--text-main) 0%,var(--text-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-card p{color:var(--text-secondary);margin-bottom:32px;font-size:.95rem}.login-form{width:100%;display:flex;flex-direction:column;gap:16px}.login-form label{width:100%;display:flex;flex-direction:column;gap:7px;text-align:left}.login-form label span{color:#4b5563;font-size:.84rem;font-weight:700}.login-form input{padding:14px 18px;border-radius:12px;border:1px solid var(--border-medium);background:var(--bg-secondary);color:var(--text-main);font-size:.95rem;transition:all var(--transition-base)}.login-form input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #ff6b351a}.login-form input::placeholder{color:var(--text-muted)}.login-form button{padding:14px;border-radius:12px;background:linear-gradient(135deg,var(--primary) 0%,#FF8C5A 100%);color:#fff;font-weight:600;font-size:1rem;box-shadow:var(--shadow-accent);margin-top:8px}.login-form button:hover{transform:translateY(-2px);box-shadow:0 6px 25px #ff6b3559}.footer-v{margin-top:32px;font-size:.8rem;color:var(--text-muted)}.sidebar-nav{width:280px;min-width:280px;display:flex;flex-direction:column;padding:24px 0;background:var(--bg-secondary);border-right:1px solid var(--border-subtle);z-index:10;height:100vh;transition:width .3s cubic-bezier(.4,0,.2,1);overflow:hidden;white-space:nowrap}.sidebar-nav.collapsed{width:70px!important;min-width:70px!important;flex-basis:70px!important}.logo{display:flex;align-items:center;padding:0 24px 32px;gap:12px;font-weight:700;font-size:1.3rem;color:var(--text-main);transition:all .3s ease;height:76px}.sidebar-nav.collapsed .logo{padding:0 13px 32px;justify-content:center}.logo-icon{background:linear-gradient(135deg,var(--primary) 0%,#FF8C5A 100%);color:#fff;width:44px;height:44px;min-width:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:800;box-shadow:var(--shadow-accent);flex-shrink:0}.sidebar-nav.collapsed .logo-icon{display:none!important}.logo-text{flex:1;white-space:nowrap;overflow:hidden;transition:opacity .2s ease,width .2s ease}.sidebar-nav.collapsed .logo-text,.sidebar-nav.collapsed .logo span{display:none!important;opacity:0;width:0}.btn-toggle-sidebar-inline{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:8px;border-radius:8px;transition:all .2s;display:flex;align-items:center;justify-content:center;margin-left:auto;flex-shrink:0}.sidebar-nav.collapsed .btn-toggle-sidebar-inline{margin-left:0}.btn-toggle-sidebar-inline:hover{background:var(--hover-bg);color:var(--primary)}.nav-items{flex:1;padding:0 12px;transition:padding .3s ease}.sidebar-nav.collapsed .nav-items{padding:0 8px;opacity:1;pointer-events:auto}.nav-items button{width:100%;display:flex;align-items:center;gap:14px;padding:14px 16px;background:transparent;color:var(--text-secondary);font-weight:500;font-size:.95rem;border-radius:12px;margin-bottom:6px;transition:all var(--transition-base);white-space:nowrap;overflow:hidden}.sidebar-nav.collapsed .nav-items button{justify-content:center;padding:14px 0}.nav-items button span{transition:opacity .2s ease,width .2s ease}.sidebar-nav.collapsed .nav-items button span{display:none!important;opacity:0;width:0}.nav-items button:hover{background:var(--hover-bg);color:var(--text-main)}.nav-items button.active{background:var(--active-bg);color:var(--primary);font-weight:600;box-shadow:var(--shadow-sm)}.nav-items button svg{flex-shrink:0;min-width:24px}.nav-footer{padding:24px;display:flex;align-items:center;justify-content:space-between;color:var(--text-secondary);font-size:.9rem;border-top:1px solid var(--border-subtle);margin-top:auto;transition:opacity .2s ease;white-space:nowrap;overflow:hidden}.sidebar-nav.collapsed .nav-footer{flex-direction:column;padding:24px 0;gap:12px}.user-info{display:flex;align-items:center;gap:12px;overflow:hidden}.user-avatar-placeholder{width:36px;height:36px;background:var(--bg-tertiary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-main);flex-shrink:0}.user-details-col{display:flex;flex-direction:column;line-height:1.3}.merchant-name-footer{font-weight:600;color:var(--text-main);font-size:.95rem}.user-role-footer{font-size:.8rem;color:var(--text-muted)}.sidebar-nav.collapsed .user-details-col{display:none!important}.sidebar-nav.collapsed .user-info{justify-content:center}.logout-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:8px;border-radius:8px;transition:all .2s;display:flex;align-items:center;justify-content:center}.logout-btn:hover{background:#ef44441a;color:#ef4444}.main-content{flex:1;display:flex;overflow:hidden;background:var(--bg-main)}.chat-layout{display:flex;width:100%;height:100%}.contacts-sidebar{width:360px;border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;background:var(--bg-secondary)}.sidebar-header{padding:25px 24px;border-bottom:1px solid var(--border-subtle)}.sidebar-header h2{font-size:1.5rem;font-weight:700;color:var(--text-main);margin-bottom:20px}.chat-tabs{display:flex;background:var(--bg-main);padding:4px;border-radius:12px;margin-bottom:20px;border:1px solid var(--border-subtle)}.tab-btn{flex:1;padding:8px;border:none;background:transparent;color:var(--text-secondary);font-size:.9rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .2s}.tab-btn.active{background:linear-gradient(135deg,#ff6b35,#ff8c42);color:#fff;box-shadow:var(--shadow-sm)}.chat-filters{display:flex;flex-direction:column;gap:12px}.search-box input{width:100%;padding:10px 12px 10px 38px;border-radius:12px;border:1px solid var(--border-subtle);background:var(--bg-main);color:var(--text-main);font-size:.95rem;transition:all .2s}.search-box input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #ff6b351a;outline:none}.search-box .search-icon{position:absolute;left:12px;color:var(--text-muted)}.btn-filter-unread{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--border-subtle);border-radius:10px;background:transparent;color:var(--text-secondary);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s;align-self:flex-start}.btn-filter-unread:hover{background:var(--hover-bg);color:var(--text-main)}.btn-filter-unread.active{background:#ff6b351a;color:var(--primary);border-color:var(--primary)}.contacts-list{flex:1;overflow-y:auto}.contact-item{display:flex;align-items:center;gap:14px;padding:16px 24px;cursor:pointer;border-bottom:1px solid var(--border-subtle);transition:all var(--transition-fast)}.contact-item:hover{background:var(--hover-bg)}.contact-item.active{background:#ff6b3514;border-right:3px solid var(--primary);border-left:none}.contact-item.unread{background:linear-gradient(to right,rgba(255,107,53,.05),transparent)}.contact-item.unread .contact-name{font-weight:700;color:var(--text-main)}.unread-dot{position:absolute;top:0;right:0;width:12px;height:12px;background:#ff4d4d;border:2px solid var(--bg-secondary);border-radius:50%}.avatar{width:44px;height:44px;border-radius:50%;background:#f1f5f9;border:1px solid #e2e8f0;color:#334155;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;flex-shrink:0;position:relative}.contact-info{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center}.contact-header-row{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:2px}.contact-footer-row{display:flex;justify-content:space-between;align-items:center}.contact-name{font-weight:600;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.95rem}.contact-phone{font-size:.8rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contact-time{font-size:.7rem;color:var(--text-muted);flex-shrink:0;margin-left:8px}.contact-time.unread{color:#1faf38;font-weight:600}.contact-status-column{display:flex;align-items:center;gap:6px;flex-shrink:0}.unread-badge{background-color:#1faf38;border-radius:50%;width:10px;height:10px;flex-shrink:0}.icon-status{display:flex;align-items:center;justify-content:center}.icon-status.paused{color:#ef4444}.badge{font-size:.7rem;padding:9px 14px;border-radius:10px;font-weight:600;display:inline-flex;align-items:center;gap:7px;border:1px solid transparent;line-height:1}.badge.active{background:#10b98126;color:var(--success)}.badge.paused{background:#ef444426;color:#ef4444}.badge.ready{background:#10b98126;color:var(--success)}.badge.paid{background:#ecfdf5;color:#111827;border-color:#a7f3d0}.badge.pending{background:#fff7e6;color:#111827;border-color:#fed7aa}.badge.failed{background:#fef2f2;color:#111827;border-color:#fecaca}.badge.payment-badge{padding:4px 8px;font-size:.68rem;white-space:nowrap}.badge.archived{background:#f1f5f9;color:#111827;border-color:#e2e8f0;display:flex;align-items:center;gap:6px;font-size:.85rem;padding:10px 16px}.chat-header{padding:16px 24px;border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;background:#fffc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:10}.chat-header-info{display:flex;align-items:center;gap:16px}.chat-header-info h3{font-size:1.1rem;font-weight:700;color:var(--text-main);margin-bottom:2px}.chat-subtitle{font-size:.85rem;color:var(--text-muted);margin-bottom:2px}.chat-header-info .status{font-size:.8rem;font-weight:600;color:var(--primary)}.chat-actions{display:flex;align-items:center;gap:12px}.btn-icon{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:12px;border:1px solid var(--border-subtle);background:var(--bg-main);color:var(--text-main);font-weight:600;cursor:pointer;transition:all .2s}.btn-icon:hover{background:var(--hover-bg);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn-icon.resume{background:#10b9811a;color:var(--success);border-color:#10b98133}.btn-icon.pause{background:#ef44441a;color:#ef4444;border-color:#ef444433}.btn-icon.end-chat{background:#64748b1a;color:var(--text-muted);border-color:#64748b33}.btn-icon.end-chat:hover{background:#64748b33;color:var(--text-main)}.messages-area{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:16px;background-color:#f8fafc;position:relative;background-image:radial-gradient(circle at var(--mouse-x, 50%) var(--mouse-y, 50%),rgba(255,107,53,.08) 0%,transparent 250px);background-size:100% 100%}.chat-window{flex:1;display:flex;flex-direction:column;background:var(--bg-main)}.chat-header{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle);z-index:5}.chat-header-info{display:flex;align-items:center;gap:14px}.chat-header-info h3{font-size:1.1rem;line-height:1.2;color:var(--text-main);font-weight:600}.chat-subtitle{font-size:.8rem;color:var(--text-muted);line-height:1;margin-top:2px}.status{font-size:.8rem;color:var(--text-secondary);margin-top:2px}.chat-actions{display:flex;gap:10px;flex-wrap:wrap}.btn-icon{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:10px;font-weight:600;font-size:.85rem;transition:all var(--transition-base)}.btn-icon.pause{background:#fff1f2;color:#111827;border:1px solid #FECDD3}.btn-icon.pause:hover{background:#ffe4e6}.btn-icon.resume{background:#10b98126;color:var(--success);border:1px solid rgba(16,185,129,.2)}.btn-icon.resume:hover{background:#10b98140}.btn-confirm{background:#fff7ed;color:#111827;border:1px solid #FDBA74;border-radius:10px;padding:10px 16px;display:flex;align-items:center;gap:8px;font-weight:600;font-size:.85rem;box-shadow:var(--shadow-sm)}.btn-confirm:hover{transform:translateY(-2px);background:#ffedd5;box-shadow:0 8px 20px #fb923c2e}.btn-cancel{background:#fef2f2;color:#111827;border:1px solid #FECACA;border-radius:10px;padding:10px 16px;display:flex;align-items:center;gap:8px;font-weight:600;font-size:.85rem}.btn-cancel:hover{background:#fee2e2}.status-badge-shipped{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#eef2ff;color:#111827;border-radius:10px;font-weight:600;font-size:.85rem;border:1px solid #C7D2FE}.messages-area{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:12px;position:relative}.scroll-bottom-btn{position:sticky;bottom:12px;align-self:center;width:38px;height:38px;border-radius:999px;border:1px solid #FED7AA;background:#fff;color:#111827;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 12px 26px #0f172a24;transition:transform .18s ease,box-shadow .18s ease,background .18s ease;z-index:4}.scroll-bottom-btn:hover{background:#fff7ed;transform:translateY(-1px);box-shadow:0 16px 30px #0f172a2e}.message-wrapper{display:flex;margin-bottom:4px;animation:slideIn .2s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-wrapper.assistant{justify-content:flex-end}.message-wrapper.user{justify-content:flex-start}.message-bubble{max-width:65%;padding:12px 16px;border-radius:14px;position:relative;box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.message-bubble:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.assistant .message-bubble{background:linear-gradient(135deg,var(--primary) 0%,#FF8C5A 100%);color:#fff;border-bottom-right-radius:4px}.user .message-bubble{background:var(--bg-secondary);color:var(--text-main);border-bottom-left-radius:4px;border:1px solid var(--border-subtle)}.message-media{display:flex;flex-direction:column;gap:8px;min-width:220px}.message-media img{display:block;width:min(360px,56vw);max-height:420px;object-fit:contain;border-radius:10px;background:#f3f4f6;border:1px solid rgba(17,24,39,.08);cursor:zoom-in}.message-media-caption{white-space:pre-line;font-size:.92rem;line-height:1.35}.image-lightbox{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:28px;background:#111827d1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.image-lightbox img{max-width:min(980px,96vw);max-height:90vh;object-fit:contain;border-radius:12px;background:#fff;box-shadow:0 24px 80px #00000059}.image-lightbox-close{position:fixed;top:18px;right:18px;width:42px;height:42px;border-radius:999px;border:1px solid rgba(255,255,255,.24);background:#fffffff0;color:#111827;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 12px 30px #00000038}.image-lightbox-close:hover{background:#fff7ed}.bot-tag{font-size:.65rem;font-weight:700;color:#fffc;margin-bottom:4px;display:flex;align-items:center;gap:4px}.time{font-size:.7rem;color:#ffffffb3;float:right;margin-top:6px;margin-left:12px}.user .message-bubble .time{color:var(--text-muted)}.chat-input-area{padding:20px 24px;display:flex;gap:12px;align-items:center;background:var(--bg-secondary);border-top:1px solid var(--border-subtle)}.chat-input-area input{flex:1;padding:14px 20px;border-radius:12px;border:1px solid var(--border-medium);background:var(--bg-tertiary);color:var(--text-main);font-size:.95rem;transition:all var(--transition-base)}.chat-input-area input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #ff6b351a}.chat-input-area input::placeholder{color:var(--text-muted)}.chat-input-area button{background:var(--primary);color:#fff;width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-accent)}.chat-input-area button:hover{transform:translateY(-2px);box-shadow:0 6px 25px #ff6b3559}.empty-chat{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-muted);gap:16px}.empty-chat svg{opacity:.5}.dashboard-layout{display:flex;flex-direction:column;gap:32px;padding:25px;width:100%;margin:0;box-sizing:border-box}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.dashboard-controls{display:flex;gap:12px;background:var(--bg-tertiary);padding:6px;border-radius:12px;border:1px solid var(--border-medium)}.period-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:8px;border:none;background:transparent;color:var(--text-secondary);font-weight:600;font-size:.85rem;cursor:pointer;transition:all var(--transition-base)}.period-btn:hover{color:var(--text-main);background:#00000008}.period-btn.active{background:#fff;color:var(--primary);box-shadow:var(--shadow-sm)}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;margin-bottom:40px}.metrics-grid.dashboard-v2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));width:100%}.metric-card{padding:28px;border-radius:16px;display:flex;align-items:center;gap:20px;background:var(--bg-secondary);border:1px solid var(--border-subtle);transition:all var(--transition-base)}.metric-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--border-medium)}.metric-icon{width:64px;height:64px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.metric-icon.total{background:#3b82f626;color:#3b82f6}.metric-icon.confirmed{background:#10b98126;color:var(--success)}.metric-icon.cancelled{background:#ef444426;color:#ef4444}.metric-icon.revenue{background:#ff6b351f;color:var(--primary)}.metric-card.green .metric-icon{color:#16a34a;background:#22c55e1a}.metric-card.blue .metric-icon{color:#2563eb;background:#3b82f61a}.metric-card.orange .metric-icon{color:#ea580c;background:#ea580c1a}.metric-card.red .metric-icon{color:#dc2626;background:#dc26261a}.metric-data{flex:1}.metric-data .label{display:block;font-size:.85rem;color:var(--text-secondary);margin-bottom:6px;font-weight:500}.metric-data .value{font-size:2rem;font-weight:700;color:var(--text-main)}.dashboard-charts{padding:32px;border-radius:16px;background:var(--bg-secondary);border:1px solid var(--border-subtle)}.dashboard-charts h3{margin-bottom:28px;font-size:1.2rem;color:var(--text-main);font-weight:600}.peak-hours-chart{display:flex;align-items:flex-end;gap:8px;height:200px;padding-top:20px;width:100%}.chart-bar-v2{flex:1;display:flex;flex-direction:column;align-items:center;gap:12px;height:100%}.bar-track{flex:1;width:100%;max-width:24px;background:var(--bg-tertiary);border-radius:12px;position:relative;overflow:hidden}.bar-fill{position:absolute;bottom:0;left:0;width:100%;background:linear-gradient(to top,var(--primary),#FF8C5A);border-radius:12px;transition:height 1s cubic-bezier(.175,.885,.32,1.275)}.bar-label{font-size:.7rem;font-weight:700;color:var(--text-secondary)}.chart-header{display:flex;align-items:center;gap:12px;margin-bottom:24px;color:var(--text-main);font-weight:600}.kitchen-layout{padding:32px;height:100vh;width:100%;overflow-y:auto;background:var(--bg-main)}.kitchen-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:28px;border-bottom:2px solid var(--border-medium)}.kitchen-filters{display:flex;gap:12px;margin-bottom:32px;flex-wrap:wrap}.filter-btn{padding:12px 20px;border-radius:12px;background:var(--bg-secondary);color:var(--text-secondary);font-weight:600;font-size:.9rem;border:1px solid var(--border-medium);transition:all var(--transition-base)}.filter-btn:hover{background:var(--bg-tertiary);color:var(--text-main)}.filter-btn.active{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:var(--shadow-accent)}.filter-btn.delayed.active{background:#ef4444;color:#fff;border-color:#ef4444;box-shadow:0 4px 12px #ef44444d}.filter-btn.delayed{color:#ef4444;border-color:#ef444433}.filter-btn.delayed:hover{background:#ef44440d}.header-with-icon{display:flex;align-items:center;gap:20px;color:var(--text-main)}.header-with-icon h1{font-size:2.5rem;font-weight:800;letter-spacing:-.5px}.header-with-icon svg{color:var(--primary)}.kitchen-stats{display:flex;gap:16px;align-items:center}.kitchen-stats .badge{display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px 24px;border-radius:14px;font-weight:700;min-width:140px;border:2px solid;box-shadow:0 4px 12px #00000014;transition:all var(--transition-base)}.kitchen-stats .badge:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000001f}.kitchen-stats .badge:before{content:attr(data-count);font-size:2.5rem;font-weight:900;line-height:1;letter-spacing:-1px}.kitchen-stats .badge{font-size:.85rem;text-transform:uppercase;letter-spacing:.5px;color:var(--text-main)}.kitchen-stats .badge.active{background:linear-gradient(135deg,#ff6b3526,#ff6b350d);border-color:#ff6b354d}.kitchen-stats .badge.active:before{color:#ff6b35}.kitchen-stats .badge.ready{background:linear-gradient(135deg,#22c55e26,#22c55e0d);border-color:#22c55e4d}.kitchen-stats .badge.ready:before{color:#22c55e}.btn-toggle-sidebar{display:flex;align-items:center;gap:8px;padding:10px 18px;border-radius:12px;background:var(--bg-secondary);color:var(--primary);font-weight:600;font-size:.85rem;border:1px solid var(--border-medium);transition:all var(--transition-base)}.btn-toggle-sidebar:hover{background:var(--active-bg);border-color:var(--primary);box-shadow:var(--shadow-accent)}.tickets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:32px}.ticket-card{display:flex;flex-direction:column;padding:0;border:2px solid var(--border-medium);overflow:hidden;transition:all var(--transition-base);border-radius:20px;background:var(--bg-secondary);position:relative;box-shadow:0 2px 8px #0000000f}.ticket-card.confirmed{border-left:6px solid #FF6B35;background:linear-gradient(to right,rgba(255,107,53,.05) 0%,var(--bg-secondary) 100%)}.ticket-card.ready{border-left:6px solid #22C55E;background:linear-gradient(to right,rgba(34,197,94,.05) 0%,var(--bg-secondary) 100%)}.ticket-card.shipped{border-left:6px solid #3B82F6;background:linear-gradient(to right,rgba(59,130,246,.05) 0%,var(--bg-secondary) 100%)}.ticket-card.pending{border-left:6px solid #F59E0B;background:linear-gradient(to right,rgba(245,158,11,.05) 0%,var(--bg-secondary) 100%)}.ticket-card.cancelled{border-left:6px solid #EF4444;background:linear-gradient(to right,rgba(239,68,68,.05) 0%,var(--bg-secondary) 100%);opacity:.6}.ticket-card.delayed{border:2px solid #EF4444;animation:pulse-border 2s infinite}@keyframes pulse-border{0%{box-shadow:0 0 #ef444466}70%{box-shadow:0 0 0 10px #ef444400}to{box-shadow:0 0 #ef444400}}.ticket-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:var(--border-medium)}.ticket-header{padding:24px 28px;display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid var(--border-subtle);min-height:80px}.ticket-card.confirmed .ticket-header{background:#ff6b3514}.ticket-card.ready .ticket-header{background:#22c55e14}.ticket-card.shipped .ticket-header{background:#3b82f614}.ticket-card.pending .ticket-header{background:#f59e0b14}.ticket-card.cancelled .ticket-header{background:#ef444414}.order-info{display:flex;flex-direction:column;gap:6px}.order-number{font-weight:900;font-size:1.5rem;color:var(--text-main);letter-spacing:-.5px;line-height:1}.order-meta{display:flex;gap:12px;align-items:center}.order-time{font-size:.85rem;font-weight:700;color:var(--text-secondary);display:flex;align-items:center;gap:4px;background:var(--bg-tertiary);padding:4px 8px;border-radius:6px}.delayed .order-time{background:#ef4444;color:#fff}.order-type{font-size:.85rem;font-weight:700;color:var(--primary)}.status-pill{padding:8px 16px;border-radius:10px;font-size:.8rem;font-weight:800;text-transform:uppercase;letter-spacing:.8px;line-height:1}.status-pill.pending{background:#f59e0b26;color:#d97706;border:1px solid rgba(245,158,11,.3)}.status-pill.confirmed{background:#ff6b3526;color:#ff6b35;border:1px solid rgba(255,107,53,.3)}.status-pill.ready{background:#22c55e26;color:#16a34a;border:1px solid rgba(34,197,94,.3)}.status-pill.shipped{background:#3b82f626;color:#2563eb;border:1px solid rgba(59,130,246,.3)}.status-pill.cancelled{background:#ef444426;color:#dc2626;border:1px solid rgba(239,68,68,.3)}.ticket-body{padding:28px;flex:1;min-height:120px}.items-list{list-style:none;padding:0;margin:0}.items-list li{padding:14px 0;border-bottom:1px solid var(--border-subtle);color:var(--text-main);font-weight:600;font-size:1.1rem;display:flex;align-items:center;gap:12px;line-height:1.4}.items-list li:before{content:"•";font-size:1.5rem;font-weight:900;line-height:1}.ticket-card.confirmed .items-list li:before{color:#ff6b35}.ticket-card.ready .items-list li:before{color:#22c55e}.ticket-card.shipped .items-list li:before{color:#3b82f6}.ticket-card.pending .items-list li:before{color:#f59e0b}.items-list li:last-child{border-bottom:none}.ticket-footer{padding:24px 28px;background:var(--bg-tertiary);border-top:2px solid var(--border-subtle);min-height:80px;display:flex;align-items:center}.btn-ready{width:100%;padding:18px;background:var(--success);color:#fff;border:none;border-radius:12px;font-weight:800;font-size:1rem;display:flex;align-items:center;justify-content:center;gap:12px;cursor:pointer;transition:all var(--transition-base);text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 12px #22c55e40}.btn-ready:hover{background:#16a34a;transform:translateY(-2px);box-shadow:0 6px 20px #22c55e59}.ready-wait{display:flex;align-items:center;justify-content:center;gap:12px;color:var(--success);font-weight:800;padding:14px;font-size:1rem;letter-spacing:.5px}.empty-kitchen{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:100px;color:var(--text-muted);gap:20px}.empty-kitchen svg{opacity:.5}.app-container.sidebar-hidden .sidebar-nav{display:none}@media(max-width:1024px){.contacts-sidebar{width:300px}.sidebar-nav{width:240px}.tickets-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media(max-width:768px){.chat-actions{flex-direction:column;align-items:stretch}.btn-icon,.btn-confirm,.btn-cancel{width:100%;justify-content:center}.metrics-grid{grid-template-columns:1fr}}.modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px}.modal-content{width:100%;max-width:650px;max-height:90vh;overflow-y:auto;border-radius:20px;padding:0;animation:modalIn .3s ease-out;background:#fff!important;color:#000!important;border:1px solid #e2e8f0;box-shadow:0 20px 25px -5px #0000004d}@keyframes modalIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{padding:24px 32px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e2e8f0;background:#f1f5f9!important}.modal-header h2{margin:0;font-size:1.5rem;color:#000!important;font-weight:800}.close-btn{background:transparent;border:none;color:#000!important;cursor:pointer;padding:8px;border-radius:50%;transition:all .2s;display:flex;align-items:center;justify-content:center}.close-btn:hover{background:#0000001a}.modal-form{padding:32px;display:flex;flex-direction:column;gap:24px;background:#fff!important}.form-group-row{display:flex;gap:20px}.form-group-row .form-group{flex:1}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:.9rem;font-weight:700;color:#334155!important;margin-left:4px}.form-group input,.form-group select,.form-group textarea{background:#f8fafc!important;border:2px solid #e2e8f0!important;border-radius:12px;padding:12px 16px;color:#000!important;font-family:Inter,sans-serif;font-size:1rem;font-weight:500;transition:all .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#3b82f6!important;background:#fff!important;box-shadow:0 0 0 4px #3b82f633}.modal-footer{margin-top:12px;display:flex;justify-content:flex-end;gap:16px;padding-top:24px;border-top:1px solid #e2e8f0}.modal-footer .btn-cancel{background:#e2e8f0!important;border:none;color:#000!important;padding:12px 24px;border-radius:12px;font-weight:700;cursor:pointer;transition:all .2s}.modal-footer .btn-cancel:hover{background:#cbd5e1!important}.modal-footer .btn-confirm{background:#2563eb!important;color:#fff!important;border:none;padding:14px 28px;border-radius:12px;font-weight:700;cursor:pointer;transition:all .2s}.modal-footer .btn-confirm:hover{background:#1d4ed8!important;transform:translateY(-2px);box-shadow:0 4px 12px #2563eb66}.btn-delete-small{padding:8px 16px;border-radius:10px;font-size:.8rem;font-weight:800;text-transform:uppercase;letter-spacing:.8px;line-height:1;cursor:pointer;transition:all .2s;background:#ef444426;color:#dc2626;border:1px solid rgba(239,68,68,.3)}.btn-delete-small:hover{background:#ef444440;transform:translateY(-1px);box-shadow:0 4px 12px #dc26261a}.search-bar{display:flex;align-items:center;gap:12px;padding:14px 20px;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-subtle);margin-bottom:32px;max-width:600px;transition:all var(--transition-base)}.search-bar:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #ff6b351a}.search-bar svg{color:var(--text-muted);flex-shrink:0}.search-bar input{flex:1;border:none;background:transparent;color:var(--text-main);font-size:.95rem;outline:none}.search-bar input::placeholder{color:var(--text-muted)}.menu-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;margin-bottom:40px}.menu-card{background:var(--bg-secondary);border-radius:16px;overflow:hidden;border:1px solid var(--border-subtle);transition:all var(--transition-base);display:flex;flex-direction:column}.menu-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--border-medium)}.menu-card.inactive{opacity:.6}.menu-card-image{position:relative;width:100%;height:200px;background:var(--bg-tertiary);overflow:hidden}.menu-card-image img{width:100%;height:100%;object-fit:cover}.menu-card-image .no-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-muted);background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--bg-secondary) 100%)}.menu-card-badge{position:absolute;top:12px;right:12px}.badge-active{padding:6px 12px;border-radius:20px;background:#10b981e6;color:#fff;font-size:.75rem;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-sm)}.badge-inactive{padding:6px 12px;border-radius:20px;background:#ef4444e6;color:#fff;font-size:.75rem;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-sm)}.menu-card-content{padding:20px;flex:1;display:flex;flex-direction:column}.menu-card-content h3{margin:0 0 8px;font-size:1.2rem;font-weight:700;color:var(--text-main)}.menu-card-content .price{font-size:1.5rem;font-weight:700;color:var(--primary);margin:0 0 12px}.menu-card-content .details{font-size:.9rem;color:var(--text-secondary);line-height:1.5;margin:0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.menu-card-actions{padding:16px 20px;border-top:1px solid var(--border-subtle);display:flex;gap:10px}.btn-edit{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border-radius:10px;background:#3b82f61a;color:#3b82f6;font-weight:600;font-size:.85rem;border:1px solid rgba(59,130,246,.2);transition:all var(--transition-base)}.btn-edit:hover{background:#3b82f633;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f633}.btn-delete{padding:10px;border-radius:10px;background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2);transition:all var(--transition-base);display:flex;align-items:center;justify-content:center}.btn-delete:hover{background:#ef444433;transform:translateY(-2px);box-shadow:0 4px 12px #ef444433}.empty-state{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;color:var(--text-muted);gap:16px}.empty-state svg{opacity:.5}.empty-state p{font-size:1.1rem;margin:0}.file-selected{margin-top:8px;font-size:.85rem;color:var(--success);font-weight:500}.current-image{margin-top:12px}.current-image p{font-size:.85rem;color:var(--text-secondary);margin-bottom:8px}.current-image img{max-width:200px;max-height:150px;border-radius:8px;border:1px solid var(--border-subtle);object-fit:cover}.form-group input[type=file]{padding:12px;border-radius:10px;border:1px dashed var(--border-medium);background:var(--bg-tertiary);cursor:pointer;transition:all var(--transition-base)}.form-group input[type=file]:hover{border-color:var(--primary);background:var(--bg-secondary)}.header-info{display:flex;flex-direction:column;gap:4px}.header-info h1{margin:0;font-size:2rem;font-weight:700;color:var(--text-main)}.header-info p{margin:0;color:var(--text-secondary);font-size:.95rem}input:disabled,button:disabled{opacity:.6;cursor:not-allowed!important;background-color:var(--bg-tertiary)!important;color:var(--text-muted)!important}.chat-input-area input:disabled{background-color:#f1f5f9!important}.chat-input-area{padding:16px 24px;background:#fff;border-top:1px solid var(--border-subtle);display:flex;gap:12px;align-items:center}.chat-input-area input{flex:1;padding:12px 16px;border-radius:12px;border:1px solid var(--border-subtle);background:var(--bg-main);color:var(--text-main);font-size:.95rem;transition:all .2s}.chat-input-area input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #ff6b351a}.chat-input-area button{padding:12px;border-radius:12px;background:var(--primary);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.chat-input-area button:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-1px)}.mobile-bottom-nav{display:none}@media(max-width:768px){.btn-toggle-sidebar-inline.desktop-only{display:none!important}.mobile-nav-toggle{display:flex!important;position:absolute;top:15px;left:15px;z-index:50;background:#fff;padding:8px;border-radius:8px;border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);color:var(--text-main)}.sidebar-nav{position:fixed;top:0;left:0;height:100vh;z-index:100;transform:translate(-100%);width:280px!important;transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-lg)}.sidebar-nav.mobile-open{transform:translate(0)}.sidebar-nav.collapsed{width:280px!important}.btn-toggle-sidebar-inline.mobile-only{display:flex!important}.main-content{width:100vw}.chat-layout{position:relative;width:100%;height:100vh}.contacts-sidebar{width:100%!important;display:flex;border-right:none}.chat-window{display:none;width:100%;height:100%;border-left:none}.chat-layout.mobile-show-chat .contacts-sidebar{display:none}.chat-layout.mobile-show-chat .chat-window{display:flex;position:absolute;top:0;left:0;z-index:20;background:var(--bg-main)}.mobile-back-btn{display:flex!important;padding:8px;margin-right:8px}.kitchen-grid,.menu-grid,.metrics-grid{grid-template-columns:1fr!important}.dashboard-layout{padding:0 2%!important;gap:16px!important}.settings-layout{padding:10px!important}.modal-content{width:95%!important;max-height:90vh;overflow-y:auto}.nav-footer .user-info{max-width:180px}}.chat-header{flex-wrap:wrap;height:auto!important;padding:10px;gap:10px}.chat-header-info{width:100%;justify-content:flex-start}.chat-actions{width:100%;display:flex;gap:8px;overflow-x:auto;padding-bottom:5px;white-space:nowrap;justify-content:flex-start}.chat-actions button{flex-shrink:0;font-size:.85rem;padding:8px 12px}.chat-header{position:relative}.mobile-back-btn{position:absolute!important;top:10px;right:10px;background:#0000000d!important;border-radius:50%!important;padding:8px!important;margin:0!important;z-index:20}.dashboard-layout,.metric-card,.settings-layout{overflow-y:auto!important;-webkit-overflow-scrolling:touch}.dashboard-layout{padding-bottom:20px!important;height:100%;display:flex;flex-direction:column}.metrics-grid,.menu-grid{display:flex!important;flex-direction:column!important;overflow-y:visible!important;height:auto!important;gap:15px!important;padding-bottom:80px}.metric-card,.kitchen-order-card,.menu-item-card{width:100%!important;min-height:auto!important;flex:0 0 auto!important}.dashboard-header,.contacts-sidebar .sidebar-header{padding-left:20px!important;padding-top:20px!important}.chat-header.glass{padding-left:20px!important}.order-status-banner{position:relative;overflow:hidden;background:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #E5E7EB;border-radius:12px;padding:12px 16px;margin:0 20px 10px;box-shadow:0 10px 26px #0f172a14;animation:slideInUp .3s ease-out}.order-status-banner:before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:var(--status-accent, #FF6B35)}.order-status-banner .status-content{display:flex;align-items:center;gap:12px}.order-status-banner .status-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--status-icon-bg, #FFF7ED);color:var(--status-accent, #FF6B35);border:1px solid var(--status-border, #FED7AA)}.order-status-banner .status-info{display:flex;flex-direction:column;gap:4px;flex:1}.order-status-banner .status-label{font-weight:800;font-size:.95em;color:#111827}.order-status-banner .status-details{font-size:.85em;opacity:1;color:#374151;font-weight:600}.order-status-banner.status-pending{--status-accent: #F59E0B;--status-icon-bg: #FFF7E6;--status-border: #FED7AA;background:linear-gradient(135deg,#fff,#fff7e6);border-color:#fed7aa}.order-status-banner.status-awaiting_payment{--status-accent: #F97316;--status-icon-bg: #FFF7ED;--status-border: #FDBA74;background:linear-gradient(135deg,#fff,#fff7ed);border-color:#fdba74}.order-status-banner.status-pending .status-icon,.order-status-banner.status-awaiting_payment .status-icon{background:var(--status-icon-bg);color:var(--status-accent)}.order-status-banner.status-confirmed{--status-accent: #2563EB;--status-icon-bg: #EFF6FF;--status-border: #BFDBFE;background:linear-gradient(135deg,#fff,#eff6ff);border-color:#bfdbfe}.order-status-banner.status-confirmed .status-icon{background:var(--status-icon-bg);color:var(--status-accent)}.order-status-banner.status-preparing{--status-accent: #4F46E5;--status-icon-bg: #EEF2FF;--status-border: #C7D2FE;background:linear-gradient(135deg,#fff,#eef2ff);border-color:#c7d2fe}.order-status-banner.status-preparing .status-icon{background:var(--status-icon-bg);color:var(--status-accent)}.order-status-banner.status-ready{--status-accent: #059669;--status-icon-bg: #ECFDF5;--status-border: #A7F3D0;background:linear-gradient(135deg,#fff,#ecfdf5);border-color:#a7f3d0}.order-status-banner.status-ready .status-icon{background:var(--status-icon-bg);color:var(--status-accent)}.order-status-banner.status-shipped{--status-accent: #7C3AED;--status-icon-bg: #F5F3FF;--status-border: #DDD6FE;background:linear-gradient(135deg,#fff,#f5f3ff);border-color:#ddd6fe}.order-status-banner.status-shipped .status-icon{background:var(--status-icon-bg);color:var(--status-accent)}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.order-status-banner{margin:0 10px 10px;padding:10px 12px}.order-status-banner .status-label{font-size:.9em}.order-status-banner .status-details{font-size:.8em}.sidebar-nav{display:none!important}.mobile-bottom-nav{display:flex!important;position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--border-subtle);padding:8px 0;z-index:100;box-shadow:0 -2px 10px #0000001a;justify-content:space-around;align-items:center}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 12px;cursor:pointer;transition:all .2s;color:var(--text-secondary);font-size:.7rem;font-weight:500;border:none;background:none;flex:1;max-width:80px}.mobile-nav-item.active{color:var(--primary)}.mobile-nav-item svg{width:22px;height:22px}.main-content{padding-bottom:70px!important}.mobile-nav-toggle{display:none!important}}.btn-new-order{background:linear-gradient(135deg,var(--primary),#E85A2A);border:none;border-radius:12px;padding:10px 20px;color:#fff;font-weight:600;font-size:.95em;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all var(--transition-base);margin-left:auto;box-shadow:var(--shadow-accent)}.btn-new-order:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ff6b3566}.btn-cancel-sm{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;padding:8px;color:#ef4444;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.btn-cancel-sm:hover{background:#ef444433;transform:scale(1.05)}.shipped-badge{display:flex;align-items:center;gap:8px;color:var(--success);font-weight:600}.modal-overlay{position:fixed;inset:0;background:#1f293399;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--bg-secondary);border-radius:20px;box-shadow:var(--shadow-lg);animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.manual-order-modal{max-width:1500px;width:98vw;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;background:var(--bg-secondary);color:var(--text-main)}.manual-order-modal .modal-header{background:linear-gradient(135deg,var(--primary),#E85A2A);color:#fff;padding:20px 24px;display:flex;justify-content:space-between;align-items:center}.manual-order-modal .modal-header h2{margin:0;font-size:1.4em;font-weight:700;color:#fff}.btn-icon-only{background:#fff3;border:none;border-radius:8px;padding:8px;color:#fff;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.btn-icon-only:hover{background:#ffffff4d;transform:scale(1.05)}.modal-split{display:grid;grid-template-columns:1.4fr 1fr;gap:24px;flex:1;overflow:hidden;padding:24px;background:var(--bg-main)}.products-selector{display:flex;flex-direction:column;gap:16px;overflow:hidden;background:var(--bg-secondary);border-radius:16px;padding:20px;border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm)}.search-box{position:relative;display:flex;align-items:center}.search-box svg{position:absolute;left:14px;color:var(--text-muted);pointer-events:none}.search-box input{width:100%;padding:12px 12px 12px 44px;border:2px solid var(--border-medium);border-radius:12px;background:var(--bg-tertiary);font-size:1em;color:var(--text-main);transition:all var(--transition-base)}.search-box input::placeholder{color:var(--text-muted)}.search-box input:focus{outline:none;border-color:var(--primary);background:var(--bg-secondary);box-shadow:0 0 0 4px #ff6b351a}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px;overflow-y:auto;padding:8px;margin:-8px;max-height:calc(90vh - 280px)}.products-grid::-webkit-scrollbar{width:6px}.products-grid::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:10px}.products-grid::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:10px}.products-grid::-webkit-scrollbar-thumb:hover{background:var(--primary)}.product-card-selector{background:var(--bg-secondary);border:2px solid var(--border-subtle);border-radius:14px;padding:0;display:flex;flex-direction:column;cursor:pointer;transition:all var(--transition-base);position:relative;overflow:hidden}.product-card-selector:hover{transform:translateY(-4px);box-shadow:0 8px 20px #ff6b3540;border-color:var(--primary)}.product-image{width:100%;height:100px;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;overflow:hidden}.product-image img{width:100%;height:100%;object-fit:cover}.product-image:before{content:"🍽️";font-size:32px;opacity:.3}.product-image:has(img):before{display:none}.product-info{padding:12px;display:flex;flex-direction:column;gap:4px}.product-info h4{margin:0;font-size:.9em;font-weight:600;color:var(--text-main);line-height:1.3}.product-price{font-size:1.05em;font-weight:700;color:var(--primary);margin:0}.product-details{font-size:.75em;color:var(--text-secondary);margin:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.btn-add-product{position:absolute;top:8px;right:8px;background:var(--success);border:none;border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:all var(--transition-fast);box-shadow:0 2px 8px #22c55e66}.btn-add-product:hover{transform:scale(1.15) rotate(90deg);box-shadow:0 4px 16px #22c55e80}.manual-cart{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:16px;overflow-y:auto;max-height:calc(90vh - 200px);box-shadow:var(--shadow-sm)}.manual-cart::-webkit-scrollbar{width:6px}.manual-cart::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:10px}.manual-cart::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:10px}.manual-cart h3{margin:0;font-size:1.2em;color:var(--primary);font-weight:700;display:flex;align-items:center;gap:8px}.empty-cart,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:40px 20px;color:var(--text-muted);flex:1}.empty-cart svg,.empty-state svg{opacity:.3;color:var(--text-muted)}.empty-cart p,.empty-state p{color:var(--text-secondary);font-size:.95em}.cart-items{display:flex;flex-direction:column;gap:10px}.cart-item{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:8px;transition:all var(--transition-fast)}.cart-item:hover{border-color:var(--border-medium);box-shadow:var(--shadow-sm)}.cart-item-info{display:flex;justify-content:space-between;align-items:center}.cart-item-name{font-weight:600;font-size:.95em;color:var(--text-main)}.cart-item-price{color:var(--primary);font-size:.9em;font-weight:600}.cart-item-controls{display:flex;align-items:center;gap:10px}.btn-qty{background:var(--bg-secondary);border:2px solid var(--border-medium);border-radius:8px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;color:var(--primary);cursor:pointer;font-weight:700;font-size:1.1em;transition:all var(--transition-fast)}.btn-qty:hover{background:var(--hover-bg);border-color:var(--primary);transform:scale(1.05)}.qty{font-weight:700;min-width:28px;text-align:center;color:var(--text-main);font-size:1em}.cart-item-subtotal{font-weight:700;color:var(--success);margin-left:auto;font-size:1em}.btn-remove{background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:8px;padding:6px;color:#ef4444;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.btn-remove:hover{background:#ef444433;transform:scale(1.1)}.order-form{display:flex;flex-direction:column;gap:14px;padding:16px 0;border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle)}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:.85em;font-weight:600;color:var(--text-secondary)}.form-group input,.form-group select{padding:10px 14px;border:2px solid var(--border-medium);border-radius:10px;background:var(--bg-tertiary);color:var(--text-main);font-size:.95em;transition:all var(--transition-base)}.form-group input::placeholder{color:var(--text-muted)}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--primary);background:var(--bg-secondary);box-shadow:0 0 0 4px #ff6b351a}.form-group select{cursor:pointer}.form-group input[type=range]{padding:0;cursor:pointer;accent-color:var(--primary);height:8px;border-radius:4px;background:var(--bg-tertiary);border:none}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cart-summary{display:flex;flex-direction:column;gap:10px;padding:16px 0;border-top:2px solid var(--border-medium)}.summary-row{display:flex;justify-content:space-between;font-size:.95em;color:var(--text-secondary)}.summary-row span:last-child{color:var(--text-main);font-weight:600}.summary-row.discount{color:#f59e0b}.summary-row.discount span:last-child{color:#f59e0b}.summary-row.total{font-size:1.25em;font-weight:700;color:var(--success);padding-top:10px;border-top:1px solid var(--border-subtle)}.summary-row.total span:first-child,.summary-row.total span:last-child{color:var(--success)}.modal-footer{display:flex;gap:12px;padding-top:12px}.modal-footer .btn-cancel{flex:1;padding:14px;background:var(--bg-tertiary);border:2px solid var(--border-medium);border-radius:12px;color:var(--text-secondary);font-weight:600;cursor:pointer;transition:all var(--transition-base)}.modal-footer .btn-cancel:hover{background:var(--bg-main);border-color:var(--text-muted);transform:translateY(-2px)}.modal-footer .btn-confirm{flex:2;padding:14px;background:linear-gradient(135deg,var(--success),#16a34a);border:none;border-radius:12px;color:#fff;font-weight:700;font-size:1em;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all var(--transition-base);box-shadow:0 4px 14px #22c55e4d}.modal-footer .btn-confirm:hover{transform:translateY(-2px);box-shadow:0 8px 24px #22c55e66}@media(max-width:968px){.modal-split{grid-template-columns:1fr;gap:16px;overflow-y:auto;max-height:calc(90vh - 80px)}.products-selector{max-height:350px;min-height:300px}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px;overflow-y:auto;padding:8px;margin:-8px;max-height:calc(90vh - 280px)}.manual-order-modal{width:98vw;max-height:95vh}.btn-new-order{padding:8px 14px;font-size:.85em}.manual-cart{max-height:none;overflow:visible}}@media(max-width:480px){.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px;overflow-y:auto;padding:8px;margin:-8px;max-height:calc(90vh - 280px)}.form-row{grid-template-columns:1fr}.modal-split{padding:16px}.product-image{height:80px}.product-info{padding:10px}.modal-footer{flex-direction:column}.modal-footer .btn-cancel,.modal-footer .btn-confirm{flex:none}}.product-placeholder{font-size:40px;opacity:.4}.landing-page{min-height:100vh;overflow-x:hidden;background:linear-gradient(180deg,#fff8f4f5,#f9fafb 40%),#f9fafb;color:#111827}.landing-page a{color:inherit;text-decoration:none}.landing-nav{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:18px 0;display:flex;align-items:center;justify-content:space-between;gap:18px}.landing-brand{display:inline-flex;align-items:center;gap:10px;font-size:1.08rem;font-weight:800}.landing-brand-mark{width:38px;height:38px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:#ff6b35;color:#fff;box-shadow:0 12px 28px #ff6b3538;font-size:.92rem}.landing-nav-links{display:flex;align-items:center;gap:24px;color:#4b5563;font-size:.92rem;font-weight:650}.landing-nav-links a:hover{color:#111827}.landing-nav-cta,.landing-primary-btn,.landing-secondary-btn,.pricing-card button,.contact-form button{min-height:44px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:750;line-height:1}.landing-nav-cta,.landing-primary-btn,.pricing-card.highlighted button,.contact-form button{background:#111827;color:#fff;box-shadow:0 16px 34px #11182729}.landing-nav-cta{padding:0 18px}.landing-hero{width:min(1180px,calc(100% - 32px));min-height:calc(100vh - 74px);margin:0 auto;padding:64px 0 88px;display:grid;grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr);gap:56px;align-items:center}.landing-hero-copy{max-width:650px}.landing-kicker,.landing-section-heading span,.landing-final-cta>div>span{display:inline-flex;align-items:center;gap:8px;margin-bottom:18px;padding:8px 12px;border:1px solid #fed7aa;border-radius:999px;background:#fff7ed;color:#9a3412;font-size:.82rem;font-weight:800}.landing-hero h1{margin:0;font-size:clamp(2.65rem,6vw,5.45rem);line-height:.98;letter-spacing:0;color:#111827}.landing-hero-copy>p{margin:24px 0 0;color:#4b5563;font-size:1.14rem;line-height:1.7;max-width:590px}.landing-hero-actions{margin-top:32px;display:flex;gap:14px;flex-wrap:wrap}.landing-primary-btn,.landing-secondary-btn{padding:0 22px}.landing-secondary-btn,.pricing-card button{background:#fff;color:#111827;border:1px solid #e5e7eb}.landing-primary-btn:hover,.landing-nav-cta:hover,.contact-form button:hover{transform:translateY(-2px);box-shadow:0 20px 42px #11182733}.landing-secondary-btn:hover,.pricing-card button:hover{transform:translateY(-2px);border-color:#d1d5db;box-shadow:0 16px 32px #0f172a1a}.landing-trust-row{margin-top:28px;display:flex;flex-wrap:wrap;gap:12px}.landing-trust-row span{display:inline-flex;align-items:center;gap:7px;padding:9px 12px;border:1px solid #e5e7eb;border-radius:999px;background:#ffffffb8;color:#374151;font-size:.86rem;font-weight:700}.landing-trust-row svg{color:#059669}.landing-hero-visual{position:relative}.mockup-shell{min-height:540px;border-radius:8px;border:1px solid rgba(17,24,39,.12);background:#fff;box-shadow:0 32px 80px #0f172a29;display:grid;grid-template-columns:84px 1fr;overflow:hidden}.mockup-sidebar{padding:28px 18px;background:#1f2933;display:flex;flex-direction:column;gap:14px}.mockup-sidebar span{height:36px;border-radius:8px;background:#ffffff24}.mockup-sidebar span:first-child{background:#ff6b35}.mockup-main{min-width:0;padding:24px;background:linear-gradient(180deg,#fff,#f8fafc);display:flex;flex-direction:column;gap:20px}.mockup-topbar,.order-preview-header,.demo-panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.mockup-topbar{padding-bottom:18px;border-bottom:1px solid #e5e7eb}.mockup-topbar strong{font-size:1.1rem}.mockup-topbar span,.order-preview-header b,.demo-panel-header b{padding:7px 10px;border-radius:999px;background:#ecfdf5;color:#047857;font-size:.78rem;font-weight:800}.mockup-content{display:grid;grid-template-columns:1fr;gap:18px}.chat-preview,.order-preview,.demo-panel,.benefit-card,.product-grid article,.pricing-card,.contact-form{border:1px solid #e5e7eb;background:#fff;border-radius:8px;box-shadow:0 16px 36px #0f172a12}.chat-preview{padding:18px;display:flex;flex-direction:column;gap:12px}.chat-row{width:fit-content;max-width:82%;padding:12px 14px;border-radius:14px;color:#111827;font-size:.92rem;font-weight:650}.chat-row.customer{background:#f3f4f6}.chat-row.assistant{margin-left:auto;background:#ffedd5}.chat-row.short{max-width:64%}.order-preview{padding:18px}.order-preview-header{margin-bottom:18px}.order-preview-header span{font-weight:850}.order-line{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-top:1px solid #f3f4f6;color:#4b5563}.order-line strong{color:#111827}.fulfillment-status{margin-top:10px;padding:12px;border-radius:8px;display:flex;align-items:center;gap:10px;background:#eff6ff;color:#1d4ed8;font-weight:800}.metrics-strip{margin-top:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.metrics-strip div{padding:16px;border-radius:8px;background:#111827;color:#fff}.metrics-strip b,.metrics-strip span{display:block}.metrics-strip b{font-size:1.45rem}.metrics-strip span{margin-top:3px;color:#d1d5db;font-size:.78rem}.landing-section{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:84px 0}.landing-section-heading{max-width:740px;margin-bottom:36px}.landing-section-heading.compact{max-width:670px}.landing-section-heading h2,.landing-final-cta h2{margin:0;color:#111827;font-size:clamp(2rem,4vw,3.4rem);line-height:1.05;letter-spacing:0}.landing-section-heading p,.landing-final-cta p{margin:16px 0 0;color:#5b6472;font-size:1.02rem;line-height:1.65}.product-grid,.benefits-grid,.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.product-grid article,.benefit-card{padding:24px}.product-grid svg,.benefit-icon{color:#ff6b35}.product-grid h3,.benefit-card h3,.pricing-card h3{margin:18px 0 8px;font-size:1.08rem}.product-grid p,.benefit-card p,.pricing-card p,.demo-caption{margin:0;color:#5b6472;line-height:1.55;font-size:.95rem}.benefits-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.benefit-icon{width:46px;height:46px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;background:#fff7ed}.flow-section{padding-top:46px}.flow-list{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.flow-step{position:relative;min-height:136px;padding:18px;border-radius:8px;background:#fff;border:1px solid #e5e7eb}.flow-step span{width:32px;height:32px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#111827;color:#fff;font-weight:850;font-size:.86rem}.flow-step p{margin-top:18px;color:#374151;font-weight:750;line-height:1.35}.demo-section{width:100%;padding:86px max(16px,calc((100% - 1180px)/2));background:#111827;color:#fff}.demo-section .landing-section-heading h2,.demo-section .landing-section-heading p{color:#fff}.demo-section .landing-section-heading p{color:#d1d5db}.demo-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:18px}.demo-panel{min-height:210px;padding:22px;background:#fff;color:#111827}.demo-panel.large{grid-row:span 2}.demo-panel-header span{font-weight:850}.demo-chat-lines{margin-top:30px;display:flex;flex-direction:column;gap:14px}.demo-chat-lines span{padding:14px;border-radius:8px;background:#f8fafc;color:#374151;font-weight:650}.demo-ticket{margin-top:30px;padding:18px;border-radius:8px;background:#fff7ed;border:1px solid #fed7aa}.demo-ticket strong{font-size:1.8rem}.demo-ticket p{margin-top:8px;color:#6b7280}.payment-meter{margin:38px 0 14px;height:12px;border-radius:999px;background:#e5e7eb;overflow:hidden}.payment-meter span{display:block;width:78%;height:100%;border-radius:inherit;background:#22c55e}.integration-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.integration-list article{min-height:112px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#374151;font-weight:800}.integration-list svg{color:#ff6b35}.pricing-card{position:relative;padding:28px}.pricing-card.highlighted{border-color:#111827;box-shadow:0 28px 64px #11182724}.plan-badge{display:inline-flex;margin-bottom:18px;padding:7px 10px;border-radius:999px;background:#111827;color:#fff;font-size:.76rem;font-weight:850}.pricing-card h3{margin-top:0;font-size:1.3rem}.plan-price{margin:24px 0}.plan-price strong,.plan-price span{display:block}.plan-price strong{font-size:2rem;line-height:1}.plan-price span{margin-top:6px;color:#6b7280;font-weight:650}.pricing-card ul{list-style:none;display:flex;flex-direction:column;gap:12px;margin-bottom:26px}.pricing-card li{display:flex;align-items:center;gap:9px;color:#374151;font-weight:650}.pricing-card li svg{color:#059669}.pricing-card button{width:100%}.landing-final-cta{width:min(1180px,calc(100% - 32px));margin:12px auto 0;padding:44px;border-radius:8px;display:grid;grid-template-columns:1fr 420px;gap:40px;align-items:start;background:#fffbf8;border:1px solid #fed7aa}.contact-options{margin-top:24px;display:flex;gap:12px;flex-wrap:wrap}.contact-options a{display:inline-flex;align-items:center;gap:8px;padding:11px 13px;border-radius:8px;background:#fff;border:1px solid #fed7aa;color:#111827;font-weight:750}.contact-form{padding:22px;display:flex;flex-direction:column;gap:14px}.contact-form label{display:flex;flex-direction:column;gap:7px;color:#374151;font-size:.88rem;font-weight:750}.contact-form input,.contact-form textarea{width:100%;border:1px solid #e5e7eb;border-radius:8px;background:#fff;color:#111827;font:inherit;padding:12px 13px;resize:vertical}.contact-form input:focus,.contact-form textarea:focus{outline:none;border-color:#ff6b35;box-shadow:0 0 0 3px #ff6b351f}.landing-footer{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:46px 0 34px;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:28px;color:#4b5563}.landing-footer strong{display:block;color:#111827;font-size:1.05rem}.landing-footer p{margin-top:6px}.footer-links{display:flex;gap:18px;font-weight:700}.footer-links a:hover{color:#111827}@media(max-width:980px){.landing-nav-links{display:none}.landing-hero{grid-template-columns:1fr;padding-top:48px}.landing-hero-copy{max-width:760px}.product-grid,.benefits-grid,.pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.flow-list,.integration-list{grid-template-columns:repeat(3,minmax(0,1fr))}.landing-final-cta{grid-template-columns:1fr}.landing-footer{grid-template-columns:1fr;align-items:start}}@media(max-width:640px){.landing-nav{width:min(100% - 24px,1180px)}.landing-nav-cta{display:none}.landing-hero,.landing-section,.landing-final-cta,.landing-footer{width:min(100% - 24px,1180px)}.landing-hero{min-height:auto;padding:34px 0 64px;gap:38px}.landing-kicker{align-items:flex-start;border-radius:8px}.landing-hero-copy>p{font-size:1rem}.landing-primary-btn,.landing-secondary-btn,.landing-trust-row span{width:100%}.mockup-shell{min-height:auto;grid-template-columns:1fr}.mockup-sidebar{display:none}.mockup-main{padding:16px}.metrics-strip{grid-template-columns:1fr}.landing-section{padding:56px 0}.product-grid,.benefits-grid,.pricing-grid,.flow-list,.demo-grid,.integration-list{grid-template-columns:1fr}.demo-section{padding:58px 12px}.demo-panel.large{grid-row:auto}.landing-final-cta{padding:26px 18px}.contact-options a{width:100%}.footer-links{flex-direction:column;gap:10px}}.privacy-page{background:#f9fafb}.privacy-back-link{min-height:42px;padding:0 14px;border-radius:10px;display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid #e5e7eb;color:#111827;font-weight:750}.privacy-back-link:hover{transform:translateY(-1px);box-shadow:0 12px 24px #0f172a14}.privacy-content{width:min(820px,calc(100% - 32px));margin:54px auto 90px;padding:42px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;box-shadow:0 24px 56px #0f172a14}.privacy-icon{width:56px;height:56px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:#fff7ed;color:#ff6b35}.privacy-content h1{margin:24px 0 14px;font-size:clamp(2.1rem,5vw,3.2rem);line-height:1.05;letter-spacing:0}.privacy-content>p,.privacy-content section p{color:#4b5563;line-height:1.7}.privacy-content section{margin-top:30px;padding-top:28px;border-top:1px solid #e5e7eb}.privacy-content h2{margin-bottom:10px;font-size:1.18rem}.privacy-content section a{display:inline-flex;align-items:center;gap:6px;color:#111827;font-weight:800}@media(max-width:640px){.privacy-content{width:min(100% - 24px,820px);margin-top:28px;padding:26px 18px}}