@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg-page:#f6f4f1;--bg-sidebar:#fdfcfa;--bg-card:#fff;--surface-subtle:#ede8e3;--surface-elevated:#fff;--surface-soft:#f5f2ee;--surface-warm:#f0ede8;--surface-info:#eff6ff;--surface-warning:#fffbeb;--surface-danger:#fef2f2;--surface-success:#dcfce7;--surface-purple:#f3e8ff;--page-gradient-start:#f6f4f1;--page-gradient-end:#ede8e3;--sidebar-width:220px;--text-primary:#1a1d2e;--text-secondary:#6b7280;--text-muted:#9ca3af;--text-strong:#0f172a;--text-success:#15803d;--text-danger:#dc2626;--text-info:#2563eb;--text-warning:#b45309;--text-purple:#7c3aed;--accent:#22c55e;--accent-soft:#dcfce7;--accent-dark:#16a34a;--danger:#ef4444;--danger-soft:#fef2f2;--warning:#f59e0b;--warning-soft:#fef9c3;--blue:#3b82f6;--blue-soft:#eff6ff;--orange:#f97316;--orange-soft:#fff7ed;--completed-bg:#f0fdf4;--border:#dbe4ee;--border-light:#e9eff5;--shadow-sm:0 1px 3px #0f172a0d, 0 1px 2px #0f172a0a;--shadow-md:0 14px 28px #0f172a12, 0 6px 12px #0f172a0a;--shadow-lg:0 24px 48px #0f172a17, 0 10px 22px #0f172a0d;--radius:12px;--radius-sm:8px;--radius-lg:20px;--overlay-bg:#0f172a6b}[data-theme=dark]{--bg-page:#141210;--bg-sidebar:#1a1815;--bg-card:#1f1d1a;--surface-subtle:#242220;--surface-elevated:#272420;--surface-soft:#1a1815;--surface-warm:#e5aa700f;--surface-info:#60a5fa24;--surface-warning:#fbbf2424;--surface-danger:#fb718524;--surface-success:#34d39924;--surface-purple:#a855f729;--page-gradient-start:#141210;--page-gradient-end:#141210;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--text-strong:#e2e8f0;--text-success:#6ee7b7;--text-danger:#fda4af;--text-info:#93c5fd;--text-warning:#fcd34d;--text-purple:#c4b5fd;--accent:#34d399;--accent-soft:#34d39924;--accent-dark:#6ee7b7;--danger:#fb7185;--danger-soft:#fb71851f;--warning:#fbbf24;--warning-soft:#fbbf2424;--blue:#60a5fa;--blue-soft:#60a5fa24;--orange:#fb923c;--orange-soft:#fb923c24;--completed-bg:#34d3991f;--border:#94a3b82e;--border-light:#94a3b81f;--shadow-sm:0 1px 2px #0000003d;--shadow-md:0 10px 20px #00000038;--shadow-lg:0 16px 40px #0000004d;--overlay-bg:#0206179e}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-page);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;transition:background .2s,color .2s}.app-shell{height:100vh;display:flex;overflow:hidden}.sidebar{width:var(--sidebar-width);background:var(--bg-sidebar);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;transition:width .22s,border-color .22s,box-shadow .22s;display:flex;overflow:hidden;box-shadow:inset -1px 0 #ffffff8c}.sidebar.collapsed{width:0;box-shadow:none;border-right-color:#0000}.sidebar-logo,.sidebar-nav,.sidebar-footer{transition:opacity .16s,transform .22s}.sidebar.collapsed .sidebar-logo,.sidebar.collapsed .sidebar-nav,.sidebar.collapsed .sidebar-footer{opacity:0;pointer-events:none;transform:translate(-14px)}.sidebar-logo{color:var(--text-primary);letter-spacing:-.3px;border-bottom:1px solid var(--border-light);background:linear-gradient(180deg, color-mix(in srgb, var(--surface-soft) 90%, white), transparent);align-items:center;gap:10px;padding:24px 20px 20px;font-size:20px;font-weight:700;display:flex}.sidebar-logo img{object-fit:contain;width:32px;height:32px}.sidebar-nav{flex-direction:column;flex:1;gap:2px;padding:8px 12px;display:flex}.nav-item{border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:12px;padding:10px 14px;font-size:14px;font-weight:500;transition:all .15s;display:flex;position:relative}.nav-item:hover{background:var(--surface-soft);color:var(--text-primary)}.nav-item.active{color:var(--accent);background:color-mix(in srgb, var(--accent-soft) 48%, transparent);font-weight:600}.nav-item.active:before{content:"";background:var(--accent);border-radius:0 3px 3px 0;width:3px;position:absolute;top:8px;bottom:8px;left:0}.nav-icon{text-align:center;justify-content:center;align-items:center;width:22px;font-size:18px;display:flex}.nav-icon svg{stroke:currentColor;fill:none;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.sidebar-footer{border-top:1px solid var(--border-light);padding:12px}.main-area{background:var(--bg-page);flex-direction:column;flex:1;display:flex;overflow:hidden}.topbar{background:var(--bg-card);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;height:64px;padding:0 28px;display:flex;box-shadow:0 1px #0f172a08}.topbar-left{align-items:center;gap:16px;min-width:38px;display:flex}.topbar-left h1{display:none}.topbar-right{align-items:center;gap:16px;display:flex}.topbar-menu-btn{flex-shrink:0}.workspace-switcher{flex-direction:column;gap:4px;display:flex}.workspace-switcher-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);font-size:10px;font-weight:700}.workspace-switcher-select{border-radius:var(--radius-sm);border:1px solid var(--border);background:color-mix(in srgb, var(--surface-soft) 76%, transparent);min-width:220px;height:38px;color:var(--text-primary);outline:none;padding:0 12px;font-family:Inter,sans-serif;font-size:13px;font-weight:600}.workspace-switcher-select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #22c55e1a}.workspace-add-btn{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-card);height:38px;color:var(--text-primary);cursor:pointer;padding:0 14px;font-family:Inter,sans-serif;font-size:13px;font-weight:700;transition:all .15s}.workspace-add-btn:hover{border-color:var(--accent);background:var(--surface-soft)}.topbar-icon-btn{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-card);cursor:pointer;justify-content:center;align-items:center;width:38px;height:38px;transition:background .15s;display:flex}.topbar-icon-btn:hover{background:var(--surface-soft)}.topbar-icon-btn svg{width:18px;height:18px;stroke:var(--text-secondary);fill:none;stroke-width:1.8px}.user-chip{border:1px solid var(--border);cursor:pointer;border-radius:999px;align-items:center;gap:10px;padding:5px 14px 5px 5px;transition:background .15s;display:flex}.user-chip:hover{background:var(--surface-soft)}.user-avatar{background:var(--accent-soft);width:32px;height:32px;color:var(--accent-dark);border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.user-name{font-size:14px;font-weight:600}.content-area{background:linear-gradient(180deg, var(--page-gradient-start) 0%, var(--page-gradient-end) 240px, var(--bg-page) 100%);flex:1;padding:24px 28px;overflow-y:auto}.page-header{border-bottom:1px solid color-mix(in srgb, var(--border-light) 72%, transparent);align-items:center;gap:16px;margin-bottom:24px;padding:4px 2px 10px;display:flex}.page-title{letter-spacing:-.3px;font-size:22px;font-weight:700}.filter-dropdown{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);background:var(--bg-card);cursor:pointer;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.filter-dropdown:hover{border-color:var(--text-muted);background:var(--bg-page)}.date-picker-input{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);background:var(--bg-card);cursor:pointer;outline:none;padding:8px 12px;font-family:Inter,sans-serif;font-size:14px;transition:all .15s}.date-picker-input:hover{border-color:var(--text-muted)}.date-picker-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.card{background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow-sm);transition:all .2s cubic-bezier(.4,0,.2,1)}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.card-header{border-bottom:1px solid var(--border-light);background:linear-gradient(180deg, color-mix(in srgb, var(--surface-soft) 92%, white), transparent);border-radius:var(--radius) var(--radius) 0 0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.card-title{color:var(--text-primary);text-transform:uppercase;letter-spacing:.8px;opacity:.8;font-size:14px;font-weight:700}.hero-block{background:var(--bg-card);background-image:radial-gradient(at 100% 0%, var(--surface-warm) 0%, transparent 45%), radial-gradient(at 0% 100%, var(--surface-subtle) 0%, transparent 40%);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-md), inset 0 0 0 1px #fff9;justify-content:space-between;align-items:center;margin-bottom:32px;padding:40px;display:flex;position:relative;overflow:hidden}.hero-block:before{content:"";pointer-events:none;background:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23000000' fill-opacity='0.02' fill-rule='evenodd'%3E%3Ccircle cx='3' cy='3' r='1'/%3E%3C/g%3E%3C/svg%3E");width:100%;height:100%;position:absolute;top:0;left:0}.hero-content h2{color:var(--text-primary);letter-spacing:-.8px;margin-bottom:10px;font-size:28px;font-weight:800}.hero-subtitle{color:var(--text-secondary);max-width:520px;font-size:16px;line-height:1.6}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:22px;display:flex}.hero-primary-btn,.hero-secondary-btn{cursor:pointer;border-radius:14px;justify-content:center;align-items:center;gap:10px;height:44px;padding:0 18px;font-family:Inter,sans-serif;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex}.hero-primary-btn{color:#fff;background:linear-gradient(135deg,#22c55e 0%,#16a34a 100%);border:1px solid #0000;box-shadow:0 12px 24px -12px #22c55e8c}.hero-primary-btn svg{stroke:currentColor;fill:none;stroke-width:2px;width:16px;height:16px}.hero-primary-btn:hover{transform:translateY(-1px);box-shadow:0 16px 28px -14px #22c55ea6}.hero-secondary-btn{border:1px solid var(--border);background:color-mix(in srgb, var(--bg-card) 88%, transparent);color:var(--text-primary)}.hero-secondary-btn:hover{background:var(--surface-elevated);border-color:var(--border)}.hero-primary-btn:disabled,.hero-secondary-btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.hero-time{text-align:right;background:color-mix(in srgb, var(--bg-card) 58%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid color-mix(in srgb, var(--border) 82%, transparent);border-radius:16px;flex-direction:column;gap:6px;padding:16px 24px;display:flex;box-shadow:0 4px 12px #00000008}.hero-time-value{color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:24px;font-weight:800}.hero-date{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-size:12px;font-weight:700}.dashboard-grid{grid-template-columns:1.6fr 1fr;gap:24px;margin-top:32px;display:grid}.op-section{background:linear-gradient(180deg, color-mix(in srgb, var(--surface-soft) 38%, transparent), transparent 24%);padding:24px 32px}.op-row{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:16px 0;transition:background .15s;display:flex}.op-row:hover{background:#00000001}.op-row:last-child{border-bottom:none}.op-label{color:var(--text-secondary);align-items:center;gap:12px;font-size:14px;font-weight:600;display:flex}.op-value{color:var(--text-primary);font-size:15px;font-weight:800}.progress-container{background:var(--surface-subtle);border-radius:999px;width:100%;height:10px;margin-top:14px;overflow:hidden;box-shadow:inset 0 1px 2px #0000000d}.progress-bar{background:var(--accent);background-image:linear-gradient(90deg, var(--accent) 0%, var(--accent-dark) 100%);border-radius:999px;height:100%;transition:width .8s cubic-bezier(.16,1,.3,1)}.handoff-list{flex-direction:column;gap:16px;display:flex}.handoff-mini-card{background:var(--bg-card);border:1px solid var(--border);border-left:4px solid var(--danger);cursor:pointer;border-radius:12px;padding:18px;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #00000005}.handoff-mini-card:hover{border-color:var(--danger);transform:translate(6px);box-shadow:0 8px 16px -4px #0000000d}.actions-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:32px;display:grid}.action-card{cursor:pointer;background:linear-gradient(180deg, var(--bg-card), color-mix(in srgb, var(--surface-soft) 35%, white));border:1px solid var(--border);flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:24px 16px;transition:all .25s;display:flex}.action-card:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:0 15px 30px -5px #00000014}.action-icon{background:var(--bg-page);width:44px;height:44px;color:var(--text-secondary);border:1px solid #0000;border-radius:14px;justify-content:center;align-items:center;transition:all .2s;display:flex}.action-card:hover .action-icon{background:var(--accent-soft);color:var(--accent-dark);border-color:#22c55e33}.action-label{color:var(--text-primary);letter-spacing:.2px;font-size:13px;font-weight:700}.reservation-modal-backdrop{background:var(--overlay-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:50;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.reservation-modal{border-radius:28px;width:min(760px,100%);padding:28px;box-shadow:0 24px 60px -24px #0f172a59}.reservation-modal-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.reservation-modal-kicker{text-transform:uppercase;letter-spacing:.9px;color:var(--accent);margin-bottom:10px;font-size:11px;font-weight:800}.reservation-modal-header h3{letter-spacing:-.8px;margin-bottom:8px;font-size:28px}.reservation-modal-header p{color:var(--text-secondary);max-width:420px;line-height:1.6}.reservation-modal-close{border:1px solid var(--border);background:var(--bg-card);width:40px;height:40px;color:var(--text-secondary);cursor:pointer;border-radius:12px;font-size:16px}.reservation-modal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.reservation-modal-notes{grid-column:1/-1}.reservation-modal-notes textarea{resize:vertical;min-height:108px}.reservation-modal .form-group label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:12px;font-weight:700;display:block}.reservation-modal .form-group input,.reservation-modal .form-group textarea{border:1px solid var(--border);background:var(--surface-soft);width:100%;color:var(--text-primary);border-radius:14px;outline:none;padding:12px 14px;font-family:Inter,sans-serif;font-size:14px;transition:all .18s}.reservation-modal .form-group input:focus,.reservation-modal .form-group textarea:focus{border-color:var(--accent);background:var(--bg-card);box-shadow:0 0 0 4px #22c55e1a}.reservation-modal-error{background:var(--surface-danger);color:var(--text-danger);border-radius:14px;margin-top:18px;padding:12px 14px;font-size:13px;font-weight:600}.reservation-modal-actions{justify-content:flex-end;gap:12px;margin-top:22px;display:flex}.stat-card{border:1px solid var(--border);background:linear-gradient(180deg, var(--bg-card), color-mix(in srgb, var(--surface-soft) 22%, white));flex-direction:column;gap:18px;padding:24px;display:flex;position:relative;overflow:hidden}.stat-card:after{content:"";opacity:.8;background:0 0;width:100%;height:4px;position:absolute;bottom:0;left:0}.stat-card.active-line:after{background:var(--accent)}.stat-card.blue-line:after{background:var(--blue)}.stat-card.orange-line:after{background:var(--orange)}.stat-card .stat-icon{border-radius:12px;width:44px;height:44px;box-shadow:0 4px 10px #00000008}.stat-card .stat-value{color:var(--text-primary);letter-spacing:-1px;font-size:30px;font-weight:800}.stat-card .stat-label{text-transform:uppercase;letter-spacing:.5px;opacity:.7;font-size:13px;font-weight:600}.stats-row{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.stat-card-top{justify-content:space-between;align-items:flex-start;display:flex}.stat-icon{border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.stat-icon.green{background:var(--accent-soft)}.stat-icon.blue{background:var(--blue-soft)}.stat-icon.yellow{background:var(--warning-soft)}.stat-icon.red{background:var(--danger-soft)}.stat-value{letter-spacing:-.5px;font-size:26px;font-weight:700}.stat-label{color:var(--text-secondary);font-size:13px;font-weight:500}.stat-badge{background:var(--accent-soft);color:var(--accent);border-radius:999px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}.reservations-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.res-card{background:linear-gradient(180deg, var(--bg-card), color-mix(in srgb, var(--surface-soft) 24%, white));flex-direction:column;gap:0;padding:20px;transition:box-shadow .2s,transform .2s;display:flex}.res-card:hover{box-shadow:var(--shadow-md)}.res-card-toprow{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.status-badge{letter-spacing:.2px;border-radius:999px;padding:4px 12px;font-size:12px;font-weight:600}.status-incoming{background:var(--orange-soft);color:var(--orange)}.status-confirmed{background:var(--accent-soft);color:var(--accent-dark)}.status-completed{background:var(--completed-bg);color:var(--text-success)}.status-cancelled{background:var(--danger-soft);color:var(--danger)}.table-selector{align-items:center;gap:8px;display:flex}.table-select{border:1px solid var(--border);color:var(--text-primary);background:var(--bg-card);cursor:pointer;border-radius:6px;padding:4px 10px;font-family:Inter,sans-serif;font-size:13px;font-weight:500}.menu-dots{cursor:pointer;width:28px;height:28px;color:var(--text-muted);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;font-size:18px;transition:background .15s;display:flex}.menu-dots:hover{background:var(--bg-page)}.res-card-body{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.customer-info{flex:1}.customer-header{align-items:center;gap:10px;margin-bottom:10px;display:flex}.customer-avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:15px;font-weight:700;display:flex}.avatar-green{background:var(--accent-soft);color:var(--accent-dark)}.avatar-blue{background:var(--blue-soft);color:var(--blue)}.avatar-orange{background:var(--orange-soft);color:var(--orange)}.avatar-red{background:var(--danger-soft);color:var(--danger)}.avatar-purple{background:var(--surface-purple);color:var(--text-purple)}.customer-name{color:var(--text-primary);font-size:16px;font-weight:700}.customer-details{flex-direction:column;gap:5px;display:flex}.detail-row{color:var(--text-secondary);align-items:center;gap:8px;font-size:13px;display:flex}.detail-row svg{width:14px;height:14px;stroke:var(--text-muted);fill:none;stroke-width:2px;flex-shrink:0}.table-visual{flex-direction:column;align-items:center;gap:4px;min-width:70px;display:flex}.table-icon-svg{width:64px;height:52px}.table-meta{flex-direction:column;align-items:flex-end;gap:3px;display:flex}.meta-row{color:var(--text-secondary);align-items:center;gap:5px;font-size:12px;font-weight:500;display:flex}.meta-row svg{width:13px;height:13px;stroke:var(--text-muted);fill:none;stroke-width:2px}.res-card-actions{border-top:1px solid var(--border-light);gap:8px;margin-top:16px;padding-top:14px;display:flex}.btn-confirm{border-radius:var(--radius-sm);cursor:pointer;background:var(--accent);color:#fff;border:none;padding:8px 20px;font-family:Inter,sans-serif;font-size:13px;font-weight:600;transition:all .15s}.btn-confirm:hover{background:var(--accent-dark)}.btn-cancel{border-radius:var(--radius-sm);cursor:pointer;border:1px solid var(--border);background:var(--bg-card);color:var(--text-secondary);padding:8px 20px;font-family:Inter,sans-serif;font-size:13px;font-weight:600;transition:all .15s}.btn-cancel:hover{border-color:var(--danger);color:var(--danger)}.btn-create-order{border-radius:var(--radius-sm);cursor:pointer;border:1px solid var(--accent);background:var(--bg-card);color:var(--accent);text-align:center;width:100%;padding:8px 20px;font-family:Inter,sans-serif;font-size:13px;font-weight:600;transition:all .15s}.btn-create-order:hover{background:var(--accent-soft)}[data-theme=dark] .workspace-switcher-select,[data-theme=dark] .filter-dropdown,[data-theme=dark] .date-picker-input,[data-theme=dark] .table-select,[data-theme=dark] .user-chip,[data-theme=dark] .topbar-icon-btn,[data-theme=dark] .menu-dots:hover,[data-theme=dark] .btn-cancel,[data-theme=dark] .btn-paid,[data-theme=dark] .btn-create-order,[data-theme=dark] .reservation-modal,[data-theme=dark] .reservation-modal-close,[data-theme=dark] .handoff-mini-card,[data-theme=dark] .action-card{background:var(--bg-card)}[data-theme=dark] .hero-block{background:radial-gradient(at 100% 0%, #e5aa7017 0%, transparent 45%), radial-gradient(at 0% 100%, #e5aa700d 0%, transparent 40%), var(--bg-card)}[data-theme=dark] .hero-time,[data-theme=dark] .hero-secondary-btn{border-color:var(--border);background:#1a18158f}[data-theme=dark] .progress-container{background:#94a3b81f}[data-theme=dark] .op-row:hover{background:#ffffff05}[data-theme=dark] .reservation-modal .form-group input,[data-theme=dark] .reservation-modal .form-group textarea{background:#1a1815b8}[data-theme=dark] .reservation-modal .form-group input:focus,[data-theme=dark] .reservation-modal .form-group textarea:focus{background:#1a1815eb}[data-theme=dark] .reservation-modal-error{color:#fecdd3;background:#be185d2e}[data-theme=dark] .empty-state,[data-theme=dark] .save-toast,[data-theme=dark] .feature-tile,[data-theme=dark] .hours-row,[data-theme=dark] .table-card,[data-theme=dark] .settings-section,[data-theme=dark] .card{color:var(--text-primary)}[data-theme=dark] .hero-primary-btn{box-shadow:0 16px 28px -16px #34d39973}[data-theme=dark] .sidebar{box-shadow:none}[data-theme=dark] .sidebar-logo{border-bottom-color:var(--border);background:0 0}[data-theme=dark] .nav-item:hover{background:#94a3b814}[data-theme=dark] .nav-item.active{background:#34d3991a}[data-theme=dark] .main-area,[data-theme=dark] .content-area{background:var(--bg-page)}[data-theme=dark] .topbar{box-shadow:none}[data-theme=dark] .workspace-add-btn{border-color:var(--border);color:var(--text-primary);background:#1a1815b8}[data-theme=dark] .topbar-icon-btn:hover,[data-theme=dark] .user-chip:hover,[data-theme=dark] .workspace-add-btn:hover{background:#94a3b814}[data-theme=dark] .page-header{border-bottom-color:#94a3b81f}[data-theme=dark] .card{box-shadow:var(--shadow-sm)}[data-theme=dark] .card:hover{box-shadow:var(--shadow-md)}[data-theme=dark] .card-header{background:0 0}[data-theme=dark] .stat-card,[data-theme=dark] .action-card,[data-theme=dark] .res-card,[data-theme=dark] .settings-section{background:var(--bg-card)}[data-theme=dark] .action-icon{background:#94a3b814}[data-theme=dark] .hero-block{box-shadow:var(--shadow-md)}[data-theme=dark] .op-section{background:0 0}[data-theme=dark] .empty-state{border-color:var(--border);background:#14121052}[data-theme=dark] .hours-row{border-color:var(--border);background:#1412106b}[data-theme=dark] .feature-tile{background:#1412106b}[data-theme=dark] .save-bar{box-shadow:var(--shadow-lg)}.btn-paid{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-subtle);color:var(--text-muted);text-align:center;cursor:default;width:100%;padding:8px 20px;font-family:Inter,sans-serif;font-size:13px;font-weight:500}.create-res-card{border:2px dashed var(--accent);border-radius:var(--radius);background:var(--bg-card);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;min-height:200px;padding:40px 20px;transition:background .15s;display:flex}.create-res-card:hover{background:var(--completed-bg)}.create-res-icon{margin-bottom:16px;font-size:52px}.create-res-btn{border:1px solid var(--accent);border-radius:var(--radius-sm);background:var(--bg-card);color:var(--accent);cursor:pointer;align-items:center;gap:6px;padding:10px 24px;font-family:Inter,sans-serif;font-size:14px;font-weight:600;transition:all .15s;display:flex}.create-res-btn:hover{background:var(--accent);color:#fff}.status-filters{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.filter-pill{border:1px solid var(--border);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:999px;align-items:center;gap:6px;padding:7px 16px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.filter-pill:hover{color:var(--text-primary);border-color:#c4c8d8}.filter-pill.active{background:var(--accent);border-color:var(--accent);color:#fff}.filter-pill .pill-count{background:#ffffff40;border-radius:999px;padding:1px 6px;font-size:11px;font-weight:700}.filter-pill:not(.active) .pill-count{background:var(--bg-page);color:var(--text-primary)}.date-group{margin-bottom:24px}.date-header{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:12px;padding-left:4px;font-size:13px;font-weight:700}.badge{border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600}.badge-confirmed{background:var(--accent-soft);color:var(--accent-dark)}.badge-pending{background:var(--warning-soft);color:var(--text-warning)}.badge-cancelled{background:var(--danger-soft);color:var(--danger)}.badge-new{background:var(--blue-soft);color:var(--blue)}.btn{border-radius:var(--radius-sm);cursor:pointer;border:1px solid #0000;padding:8px 18px;font-family:Inter,sans-serif;font-size:13px;font-weight:600;transition:all .15s}.btn-outline{border-color:var(--accent);color:var(--accent);background:0 0}.btn-outline:hover{background:var(--accent-soft)}.btn-solid,.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-solid:hover,.btn-primary:hover{background:var(--accent-dark)}.live-pulse{color:var(--text-secondary);align-items:center;gap:8px;font-size:13px;display:flex}.pulse-dot{width:10px;height:10px;position:relative}.pulse-dot span{background:var(--accent);border-radius:50%;position:absolute;inset:0}.pulse-dot span:first-child{opacity:.6;animation:1.8s ease-out infinite pulse-ring}@keyframes pulse-ring{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(2.8)}}.empty-state{text-align:center;color:var(--text-muted);background:linear-gradient(180deg, color-mix(in srgb, var(--surface-soft) 96%, white), transparent);border:1px dashed var(--border);border-radius:calc(var(--radius) + 4px);grid-column:1/-1;padding:60px 20px}.empty-state .empty-icon{margin-bottom:12px;font-size:40px}.empty-state p{font-size:15px}.settings-page{max-width:1120px}.page-heading{margin-bottom:28px}.page-heading h1{font-size:22px;font-weight:700}.page-heading p{color:var(--text-secondary);margin-top:4px;font-size:14px}.settings-section{background:linear-gradient(180deg, var(--bg-card), color-mix(in srgb, var(--surface-soft) 28%, white));margin-bottom:22px;padding:26px}.settings-section-title{text-transform:uppercase;letter-spacing:.7px;color:var(--accent);background:color-mix(in srgb, var(--accent-soft) 55%, transparent);border-radius:999px;align-items:center;margin-bottom:18px;padding:6px 10px;font-size:13px;font-weight:700;display:inline-flex}.form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.form-grid.single{grid-template-columns:1fr}.form-group{flex-direction:column;gap:5px;display:flex}.form-group label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.4px;font-size:12px;font-weight:600}.form-group input,.form-group select,.form-group textarea{background:color-mix(in srgb, var(--surface-soft) 88%, transparent);border:1.5px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);outline:none;padding:10px 14px;font-family:Inter,sans-serif;font-size:14px;transition:border-color .15s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #22c55e1a}.form-group textarea{resize:vertical;min-height:80px}.form-group select{appearance:none;cursor:pointer}.settings-note{color:var(--text-secondary);max-width:760px;margin:-4px 0 16px;font-size:14px}.telephony-toggle-group{justify-content:flex-end}.telephony-full-span{grid-column:1/-1}.telephony-toggle{border:1.5px solid var(--border);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--surface-soft) 88%, transparent);cursor:pointer;min-height:44px;color:var(--text-primary);align-items:center;gap:10px;padding:10px 14px;font-size:14px;font-weight:600;display:inline-flex}.telephony-toggle input{width:16px;height:16px;accent-color:var(--accent);margin:0}.inline-form-actions{justify-content:flex-end;align-items:center;gap:14px;margin-top:18px;display:flex}.whatsapp-connection-header{justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px;display:flex}.connection-pill{letter-spacing:.4px;text-transform:uppercase;border-radius:999px;align-items:center;padding:8px 12px;font-size:12px;font-weight:700;display:inline-flex}.connection-pill.connected{background:var(--accent-soft);color:var(--accent-dark)}.connection-pill.pending{background:var(--warning-soft);color:var(--text-warning)}.connection-summary-card{border:1px solid var(--border);border-radius:var(--radius);background:color-mix(in srgb, var(--surface-soft) 72%, transparent);padding:18px}.connection-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.connection-summary-item{border-radius:var(--radius-sm);background:var(--bg-card);border:1px solid var(--border);flex-direction:column;gap:6px;padding:12px 14px;display:flex}.connection-summary-label{letter-spacing:.5px;text-transform:uppercase;color:var(--text-muted);font-size:11px;font-weight:700}.hours-row{background:color-mix(in srgb, var(--surface-soft) 78%, transparent);border:1px solid color-mix(in srgb, var(--border-light) 84%, transparent);border-radius:14px;grid-template-columns:60px 1fr;align-items:center;gap:12px;padding:10px 12px;display:grid}.hours-day-label{color:var(--text-secondary);font-size:13px;font-weight:600}.features-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.feature-tile{border:1.5px solid var(--border);border-radius:var(--radius);background:color-mix(in srgb, var(--surface-soft) 88%, transparent);cursor:pointer;text-align:center;flex-direction:column;align-items:center;gap:6px;padding:14px 10px;transition:all .15s;display:flex}.feature-tile:hover{border-color:var(--accent)}.feature-tile.active{background:var(--accent-soft);border-color:var(--accent)}.feature-tile .ft-icon{font-size:22px}.feature-tile .ft-label{color:var(--text-secondary);font-size:12px;font-weight:500}.feature-tile.active .ft-label{color:var(--accent);font-weight:600}.save-bar{background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow-md);z-index:4;justify-content:flex-end;align-items:center;gap:14px;margin-top:8px;padding:20px 24px;display:flex;position:sticky;bottom:16px}.save-toast{color:var(--accent);align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.btn-save{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:999px;padding:12px 28px;font-family:Inter,sans-serif;font-size:14px;font-weight:600;transition:all .15s}.btn-save:hover{background:var(--accent-dark);transform:translateY(-1px)}.btn-save:disabled{opacity:.5;cursor:not-allowed;transform:none}.tables-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-top:24px;display:grid}.table-card{text-align:center;padding:20px;transition:all .15s;position:relative}.table-card:hover{border-color:var(--accent);box-shadow:var(--shadow-md)}.btn-delete-table{background:var(--danger-soft);width:28px;height:28px;color:var(--danger);cursor:pointer;opacity:0;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:14px;transition:opacity .15s;display:flex;position:absolute;top:10px;right:10px}.table-card:hover .btn-delete-table{opacity:1}.table-icon-large{margin-bottom:12px;font-size:32px;display:block}.table-card-name{margin-bottom:4px;font-size:16px;font-weight:700}.table-card-capacity{color:var(--text-secondary);justify-content:center;align-items:center;gap:5px;font-size:13px;font-weight:500;display:flex}.capacity-badge{background:var(--blue-soft);color:var(--blue);border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700}.add-table-form{border-top:1px solid var(--border);max-width:500px;margin-top:28px;padding-top:24px}.add-table-inputs{align-items:flex-end;gap:12px;display:flex}.add-table-inputs .form-group{flex:1}.add-table-inputs .form-group:last-child{flex:.5}.glance-row{grid-template-columns:repeat(3,1fr) auto;gap:0;margin-top:32px;display:grid;overflow:hidden}.glance-slot{border-right:1px solid var(--border-light);padding:22px 28px;position:relative}.glance-slot:before{content:"";border-radius:0 2px 2px 0;width:3px;position:absolute;top:0;bottom:0;left:0}.glance-slot--warning:before{background:var(--warning)}.glance-slot--success:before{background:var(--accent)}.glance-slot--info:before{background:var(--blue)}.glance-slot-label{text-transform:uppercase;letter-spacing:.7px;color:var(--text-muted);margin-bottom:10px;font-size:11px;font-weight:700}.glance-slot-value{color:var(--text-primary);letter-spacing:-.8px;margin-bottom:6px;font-size:30px;font-weight:800;line-height:1}.glance-slot-sub{color:var(--text-secondary);font-size:12px;font-weight:500}.glance-cta{cursor:pointer;background:linear-gradient(135deg, var(--surface-warm), transparent);border-left:1px solid var(--border-light);flex-direction:column;justify-content:center;align-items:center;gap:8px;min-width:160px;padding:22px 32px;transition:background .15s;display:flex}.glance-cta:hover{background:var(--accent-soft)}.glance-cta .nav-icon{color:var(--accent);opacity:.75}.glance-cta-text{color:var(--accent-dark);text-align:center;font-size:13px;font-weight:700;line-height:1.4}.glance-cta-arrow{color:var(--accent);font-size:16px;font-weight:700}.alerts-empty{text-align:center;padding:32px 0}[data-theme=dark] .glance-cta{background:linear-gradient(135deg, var(--surface-warm), transparent)}[data-theme=dark] .glance-cta:hover{background:var(--accent-soft)}.app-loading-screen,.onboarding-shell{background:linear-gradient(180deg, var(--page-gradient-start) 0%, var(--page-gradient-end) 320px, var(--bg-page) 100%);place-items:center;min-height:100vh;padding:32px;display:grid}.app-loading-card,.onboarding-card{background:var(--bg-card);border:1px solid var(--border);width:min(1160px,100%);box-shadow:var(--shadow-lg);border-radius:28px;padding:32px}.app-loading-card h2{margin-top:8px;font-size:30px}.app-loading-card p{max-width:560px;color:var(--text-secondary);margin-top:10px;line-height:1.6}.onboarding-inline{width:100%}.onboarding-hero{padding:8px 4px 28px}.onboarding-kicker{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-size:11px;font-weight:800}.onboarding-hero h1{color:var(--text-strong);margin-top:10px;font-size:34px;line-height:1.1}.onboarding-hero p{max-width:780px;color:var(--text-secondary);margin-top:12px;line-height:1.7}.onboarding-grid{grid-template-columns:minmax(0,1.7fr) minmax(320px,.9fr);gap:24px;display:grid}.onboarding-panel{border:1px solid var(--border);background:linear-gradient(180deg, color-mix(in srgb, var(--surface-soft) 48%, transparent), var(--bg-card));border-radius:22px;padding:22px}.onboarding-side-panel{background:linear-gradient(180deg, var(--surface-warm), transparent 75%), var(--bg-card)}.onboarding-section-title{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-bottom:18px;font-size:12px;font-weight:800}.onboarding-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.onboarding-form-span{grid-column:1/-1}.onboarding-actions{justify-content:flex-end;gap:12px;margin-top:24px;display:flex}.onboarding-checklist{flex-direction:column;gap:12px;display:flex}.onboarding-checklist-item{background:color-mix(in srgb, var(--surface-soft) 80%, transparent);border:1px solid var(--border-light);color:var(--text-secondary);border-radius:16px;padding:14px 16px;line-height:1.55}.workspace-list{flex-direction:column;gap:12px;display:flex}.workspace-card{text-align:left;border:1px solid var(--border);background:var(--bg-card);cursor:pointer;border-radius:16px;width:100%;padding:14px 16px;transition:all .15s}.workspace-card:hover{border-color:var(--accent);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.workspace-card-title{color:var(--text-primary);font-size:15px;font-weight:700}.workspace-card-meta{color:var(--text-secondary);margin-top:6px;font-size:13px}.workspace-access-shell{background:linear-gradient(180deg, var(--page-gradient-start) 0%, var(--page-gradient-end) 280px, var(--bg-page) 100%);min-height:100vh;padding:32px}.workspace-access-card{background:var(--bg-card);border:1px solid var(--border);width:min(1240px,100%);box-shadow:var(--shadow-lg);border-radius:28px;margin:0 auto;padding:32px}.workspace-access-header{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.workspace-access-header h1{color:var(--text-strong);margin-top:10px;font-size:36px;line-height:1.08}.workspace-access-header p{max-width:760px;color:var(--text-secondary);margin-top:12px;line-height:1.7}.workspace-access-tabs{border:1px solid var(--border);background:color-mix(in srgb, var(--surface-soft) 82%, transparent);border-radius:999px;align-items:center;gap:8px;margin-top:28px;padding:6px;display:inline-flex}.workspace-access-tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:999px;padding:10px 16px;font-family:Inter,sans-serif;font-size:13px;font-weight:700;transition:all .15s}.workspace-access-tab.active{background:var(--bg-card);color:var(--text-primary);box-shadow:var(--shadow-sm)}.workspace-access-grid{grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:24px;margin-top:26px;display:grid}.workspace-access-panel{border:1px solid var(--border);background:linear-gradient(180deg, color-mix(in srgb, var(--surface-soft) 46%, transparent), var(--bg-card));border-radius:22px;padding:22px}.workspace-access-side{background:linear-gradient(180deg, var(--surface-warm), transparent 75%), var(--bg-card)}.workspace-empty-state{border:1px dashed var(--border);background:color-mix(in srgb, var(--surface-soft) 68%, transparent);border-radius:18px;padding:24px}.workspace-empty-title{color:var(--text-primary);font-size:18px;font-weight:700}.workspace-empty-state p{color:var(--text-secondary);margin-top:8px;margin-bottom:18px;line-height:1.6}[data-theme=dark] .app-loading-card,[data-theme=dark] .onboarding-card,[data-theme=dark] .workspace-access-card,[data-theme=dark] .onboarding-panel,[data-theme=dark] .workspace-access-panel,[data-theme=dark] .workspace-card{box-shadow:none}[data-theme=dark] .onboarding-side-panel,[data-theme=dark] .workspace-access-side{background:linear-gradient(180deg, var(--surface-warm), transparent 75%), var(--bg-card)}@media (width<=1180px){.workspace-switcher{display:none}}@media (width<=960px){.workspace-access-header{flex-direction:column}.workspace-access-grid,.onboarding-grid,.onboarding-form-grid{grid-template-columns:1fr}.workspace-add-btn{display:none}}.nav-badge{background:var(--danger);color:#fff;text-align:center;border-radius:999px;min-width:20px;margin-left:auto;padding:2px 7px;font-size:11px;font-weight:700}
