*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #f9fafb;--surface: #ffffff;--text: #111827;--text-secondary: #6b7280;--text-muted: #9ca3af;--border: #e5e7eb;--border-light: #f3f4f6;--accent: #c8e6c9;--accent-strong: #81c784;--accent-text: #2e7d32;--shadow-sm: 0 1px 2px rgba(0,0,0,.04);--shadow: 0 1px 3px rgba(0,0,0,.04), 0 4px 16px rgba(0,0,0,.03);--shadow-lg: 0 4px 24px rgba(0,0,0,.06);--radius: 14px;--radius-sm: 10px;--radius-lg: 18px;--sidebar-w: 268px;--header-h: 64px;--font: "Inter", system-ui, -apple-system, sans-serif;--mono: "JetBrains Mono", ui-monospace, monospace;--good: #16a34a;--warn: #d97706;--error: #dc2626;--method-get: #16a34a;--method-post: #2563eb;--method-patch: #d97706}html,body,#root{height:100%}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;line-height:1.5}body.nav-open,body.drawer-open{overflow:hidden;touch-action:none}button,input,select,textarea{font:inherit}:focus-visible{outline:2px solid #93c5fd;outline-offset:2px}button:focus:not(:focus-visible),a:focus:not(:focus-visible){outline:none}.app-shell{display:flex;min-height:100vh}.main-column{flex:1;min-width:0;display:flex;flex-direction:column;background:var(--bg)}.page-content{flex:1;width:100%;padding:8px 32px 48px;max-width:1200px}.page-content--full{max-width:none;padding:4px 28px 32px}.sidebar-backdrop{display:none;position:fixed;inset:0;background:#11182773;z-index:90;opacity:0;transition:opacity .25s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.sidebar-backdrop.is-visible{opacity:1}.sidebar{width:var(--sidebar-w);flex-shrink:0;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;height:100dvh;overflow-y:auto;z-index:100;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.sidebar::-webkit-scrollbar{width:5px}.sidebar::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.sidebar-top-row{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.sidebar-close{display:none}.sidebar-top{padding:20px 16px 12px;flex-shrink:0}.brand{display:flex;align-items:center;gap:12px;margin-bottom:16px}.brand-mark{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#e8eaf6,#c5cae9);display:grid;place-items:center;font-weight:800;font-size:13px;color:#3949ab;flex-shrink:0}.brand-mark--sm{width:32px;height:32px;font-size:12px;border-radius:8px}.brand-name{font-weight:700;font-size:15px;letter-spacing:-.02em}.brand-sub{font-size:11px;color:var(--text-muted)}.workspace-chip{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--bg);border-radius:var(--radius-sm);border:1px solid var(--border-light)}.workspace-avatar{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,#fce4ec,#f8bbd0);display:grid;place-items:center;font-size:11px;font-weight:700;color:#c2185b}.workspace-name{font-size:13px;font-weight:600}.workspace-plan{font-size:11px;color:var(--text-muted)}.sidebar-nav{flex:1;padding:8px 12px}.nav-section{margin-bottom:20px}.nav-section-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);padding:0 12px 8px}.nav-list{list-style:none}.nav-link{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:var(--radius-sm);color:var(--text-secondary);text-decoration:none;font-size:13.5px;font-weight:500;transition:background .15s ease,color .15s ease}.nav-link:hover{background:var(--bg);color:var(--text)}.nav-link.active{background:#e8f5e9;color:var(--accent-text);font-weight:600}.nav-link.active svg{color:var(--accent-text)}.sidebar-bottom{padding:12px 16px 16px;border-top:1px solid var(--border-light)}.trial-card{padding:16px;border-radius:var(--radius);background:linear-gradient(135deg,#fce4ec,#e8eaf6 40%,#e3f2fd);margin-bottom:12px}.trial-card-head{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;margin-bottom:6px}.trial-days{font-size:18px;font-weight:700;margin-bottom:8px}.trial-bar{height:4px;background:#fff9;border-radius:2px;margin-bottom:12px;overflow:hidden}.trial-bar-fill{height:100%;background:var(--text);border-radius:2px}.sidebar-footer-links{display:flex;gap:16px;margin-bottom:8px}.sidebar-footer-link{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary);text-decoration:none}.sidebar-footer-link:hover{color:var(--text)}.sidebar-copyright{font-size:10px;color:var(--text-muted)}.top-header{min-height:var(--header-h);display:flex;align-items:center;gap:20px;padding:0 32px;border-bottom:1px solid var(--border-light);background:#ffffffeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0;z-index:50;flex-shrink:0}.header-mobile-bar{display:none;align-items:center;gap:10px;width:100%}.header-mobile-brand{display:flex;align-items:center;gap:10px;flex:1;min-width:0;text-decoration:none;color:inherit}.burger-btn{width:40px;height:40px;border:1px solid var(--border);background:var(--surface);border-radius:10px;display:grid;place-items:center;color:var(--text);cursor:pointer;flex-shrink:0;transition:background .15s ease,border-color .15s ease}.burger-btn:hover{background:var(--bg);border-color:#d1d5db}.burger-btn:active{transform:scale(.97)}.header-mobile-title{font-size:15px;font-weight:700;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-search-mobile{display:none;align-items:center;gap:8px;width:100%;background:var(--bg);border:1px solid var(--border);border-radius:999px;padding:10px 16px;color:var(--text-muted);order:10}.header-search-mobile input{border:none;background:transparent;outline:none;flex:1;font-size:14px;color:var(--text);min-width:0}.header-left{flex:1;min-width:0}.breadcrumbs{font-size:12px;color:var(--text-muted);margin-bottom:2px}.breadcrumb-sep{margin:0 6px}.breadcrumb-current{color:var(--text);font-weight:500}.header-titles h1{font-size:20px;font-weight:700;letter-spacing:-.02em}.header-titles p{font-size:13px;color:var(--text-secondary)}.header-search{display:flex;align-items:center;gap:8px;background:var(--bg);border:1px solid var(--border);border-radius:999px;padding:8px 16px;width:320px;color:var(--text-muted)}.header-search input{border:none;background:transparent;outline:none;flex:1;font-size:13px;color:var(--text)}.header-actions{display:flex;gap:4px}.icon-btn{width:36px;height:36px;border:none;background:transparent;border-radius:8px;display:grid;place-items:center;color:var(--text-secondary);cursor:pointer;position:relative;transition:background .15s ease,color .15s ease}.icon-btn:hover{background:var(--bg);color:var(--text)}.notif-dot{position:absolute;top:8px;right:8px;width:6px;height:6px;background:var(--error);border-radius:50%}.icon-btn-sm{width:28px;height:28px;border:none;background:transparent;border-radius:6px;display:grid;place-items:center;color:var(--text-secondary);cursor:pointer}.icon-btn-sm:hover{background:var(--bg)}.icon-btn-sm.danger:hover{color:var(--error);background:#fef2f2}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 16px;border-radius:var(--radius-sm);font-size:13px;font-weight:600;border:1px solid transparent;cursor:pointer;transition:opacity .15s,background .15s}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-dark{background:#111827;color:#fff}.btn-dark:hover:not(:disabled){background:#1f2937}.btn-outline{background:var(--surface);border-color:var(--border);color:var(--text)}.btn-outline:hover{background:var(--bg)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{background:var(--bg);color:var(--text)}.btn-sm{padding:6px 10px;font-size:12px}.btn-full{width:100%}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-sm)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.card-header h3{font-size:15px;font-weight:600;display:flex;align-items:center;gap:8px}.card-meta{font-size:12px;color:var(--text-muted)}.overview{padding-top:8px}.hero-section{margin-bottom:18px;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);gap:18px;align-items:stretch}.hero-section-copy,.hero-buy-panel,.market-signal-card{background:var(--surface);border:1px solid var(--border);border-radius:22px;box-shadow:var(--shadow)}.hero-section-copy{padding:28px;position:relative;overflow:hidden}.hero-section-copy:after{content:"";position:absolute;width:220px;height:220px;right:-80px;top:-90px;border-radius:50%;background:radial-gradient(circle,rgba(129,199,132,.26),transparent 68%)}.hero-buy-panel{padding:22px;display:grid;align-content:end;gap:12px;background:linear-gradient(145deg,#111827fa,#2f4e36eb);color:#fff}.hero-buy-panel strong{font-size:22px;line-height:1.08;letter-spacing:-.03em}.hero-buy-panel p{margin:0;color:#ffffffb8;font-size:14px}.buy-panel-kicker{color:#c8e6c9;text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:800}.page-hero-title{font-size:28px;font-weight:800;letter-spacing:-.03em;line-height:1.2;margin-bottom:8px;max-width:720px}.page-hero-sub{font-size:15px;color:var(--text-secondary);max-width:600px}.hero-cta-row{margin-top:20px;display:flex;flex-wrap:wrap;gap:10px}.market-signal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:34px}.market-signal-card{padding:18px}.market-signal-card span{display:block;color:var(--text-muted);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.market-signal-card strong{display:block;margin-top:8px;font-size:24px;letter-spacing:-.04em}.market-signal-card p{margin-top:6px;color:var(--text-secondary);font-size:13px}.section-block{margin-bottom:36px}.section-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:14px}.endpoint-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.endpoint-card{display:flex;justify-content:space-between;gap:16px;padding:24px;border-radius:var(--radius-lg);border:1px solid rgba(0,0,0,.04);min-height:180px;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.endpoint-card:hover{transform:translateY(-1px);box-shadow:var(--shadow)}.grad-lavender{background:linear-gradient(135deg,#f3e5f5,#ede7f6,#fff)}.grad-peach{background:linear-gradient(135deg,#fce4ec,#fff3e0,#fff)}.grad-blue{background:linear-gradient(135deg,#e3f2fd,#e8eaf6,#fff)}.grad-mint{background:linear-gradient(135deg,#e8f5e9,#e0f2f1,#fff)}.endpoint-card-body{flex:1}.endpoint-tag{display:inline-block;font-size:11px;font-weight:600;color:var(--text-muted);margin-bottom:8px}.endpoint-card h3{font-size:17px;font-weight:700;margin-bottom:6px;letter-spacing:-.02em}.endpoint-card p{font-size:13px;color:var(--text-secondary);margin-bottom:16px;line-height:1.5}.endpoint-cta{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--text);text-decoration:none;padding:8px 14px;background:#ffffffb3;border-radius:999px;border:1px solid rgba(0,0,0,.06);transition:background .15s}.endpoint-cta:hover{background:#fff}.endpoint-preview{width:140px;flex-shrink:0;background:#fff9;border-radius:var(--radius-sm);padding:12px;font-size:11px;font-family:var(--mono);align-self:center}.endpoint-preview.code{display:flex;flex-direction:column;gap:4px}.preview-line{margin-bottom:4px}.preview-line.muted{color:var(--text-muted)}.preview-key{color:#7c3aed;margin-right:4px}.preview-pill{background:var(--bg);padding:3px 8px;border-radius:4px;margin-bottom:4px;font-family:var(--font);font-size:10px}.preview-pill.muted{color:var(--text-muted)}.preview-method.patch{color:var(--method-patch);font-weight:700}.get-started-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.widget-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow-sm)}.widget-card--sales{background:linear-gradient(135deg,#e8f5e9eb,#fffffffa);border-color:#c8e6c9}.widget-link{text-decoration:none;color:inherit;transition:box-shadow .15s}.widget-link:hover{box-shadow:var(--shadow)}.widget-head{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:12px}.widget-external{margin-left:auto;color:var(--text-muted)}.widget-stat{font-size:24px;font-weight:800;letter-spacing:-.02em}.widget-stat-unit{font-size:13px;font-weight:500;color:var(--text-muted)}.widget-desc{font-size:13px;color:var(--text-secondary)}.api-key-display{display:flex;align-items:center;gap:8px}.api-key-display code{font-family:var(--mono);font-size:12px;background:var(--bg);padding:6px 10px;border-radius:6px;flex:1;overflow:hidden;text-overflow:ellipsis}.usage-mini-chart{display:flex;align-items:flex-end;gap:3px;height:48px;margin-top:8px}.usage-bar{flex:1;background:linear-gradient(180deg,#93c5fd,#60a5fa);border-radius:2px 2px 0 0;min-height:4px}.copy-toast{font-size:11px;color:var(--good);margin-top:4px;display:block}.query-hero-card{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:40px 32px 28px;text-align:center;box-shadow:var(--shadow);overflow:hidden}.iridescent-orb{width:64px;height:64px;margin:0 auto 20px;border-radius:50%;background:conic-gradient(from 180deg,#fce4ec,#e8eaf6,#e3f2fd,#e8f5e9,#fff3e0,#fce4ec);box-shadow:0 8px 32px #00000014}.query-hero-card h3{font-size:22px;font-weight:700;margin-bottom:20px;letter-spacing:-.02em}.query-form{max-width:560px;margin:0 auto 28px}.query-input-wrap{display:flex;align-items:center;gap:10px;background:var(--bg);border:1px solid var(--border);border-radius:999px;padding:6px 6px 6px 18px;transition:border-color .15s ease,box-shadow .15s ease}.query-input-wrap:focus-within{border-color:#93c5fd;box-shadow:0 0 0 3px #93c5fd40}.query-icon{color:var(--text-muted);flex-shrink:0}.query-input-wrap input{flex:1;border:none;background:transparent;outline:none;font-size:14px}.query-submit{width:36px;height:36px;border:none;border-radius:50%;background:var(--text);color:#fff;display:grid;place-items:center;cursor:pointer;transition:background .15s ease,transform .15s ease}.query-submit:hover{background:#1f2937}.query-submit:active{transform:scale(.95)}.recent-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:12px;text-align:left}.recent-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;text-align:left}.recent-card{display:flex;align-items:flex-start;gap:8px;padding:12px 14px;background:var(--bg);border:1px solid var(--border-light);border-radius:var(--radius-sm);font-size:12px;color:var(--text-secondary);text-decoration:none;transition:border-color .15s}.recent-card:hover{border-color:var(--border);color:var(--text)}.recent-card svg{flex-shrink:0;margin-top:2px;color:var(--text-muted)}.playground{padding-top:4px}.playground-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;min-height:calc(100vh - var(--header-h) - 56px);align-items:start}.playground-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--shadow-sm);min-height:520px}.panel-toolbar{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--border-light)}.endpoint-badge{display:flex;align-items:center;gap:10px}.method-badge{font-size:11px;font-weight:700;padding:3px 8px;border-radius:4px;font-family:var(--mono)}.method-get{background:#dcfce7;color:var(--method-get)}.method-post{background:#dbeafe;color:var(--method-post)}.method-patch{background:#fef3c7;color:var(--method-patch)}.endpoint-path{font-family:var(--mono);font-size:12px;color:var(--text-secondary)}.toolbar-actions{display:flex;gap:4px}.url-bar{display:flex;gap:8px;padding:14px 18px;border-bottom:1px solid var(--border-light)}.method-select{padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);font-weight:600;font-size:12px;font-family:var(--mono)}.url-input{flex:1;padding:8px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);font-family:var(--mono);font-size:12px;outline:none}.url-input:focus{border-color:#93c5fd}.btn-send{padding:8px 20px;white-space:nowrap}.param-tabs{display:flex;gap:0;padding:0 18px;border-bottom:1px solid var(--border-light)}.param-tab{padding:10px 14px;border:none;background:transparent;font-size:12px;font-weight:500;color:var(--text-muted);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px}.param-tab.active{color:var(--text);font-weight:600;border-bottom-color:var(--text)}.param-content{flex:1;padding:16px 18px;overflow-y:auto}.param-table{display:flex;flex-direction:column;gap:8px}.param-head{display:grid;grid-template-columns:1fr 1fr 80px;gap:8px;font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;padding:0 4px}.param-row{display:grid;grid-template-columns:1fr 1fr 80px;gap:8px;align-items:center}.param-row input{padding:8px 10px;border:1px solid var(--border);border-radius:6px;font-size:12px;font-family:var(--mono);outline:none}.param-row input:focus{border-color:#93c5fd}.param-actions{display:flex;align-items:center;gap:4px}.param-toggle input{width:14px;height:14px}.body-editor{width:100%;min-height:200px;padding:12px;border:1px solid var(--border);border-radius:var(--radius-sm);font-family:var(--mono);font-size:12px;line-height:1.6;resize:vertical;outline:none}.auth-panel{display:flex;flex-direction:column;gap:12px}.auth-option{display:flex;align-items:center;gap:8px;font-size:13px;cursor:pointer}.auth-input{padding:8px 12px;border:1px solid var(--border);border-radius:6px;font-family:var(--mono);font-size:12px}.auth-hint{font-size:12px;color:var(--text-muted);padding-left:24px}.response-meta{display:flex;align-items:center;gap:16px;padding:12px 18px;border-bottom:1px solid var(--border-light);font-size:12px;color:var(--text-secondary)}.response-meta--empty{color:var(--text-muted)}.status-ok{color:var(--good);font-weight:600}.status-error{color:var(--error);font-weight:600}.param-toggle input{width:16px;height:16px;accent-color:var(--accent-text);cursor:pointer}.response-content{flex:1;overflow:auto;padding:0;min-height:280px;background:#fafafa}.code-block{padding:16px 18px;font-family:var(--mono);font-size:12px;line-height:1.7;white-space:pre-wrap;word-break:break-word;color:#374151;min-height:200px;margin:0}.code-panel{display:flex;flex-direction:column;height:100%}.code-toolbar{display:flex;align-items:center;justify-content:space-between;padding:8px 18px;border-bottom:1px solid var(--border-light)}.code-toolbar select{padding:4px 8px;border:1px solid var(--border);border-radius:6px;font-size:12px}.usage-page{padding-top:8px}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow-sm)}.stat-icon{width:36px;height:36px;border-radius:8px;background:var(--bg);display:grid;place-items:center;color:var(--text-secondary);margin-bottom:12px}.stat-card.tone-good .stat-icon{background:#dcfce7;color:var(--good)}.stat-card.tone-warn .stat-icon{background:#fef3c7;color:var(--warn)}.stat-label{font-size:12px;color:var(--text-muted);margin-bottom:4px}.stat-value{font-size:26px;font-weight:800;letter-spacing:-.02em}.stat-sub{font-size:11px;color:var(--text-muted);margin-top:4px}.chart-card{margin-bottom:20px}.usage-chart{padding:8px 0}.usage-chart-bars{display:flex;align-items:flex-end;gap:4px;height:160px}.usage-chart-col{flex:1;display:flex;flex-direction:column;align-items:center;height:100%}.usage-chart-bar-wrap{flex:1;width:100%;display:flex;flex-direction:column;justify-content:flex-end;position:relative}.usage-chart-bar{width:100%;background:linear-gradient(180deg,#93c5fd,#3b82f6);border-radius:3px 3px 0 0;min-height:2px}.usage-chart-error{width:100%;background:#fca5a5;border-radius:3px 3px 0 0;position:absolute;bottom:0}.usage-chart-label{font-size:9px;color:var(--text-muted);margin-top:6px}.two-col-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.endpoint-usage-list{display:flex;flex-direction:column;gap:14px}.endpoint-usage-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:12px}.endpoint-usage-info code{font-family:var(--mono);font-size:11px;color:var(--text-secondary)}.endpoint-usage-bar{height:6px;background:var(--bg);border-radius:3px;overflow:hidden}.endpoint-usage-bar div{height:100%;background:linear-gradient(90deg,#93c5fd,#3b82f6);border-radius:3px}.quota-list{display:flex;flex-direction:column;gap:18px}.quota-head{display:flex;justify-content:space-between;font-size:13px;margin-bottom:6px}.quota-bar{height:6px;background:var(--bg);border-radius:3px;overflow:hidden}.quota-bar div{height:100%;background:var(--accent-strong);border-radius:3px}.quota-bar--full div{background:var(--warn)}.page-actions{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-top:8px}.page-desc{font-size:14px;color:var(--text-secondary)}.keys-list{display:flex;flex-direction:column;gap:12px}.key-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.key-card.revoked{opacity:.6}.key-card-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.key-card-head h4{font-size:15px;font-weight:600}.key-status{font-size:11px;font-weight:600;padding:2px 8px;border-radius:999px}.status-active{background:#dcfce7;color:var(--good)}.status-revoked{background:#fef2f2;color:var(--error)}.status-paused{background:#fef3c7;color:var(--warn)}.key-secret-row{display:flex;align-items:center;gap:8px;margin-bottom:8px}.key-secret-row code{flex:1;font-family:var(--mono);font-size:13px;background:var(--bg);padding:10px 12px;border-radius:8px}.key-actions{display:flex;gap:4px}.key-meta{display:flex;gap:16px;font-size:11px;color:var(--text-muted)}.create-key-card{margin-bottom:16px}.create-key-card h3{margin-bottom:12px}.create-key-card input{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:8px;margin-bottom:12px}.create-key-actions{display:flex;gap:8px;justify-content:flex-end}.billing-page,.settings-page,.team-page,.webhooks-page{padding-top:12px}.ops-secondary-page{min-height:calc(100vh - var(--header-h) - 36px)}.billing-current{margin-bottom:24px;padding-top:8px}.billing-current-head{display:flex;align-items:center;gap:16px}.billing-current-head h2,.billing-current-head h3{font-size:17px;letter-spacing:-.03em}.billing-current-head p{font-size:13px;color:var(--text-secondary)}.plan-badge{margin-left:auto;background:#111827;color:#fff;padding:4px 12px;border-radius:999px;font-size:12px;font-weight:600}.subscription-details{margin-top:16px}.sub-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--border-light);font-size:13px}.billing-hint{font-size:12px;color:var(--text-muted);margin-top:12px}.plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.plan-card{background:#fffffff5;border:1px solid rgba(17,24,39,.07);border-radius:24px;padding:24px;position:relative;box-shadow:0 18px 50px #1118270b}.plan-card--current{border-color:#111827}.plan-current-label{position:absolute;top:-10px;left:20px;background:#111827;color:#fff;font-size:10px;font-weight:600;padding:2px 10px;border-radius:999px}.plan-card h4{font-size:16px;font-weight:700;margin-bottom:8px}.plan-price{font-size:28px;font-weight:800;margin-bottom:16px}.plan-price span{font-size:14px;font-weight:500;color:var(--text-muted)}.plan-features{list-style:none;margin-bottom:20px}.plan-features li{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary);padding:4px 0}.plan-features svg{color:var(--good);flex-shrink:0}.invoice-table{font-size:13px}.invoice-head,.invoice-row{display:grid;grid-template-columns:1fr 1fr 1fr 80px;gap:12px;padding:10px 0}.invoice-head{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;border-bottom:1px solid var(--border)}.invoice-paid{color:var(--good);font-weight:500}.settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.settings-form{display:flex;flex-direction:column;gap:14px}.settings-form label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:500}.settings-form input,.settings-form select{padding:9px 12px;border:1px solid var(--border);border-radius:8px;font-size:13px;outline:none}.settings-form input:focus,.settings-form select:focus{border-color:#93c5fd}.settings-hint{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--text-muted)}.settings-hint code{font-family:var(--mono);font-size:11px;background:var(--bg);padding:2px 6px;border-radius:4px}.settings-message{margin-top:12px;font-size:13px;color:var(--text-secondary)}.settings-toggles{display:flex;flex-direction:column;gap:12px}.toggle-row{display:flex;align-items:center;gap:10px;font-size:13px;cursor:pointer}.auth-status p{margin-bottom:8px;font-size:13px}.auth-status code{font-family:var(--mono);font-size:12px}.text-good{color:var(--good)}.text-warn{color:var(--warn)}.team-grid,.webhooks-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr);gap:16px}.team-list{display:flex;flex-direction:column}.team-row{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid var(--border-light)}.team-row:last-child{border-bottom:none}.team-avatar{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,#e8eaf6,#c5cae9);display:grid;place-items:center;font-size:13px;font-weight:700;color:#3949ab}.team-info{flex:1}.team-info strong{display:block;font-size:14px}.team-info span{font-size:12px;color:var(--text-muted)}.team-info small{display:block;margin-top:2px;color:var(--text-secondary);font-size:12px}.team-role{font-size:12px;font-weight:500;color:var(--text-secondary);background:var(--bg);padding:4px 10px;border-radius:999px}.webhooks-list{display:flex;flex-direction:column;gap:12px}.webhook-card{padding:18px;border:1px solid var(--border-light);border-radius:18px;background:#fff}.webhook-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:10px}.webhook-head strong{display:block;font-size:14px;margin-bottom:4px}.webhook-head code{display:block;max-width:min(680px,62vw);font-family:var(--mono);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-secondary)}.webhook-status{font-size:11px;font-weight:600;padding:2px 8px;border-radius:999px}.webhook-events{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.event-pill{font-size:11px;background:var(--bg);padding:3px 8px;border-radius:999px;font-weight:700;color:var(--text-secondary)}.webhook-meta{font-size:11px;color:var(--text-muted)}.ops-dashboard,.availability-page,.integration-page{padding-top:12px}.ops-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:22px}.ops-hero h1{font-size:clamp(28px,4vw,42px);line-height:1.05;letter-spacing:-.055em;margin:4px 0 10px}.ops-hero p{max-width:660px;color:var(--text-secondary);font-size:15px}.ops-eyebrow{display:inline-flex;color:var(--text-muted);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.ops-hero-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.ops-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.ops-kpi,.ops-card{background:#fffffff5;border:1px solid rgba(17,24,39,.07);border-radius:24px;box-shadow:0 18px 50px #1118270b}.ops-kpi{padding:18px;min-height:156px}.ops-kpi-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:14px;background:#f4f6f8;color:var(--text-secondary);margin-bottom:18px}.ops-kpi--good .ops-kpi-icon{background:#e8f7ed;color:var(--good)}.ops-kpi--warn .ops-kpi-icon{background:#fff6dd;color:var(--warn)}.ops-kpi span,.ops-kpi small{display:block;color:var(--text-muted);font-size:12px}.ops-kpi strong{display:block;font-size:28px;line-height:1.1;letter-spacing:-.04em;margin:3px 0 4px}.ops-grid,.availability-grid,.integration-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr);gap:16px}.ops-card{padding:22px}.ops-card--large{min-height:300px}.ops-card--wide{grid-column:1 / -1}.ops-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.ops-card-head h2{font-size:17px;letter-spacing:-.03em}.ops-status{display:inline-flex;align-items:center;padding:5px 10px;border-radius:999px;font-size:12px;font-weight:700}.ops-status--open{background:#e7f8ed;color:var(--good)}.ops-status--closed{background:#f1f5f9;color:var(--text-secondary)}.ops-capacity{display:flex;align-items:center;justify-content:space-between;gap:24px}.ops-capacity strong{display:block;font-size:72px;line-height:.9;letter-spacing:-.07em}.ops-capacity span,.ops-service-row span,.ops-service-row strong,.ops-muted{color:var(--text-secondary);font-size:13px}.ops-capacity-ring{--fill: 60%;position:relative;width:112px;height:112px;border-radius:50%;background:conic-gradient(#111827 var(--fill),#eef2f6 0);display:grid;place-items:center}.ops-capacity-ring:before{content:"";position:absolute;width:78px;height:78px;border-radius:50%;background:#fff}.ops-capacity-ring span{position:relative;color:var(--text);font-weight:800}.ops-progress{height:9px;background:#eef2f6;border-radius:999px;overflow:hidden;margin:26px 0 12px}.ops-progress div{height:100%;background:linear-gradient(90deg,#111827,#4b5563);border-radius:inherit}.ops-service-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.ops-quick-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.ops-profile-card{text-align:center;display:grid;align-content:center;min-height:300px;background:linear-gradient(180deg,#f7f4ef,#fff)}.restaurant-avatar,.restaurant-logo{display:grid;place-items:center;font-weight:800}.restaurant-avatar{width:78px;height:78px;margin:0 auto 14px;border-radius:28px;background:#111827;color:#fff}.ops-profile-card p{color:var(--text-secondary);font-size:13px;margin:4px 0 18px}.profile-actions{display:flex;justify-content:center;gap:10px}.icon-round{width:38px;height:38px;border-radius:50%;border:1px solid var(--border);background:#fff;display:grid;place-items:center;cursor:pointer}.ops-activity-list,.service-list,.endpoint-lite-list,.health-list{display:grid;gap:12px}.ops-activity-item{display:grid;grid-template-columns:48px 1fr;gap:12px;padding-bottom:12px;border-bottom:1px solid var(--border-light)}.ops-activity-item:last-child{border-bottom:0;padding-bottom:0}.ops-activity-item>span{color:var(--text-muted);font-size:12px}.ops-activity-item strong,.service-row strong,.endpoint-lite-row strong{display:block;font-size:13px}.ops-activity-item p,.service-row span{color:var(--text-secondary);font-size:12px}.ops-search-card,.map-search{display:flex;align-items:center;gap:10px;border:1px solid var(--border);border-radius:16px;padding:11px 13px;color:var(--text-muted)}.ops-search-card input,.map-search input{flex:1;border:0;outline:0;background:transparent;min-width:0;color:inherit}.mini-map{position:relative;overflow:hidden;height:150px;margin-top:14px;border-radius:20px;background:#202326}.mini-road{position:absolute;height:4px;width:130%;background:#ffffff1f;border-radius:999px}.mini-road-a{left:-20%;top:42%;transform:rotate(-18deg)}.mini-road-b{left:-10%;top:64%;transform:rotate(22deg)}.mini-pin{position:absolute;width:38px;height:38px;border-radius:15px;display:grid;place-items:center;font-size:12px;font-weight:800;box-shadow:0 12px 25px #00000047}.mini-pin-main{left:46%;top:38%;background:#f6c5df}.mini-pin-muted{left:70%;top:63%;background:#eef2f6}.ops-sparkline{height:118px;display:flex;align-items:flex-end;gap:7px;margin:8px 0 14px}.ops-sparkline-bar{flex:1;min-height:18px;border-radius:999px 999px 6px 6px;background:linear-gradient(180deg,#d8ecff,#85bff5)}.inline-link,.ops-doc-link{display:inline-flex;align-items:center;gap:6px;color:var(--text);font-size:13px;font-weight:700;text-decoration:none}.ops-doc-link{margin-top:14px}.live-map-page{min-height:calc(100vh - var(--header-h) - 36px);display:grid;grid-template-columns:330px minmax(0,1fr);background:#161719;border:1px solid rgba(255,255,255,.08);border-radius:28px;overflow:hidden;box-shadow:0 28px 70px #11182733}.map-sidebar{background:#17181a;border-right:1px solid rgba(255,255,255,.08);padding:24px;color:#fff}.map-sidebar .ops-eyebrow,.map-sidebar p{color:#ffffff8f}.map-sidebar h1{font-size:25px;line-height:1.08;letter-spacing:-.05em;margin:5px 0 10px}.map-sidebar-top{margin-bottom:18px}.map-search{border-color:#ffffff1f;background:#ffffff0a;color:#ffffffbd}.map-filter-row{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 20px}.filter-chip{display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:#ffffffc2;border-radius:999px;padding:7px 10px;font-size:12px;cursor:pointer}.filter-chip.active{background:#fff;color:#111827}.restaurant-list{display:grid;gap:10px}.restaurant-row{width:100%;display:flex;align-items:center;gap:11px;border:1px solid transparent;background:transparent;border-radius:18px;padding:10px;color:#fff;text-align:left;cursor:pointer}.restaurant-row:hover,.restaurant-row.active{background:#ffffff12;border-color:#ffffff14}.restaurant-logo{width:42px;height:42px;border-radius:16px;color:#111827;font-size:12px;flex-shrink:0}.restaurant-logo--rose{background:#f6c5df}.restaurant-logo--mint{background:#d7f7dd}.restaurant-logo--gold{background:#f3d58a}.restaurant-logo--blue{background:#c8d7ff}.restaurant-logo--dark{background:#eef2f6}.restaurant-row-main{flex:1;min-width:0}.restaurant-row-main strong,.restaurant-row-main small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.restaurant-row-main small{color:#ffffff85;font-size:12px}.map-badge{flex-shrink:0;padding:4px 8px;border-radius:999px;font-size:11px;font-weight:800}.map-badge--open{background:#d7f7dd;color:#166534}.map-badge--warn{background:#fff0c2;color:#92400e}.map-badge--closed{background:#ffffff14;color:#ffffff8f}.empty-state{border:1px dashed rgba(255,255,255,.12);border-radius:18px;padding:22px;color:#ffffffad}.empty-state strong{display:block;margin-top:10px}.empty-state p{font-size:12px;margin-top:4px}.map-stage{position:relative;overflow:hidden;min-height:640px;background:radial-gradient(circle at 65% 28%,rgba(255,255,255,.07),transparent 23%),linear-gradient(145deg,#26282b,#17181a)}.map-grid-lines{position:absolute;inset:0;opacity:.35;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:72px 72px;transform:rotate(-12deg) scale(1.3)}.map-road{position:absolute;height:10px;width:120%;border-radius:999px;background:#ffffff21;box-shadow:0 0 0 18px #ffffff06}.map-road-a{left:-10%;top:25%;transform:rotate(-16deg)}.map-road-b{left:-22%;top:58%;transform:rotate(28deg)}.map-road-c{left:20%;top:44%;transform:rotate(88deg);width:72%}.map-water{position:absolute;right:-6%;top:8%;width:38%;height:72%;border-radius:50%;background:#ffffff09;transform:rotate(-18deg)}.map-pin{position:absolute;transform:translate(-50%,-50%);border:0;background:transparent;cursor:pointer;z-index:3}.map-pin>span{width:54px;height:54px;border-radius:19px;display:grid;place-items:center;font-weight:900;color:#111827;box-shadow:0 18px 32px #00000052}.map-pin small{display:inline-flex;margin-top:7px;padding:4px 9px;border-radius:999px;background:#000000b3;color:#fff;font-size:11px;font-weight:800}.map-pin.active>span{transform:scale(1.12);outline:3px solid rgba(255,255,255,.72)}.map-pin--rose>span{background:#f6c5df}.map-pin--mint>span{background:#d7f7dd}.map-pin--gold>span{background:#f3d58a}.map-pin--blue>span{background:#c8d7ff}.map-pin--dark>span{background:#eef2f6}.selected-restaurant-card{position:absolute;right:28px;bottom:28px;width:min(390px,calc(100% - 56px));padding:20px;border-radius:24px;background:#fffffff0;box-shadow:0 24px 70px #00000047;z-index:4}.selected-card-head{display:flex;align-items:center;gap:12px;margin-bottom:18px}.selected-card-head h2{font-size:18px;letter-spacing:-.03em}.selected-card-head p{color:var(--text-secondary);font-size:13px}.selected-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}.selected-metrics div{background:#f6f7f9;border-radius:16px;padding:12px}.selected-metrics strong,.selected-metrics span{display:block}.selected-metrics strong{font-size:18px}.selected-metrics span{color:var(--text-secondary);font-size:11px}.seat-control{display:flex;align-items:center;justify-content:center;gap:22px;min-height:160px}.seat-button{width:58px;height:58px;border:1px solid var(--border);border-radius:20px;background:var(--surface);display:grid;place-items:center;cursor:pointer}.seat-value{min-width:190px;text-align:center}.seat-value strong{display:block;font-size:82px;line-height:.9;letter-spacing:-.07em}.seat-value span{color:var(--text-secondary)}.rush-options{display:grid;gap:10px}.rush-option{border:1px solid var(--border);background:var(--surface);border-radius:16px;padding:14px;font-weight:800;cursor:pointer}.rush-option.active{background:#111827;color:#fff;border-color:#111827}.service-row,.endpoint-lite-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--border-light)}.service-row:last-child,.endpoint-lite-row:last-child{border-bottom:0}.warning-card{background:linear-gradient(145deg,#fff8e6,#fff)}.warning-card p{color:var(--text-secondary);font-size:13px;margin-bottom:18px}.integration-key-row{display:flex;align-items:center;gap:10px;border:1px solid var(--border);border-radius:18px;padding:12px;margin-bottom:12px}.integration-key-row code,.endpoint-lite-row code{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;font-family:var(--mono);font-size:12px;color:var(--text-secondary)}.health-list div{display:flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:13px}.health-list svg{color:var(--good)}@media(max-width:1200px){.hero-section,.market-signal-grid,.endpoint-grid{grid-template-columns:1fr}.get-started-grid,.stats-row{grid-template-columns:repeat(2,1fr)}.plans-grid{grid-template-columns:1fr}.endpoint-card{min-height:auto}.ops-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ops-grid,.availability-grid,.integration-grid,.team-grid,.webhooks-grid{grid-template-columns:1fr}}@media(max-width:768px){.playground-grid{grid-template-columns:1fr;min-height:auto}.playground-panel{min-height:auto}.live-map-page{grid-template-columns:1fr}.map-stage{min-height:560px}}@media(max-width:900px){.sidebar-backdrop{display:block;pointer-events:none}.sidebar-backdrop.is-visible{pointer-events:auto}.sidebar{position:fixed;top:0;left:0;transform:translate(-100%);transition:transform .28s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-lg);max-width:min(var(--sidebar-w),88vw);padding-bottom:env(safe-area-inset-bottom)}.sidebar--open{transform:translate(0)}.page-content{padding:0 16px 32px}.page-content--full{padding:0 12px 24px}.top-header{padding:10px 16px;padding-top:max(10px,env(safe-area-inset-top));flex-direction:column;align-items:stretch}.header-mobile-bar{display:flex}.header-search-mobile{display:flex;width:100%}.header-left,.header-search,.header-actions{display:none}.get-started-grid,.recent-grid,.two-col-grid,.settings-grid{grid-template-columns:1fr}.ops-hero{flex-direction:column}.ops-hero-actions,.ops-hero-actions .btn{width:100%}.ops-kpi-grid{grid-template-columns:1fr}.ops-card{padding:18px;border-radius:20px}.ops-capacity{align-items:flex-start}.ops-capacity strong{font-size:56px}.ops-capacity-ring{width:86px;height:86px}.ops-capacity-ring:before{width:60px;height:60px}.ops-quick-actions .btn{width:100%}.live-map-page{border-radius:22px}.map-sidebar{padding:18px}.selected-restaurant-card{left:16px;right:16px;bottom:16px;width:auto}.seat-control{gap:12px}.seat-value{min-width:128px}.seat-value strong{font-size:60px}.page-hero-title{font-size:22px}.page-hero-sub{font-size:14px}.query-hero-card{padding:28px 18px 22px}.query-hero-card h3{font-size:18px}.endpoint-preview{display:none}.page-actions{flex-direction:column;align-items:stretch;gap:12px}.page-actions .btn{width:100%}.panel-toolbar{flex-direction:column;align-items:flex-start;gap:10px}.toolbar-actions{width:100%;justify-content:flex-start}.url-bar{flex-wrap:wrap}.method-select{width:72px}.url-input{min-width:0;flex:1 1 100%;order:3}.btn-send{flex:1 1 100%;order:4}.param-head,.param-row{grid-template-columns:1fr 1fr 56px}.response-meta{flex-wrap:wrap;gap:8px}.invoice-head,.invoice-row{grid-template-columns:1fr 1fr;gap:6px}.invoice-head span:nth-child(3),.invoice-head span:nth-child(4),.invoice-row span:nth-child(3),.invoice-row button{display:none}}@media(max-width:480px){.stats-row{grid-template-columns:1fr}.stat-value{font-size:22px}.endpoint-card{padding:18px}.endpoint-card h3{font-size:15px}.widget-card{padding:14px}.card{padding:18px}.playground-grid{gap:12px;min-height:auto}.param-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:0 12px}.param-tabs::-webkit-scrollbar{display:none}.param-tab{white-space:nowrap;flex-shrink:0}.param-content{padding:12px}.code-block{font-size:11px;padding:12px}.billing-current-head{flex-wrap:wrap}.plan-badge{margin-left:0}.team-row{flex-wrap:wrap}.team-role{margin-left:54px}.webhook-head{flex-direction:column}.webhook-head code{max-width:100%}.key-secret-row{flex-direction:column;align-items:stretch}.key-actions{justify-content:flex-end}}.client-map-screen{width:100vw;min-height:100vh;min-height:100dvh;overflow:hidden;background:#111315;color:#f7f7f4}.client-map-shell{width:100vw;min-height:100vh;min-height:100dvh;height:100vh;height:100dvh;display:grid;grid-template-columns:minmax(310px,360px) minmax(0,1fr);overflow:hidden;border-radius:0;background:#191a1b;box-shadow:none}.client-panel{position:relative;z-index:8;display:flex;flex-direction:column;gap:18px;height:100vh;height:100dvh;overflow-y:auto;padding:22px 18px;background:#121314f0;border-right:1px solid rgba(255,255,255,.08);box-shadow:18px 0 48px #00000042;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.client-panel-backdrop,.client-mobile-menu-button,.client-panel-close{display:none}.client-panel-top,.client-brand,.client-filter-row,.client-filter-labels,.client-restaurant-row,.client-row-actions,.selected-restaurant-topline,.selected-restaurant-metrics,.client-booking-button{display:flex;align-items:center}.client-panel-top{justify-content:space-between;gap:12px}.client-back,.client-info{width:28px;height:28px;display:grid;place-items:center;color:#fffc;text-decoration:none;border-radius:999px}.client-back:hover,.client-info:hover{background:#ffffff12}.client-brand{gap:9px;color:#f6f6f1;text-decoration:none;font-size:14px;font-weight:800;letter-spacing:-.03em}.client-brand-mark{width:36px;height:36px;display:grid;place-items:center;border-radius:12px;background:#f7f7f4;color:#191a1b;text-transform:uppercase;font-weight:900}.client-search{height:48px;display:flex;align-items:center;gap:10px;padding:0 15px;border:1px solid rgba(255,255,255,.16);border-radius:13px;color:#ffffffad;background:#ffffff06}.client-search input{min-width:0;flex:1;border:0;outline:0;color:#fff;background:transparent;font-size:12px}.client-search input::placeholder{color:#ffffffb8}.client-filter-labels{justify-content:space-between;margin-bottom:-11px;color:#ffffffa8;font-size:11px}.client-filter-row{gap:8px;flex-wrap:wrap}.client-filter-pill,.client-tag-row span{border:1px solid rgba(255,255,255,.18);border-radius:11px;color:#ffffffd1;background:#ffffff08;font-size:11px}.client-filter-pill{height:34px;display:inline-flex;align-items:center;gap:7px;padding:0 12px;cursor:pointer}.client-filter-pill.active{background:#f7f7f4;color:#141516}.client-tag-row{display:flex;gap:7px;flex-wrap:wrap;margin-top:-4px}.client-tag-row span{padding:5px 8px;color:#ffffff8c}.client-restaurant-list{display:grid;gap:12px;padding-top:4px;overflow-y:auto;scrollbar-width:thin}.client-restaurant-row{width:100%;gap:12px;border:0;border-radius:16px;background:transparent;color:inherit;text-align:left;padding:6px 7px;cursor:pointer;transition:opacity .18s ease,background .18s ease}.client-restaurant-row:hover,.client-restaurant-row.selected{background:#fff1}.client-avatar{width:44px;height:44px;flex:0 0 auto;display:grid;place-items:center;border-radius:50%;color:#101112;font-size:12px;font-weight:950;letter-spacing:-.06em;box-shadow:inset 0 0 0 1px #0000000a}.client-avatar--rose{background:#f5c1df}.client-avatar--cream{background:#ead07d}.client-avatar--white{background:#f4f5f2}.client-avatar--pink{background:#ffb7e6}.client-avatar--muted{background:#5d6064;color:#ffffff9e}.client-restaurant-copy{min-width:0;flex:1}.client-restaurant-copy strong,.client-restaurant-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.client-restaurant-copy strong{color:#f7f7f4;font-size:13px;font-weight:760}.client-restaurant-copy small{color:#ffffff8f;font-size:11px}.client-status{color:#65e5a7}.client-status--closed{color:#ffffff57}.client-row-actions{flex-direction:column;gap:7px;color:#ffffff8a}.client-empty{padding:22px;border:1px dashed rgba(255,255,255,.14);border-radius:18px;color:#ffffffa3}.client-empty strong{display:block;margin-top:10px}.client-empty p{font-size:12px}.client-map-canvas{position:relative;min-height:100vh;min-height:100dvh;height:100vh;height:100dvh;overflow:hidden;background:#171a1d}.client-osm-map{position:absolute;inset:-56px -64px;width:calc(100% + 128px);height:calc(100% + 112px);border:0;filter:grayscale(1) invert(.91) hue-rotate(180deg) saturate(.65) brightness(.68) contrast(1.1);pointer-events:none}.client-map-tint{position:absolute;inset:0;background:radial-gradient(circle at 63% 31%,rgba(246,193,223,.18),transparent 20%),radial-gradient(circle at 22% 74%,rgba(101,229,167,.13),transparent 22%),linear-gradient(90deg,#1113153d,#11131514 44%,#11131561);pointer-events:none;z-index:1}.city-texture{position:absolute;inset:0;opacity:.86}.city-street{position:absolute;display:block;height:3px;width:58%;border-radius:999px;background:#ffffff1f;box-shadow:0 0 0 10px #ffffff06}.city-street-1{left:-8%;top:18%;transform:rotate(-13deg)}.city-street-2{left:12%;top:31%;transform:rotate(27deg);width:76%}.city-street-3{left:34%;top:48%;transform:rotate(91deg);width:50%}.city-street-4{left:-18%;top:61%;transform:rotate(-21deg);width:82%}.city-street-5{left:50%;top:68%;transform:rotate(15deg);width:52%}.city-street-6{left:66%;top:25%;transform:rotate(104deg);width:46%}.city-street-7{left:2%;top:78%;transform:rotate(31deg);width:74%}.city-street-8{left:28%;top:10%;transform:rotate(73deg);width:42%}.city-street-9{left:58%;top:86%;transform:rotate(-34deg);width:62%}.city-water{position:absolute;display:block;background:#ffffff09;filter:blur(.3px)}.city-water-a{width:34%;height:50%;right:26%;top:-7%;border-radius:48%;transform:rotate(-20deg)}.city-water-b{width:28%;height:42%;left:-8%;bottom:-8%;border-radius:42%;transform:rotate(23deg)}.city-park{position:absolute;width:20%;height:24%;right:4%;bottom:7%;border:2px solid rgba(255,255,255,.08);border-radius:38%}.client-map-pin{position:absolute;z-index:4;transform:translate(-50%,-50%);border:0;background:transparent;cursor:pointer}.client-map-pin>span{width:56px;height:56px;display:grid;place-items:center;border-radius:50%;color:#111214;font-weight:950;letter-spacing:-.05em;box-shadow:0 15px 30px #00000057;transition:transform .18s ease}.client-map-pin small{display:inline-flex;align-items:center;gap:4px;margin-top:7px;padding:5px 9px;border-radius:9px;background:#000000b8;color:#ffffffe0;font-size:10px;font-weight:800}.client-map-pin.selected>span{transform:scale(1.13);outline:3px solid rgba(255,255,255,.7)}.client-map-pin--rose>span{background:#f5c1df}.client-map-pin--cream>span{background:#ead07d}.client-map-pin--white>span{background:#f4f5f2}.client-map-pin--pink>span{background:#ffb7e6}.client-map-pin--muted>span{background:#5d6064;color:#ffffff9e}.client-selected-card{position:absolute;right:26px;bottom:24px;z-index:5;width:min(360px,calc(100% - 52px));padding:17px;border-radius:24px;color:#171819;background:#f7f7f4f0;box-shadow:0 24px 60px #0000004d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.selected-restaurant-topline{gap:12px;margin-bottom:14px}.selected-restaurant-topline h1{font-size:18px;letter-spacing:-.04em}.selected-restaurant-topline p{font-size:12px;color:#6c7075}.selected-restaurant-metrics{grid-template-columns:repeat(3,1fr);gap:8px;display:grid;margin-bottom:13px}.selected-restaurant-metrics div{padding:10px;border-radius:15px;background:#ecefed}.selected-restaurant-metrics strong,.selected-restaurant-metrics span{display:block}.selected-restaurant-metrics strong{font-size:17px;line-height:1;letter-spacing:-.04em}.selected-restaurant-metrics span{display:flex;align-items:center;gap:3px;margin-top:5px;color:#777b80;font-size:10px}.client-booking-button{width:100%;justify-content:center;gap:7px;border:0;border-radius:15px;padding:12px 14px;background:#171819;color:#fff;font-weight:800;cursor:pointer}.restaurant-dashboard-screen{width:100vw;min-height:100vh;min-height:100dvh;overflow:hidden;background:#f1f0ee;color:#11131b}.restaurant-dashboard-shell{width:100vw;height:100vh;height:100dvh;min-height:0;display:grid;grid-template-columns:240px minmax(0,1fr) 320px;overflow:hidden;border-radius:0;background:#fbfbfa;box-shadow:none}.restaurant-dashboard-shell--content{grid-template-columns:240px minmax(0,1fr)}.restaurant-dash-backdrop,.restaurant-dash-close,.dash-mobile-menu-button{display:none}.restaurant-dash-sidebar{position:sticky;top:0;display:flex;flex-direction:column;height:100vh;height:100dvh;overflow-y:auto;padding:30px 24px 24px;border-right:1px solid #ececeb;background:#fdfdfc}.restaurant-dash-logo{display:inline-flex;align-items:center;gap:11px;color:#11131b;text-decoration:none;font-size:19px;font-weight:900;letter-spacing:-.04em}.dash-logo-mark{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:#11131b;color:#fff;font-size:12px;text-transform:uppercase}.restaurant-dash-nav{display:grid;gap:14px;margin-top:44px}.restaurant-dash-nav a,.dash-sidebar-footer a{display:inline-flex;align-items:center;gap:13px;color:#8b8c91;text-decoration:none;font-size:14px;font-weight:650}.restaurant-dash-nav a.active,.restaurant-dash-nav a:hover,.dash-sidebar-footer a:hover{color:#12131b}.upgrade-card{margin-top:auto;margin-bottom:34px;padding:25px 18px;display:grid;justify-items:center;gap:9px;text-align:center;border-radius:20px;background:linear-gradient(180deg,#fff,#f0f5fb);box-shadow:0 16px 35px #12131b0e}.upgrade-card strong{font-size:14px}.upgrade-card span{color:#83858c;font-size:12px}.upgrade-card a{margin-top:4px;padding:10px 24px;border-radius:999px;background:#a7d2f4;color:#132033;text-decoration:none;font-size:12px;font-weight:800}.dash-sidebar-footer{display:grid;gap:18px}.restaurant-dash-main{height:100vh;height:100dvh;min-width:0;overflow-y:auto;padding:clamp(24px,3vw,38px) clamp(28px,4vw,56px) 32px;background:#fbfbfa}.dash-greeting,.dash-date,.dash-kpi-row,.dash-kpi-card,.dash-card-head,.task-row,.profile-action-row,.activity-meta,.activity-file,.activity-compose{display:flex;align-items:center}.dash-greeting{justify-content:space-between;gap:24px;margin-bottom:34px}.dash-greeting h1{font-size:28px;line-height:1;letter-spacing:-.055em}.dash-greeting p{margin-top:9px;color:#85868d;font-size:13px}.dash-date{gap:12px;color:#22242c;font-size:11px;white-space:nowrap}.dash-date svg{width:32px;height:32px;padding:8px;border-radius:50%;background:#f5f5f4}.dash-kpi-row{justify-content:space-between;padding:20px 0;border-top:1px solid #eee;border-bottom:1px solid #eee;margin-bottom:34px}.dash-kpi-card{gap:15px;min-width:0;flex:1;padding:0 22px;border-right:1px solid #eeeeed}.dash-kpi-card:first-child{padding-left:0}.dash-kpi-card:last-child{border-right:0;padding-right:0}.dash-kpi-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#f4f5f5}.dash-kpi-card span,.dash-kpi-card small{color:#878990;font-size:11px}.dash-kpi-card strong{margin:0 6px;font-size:18px;letter-spacing:-.04em}.trend-positive{color:#70bea0!important}.trend-negative{color:#e16f65!important}.dash-card{margin-bottom:32px}.dash-card-head{justify-content:space-between;margin-bottom:17px}.dash-card-head h2{font-size:18px;letter-spacing:-.04em}.dash-card-head span{margin-left:24px;color:#22242c;font-size:11px;font-weight:800}.dash-card-head button{display:inline-flex;align-items:center;gap:5px;border:0;border-radius:999px;padding:9px 13px;background:#f6f6f5;color:#22242c;font-size:11px;cursor:pointer}.performance-chart{position:relative;height:220px;padding-left:32px}.performance-chart svg{width:100%;height:158px;overflow:visible}.chart-grid-line{stroke:#f0f0ef;stroke-width:1}.chart-line{fill:none;stroke-width:3;stroke-linecap:round}.chart-line-blue{stroke:#a7d4e3}.chart-line-gold{stroke:#dfc585}.chart-focus{stroke:#d4d6dc;stroke-dasharray:3 4}.axis-label{position:absolute;left:0;color:#9c9ea4;font-size:11px}.axis-label-12{top:11px}.axis-label-8{top:53px}.axis-label-6{top:85px}.axis-label-2{top:122px}.chart-tooltip{position:absolute;left:41%;top:34px;width:142px;padding:13px;border-radius:9px;background:#0f1320;color:#fff;box-shadow:0 16px 36px #0f132038}.chart-tooltip strong,.chart-tooltip span{display:block;font-size:11px}.chart-tooltip span{color:#b7bac5;margin-top:8px}.chart-tooltip i{display:inline-block;width:4px;height:20px;margin-right:9px;border-radius:999px;vertical-align:middle}.chart-tooltip span:nth-child(2) i{background:#dfc585}.chart-tooltip span:nth-child(3) i{background:#a7d4e3}.chart-tooltip b{float:right;color:#fff}.chart-days{display:grid;grid-template-columns:repeat(7,1fr);padding:0 13px 0 30px;color:#9b9da3;font-size:11px}.task-list{display:grid;gap:13px}.task-row{display:grid;grid-template-columns:34px minmax(0,1fr) 8px 86px 42px 22px;gap:11px;color:#7d7f86;font-size:12px}.task-row strong{min-width:0;overflow:hidden;color:#1b1d25;text-overflow:ellipsis;white-space:nowrap}.task-row b{color:#1f2128}.task-row button{border:0;background:transparent;color:#1b1d25;cursor:pointer}.task-icon{width:34px;height:34px;border-radius:50%;background:#f2f3f5}.task-dot{width:6px;height:6px;border-radius:50%}.task-icon--gold,.task-dot--gold{background:#d8b06b}.task-icon--blue,.task-dot--blue{background:#86bfdb}.task-icon--mint,.task-dot--mint{background:#8ccbb3}.restaurant-dash-right{display:flex;height:100vh;height:100dvh;min-width:0;overflow-y:auto;flex-direction:column;padding:18px 20px 24px;border-left:1px solid #ececeb;background:#fbfbfa}.restaurant-profile-panel{padding:28px 20px 26px;text-align:center;border-radius:18px;background:#efefee}.profile-photo{width:78px;height:78px;display:grid;place-items:center;margin:0 auto 14px;border:5px solid #fff5d6;border-radius:50%;background:#14151b;color:#fff;font-weight:900}.restaurant-profile-panel h2{font-size:15px;letter-spacing:-.03em}.restaurant-profile-panel p{color:#81838a;font-size:12px}.profile-action-row{justify-content:center;gap:18px;margin-top:24px}.profile-action-row button{width:36px;height:36px;display:grid;place-items:center;border:0;border-radius:50%;background:#fff;cursor:pointer}.activity-panel{flex:1;padding-top:26px}.activity-title{display:grid;grid-template-columns:1fr auto 1fr;gap:15px;align-items:center;margin-bottom:24px;font-size:13px}.activity-title span{height:1px;background:#eeeeed}.activity-item{display:grid;grid-template-columns:35px minmax(0,1fr);gap:12px;margin-bottom:25px}.activity-avatar{width:35px;height:35px;display:grid;place-items:center;border-radius:50%;background:#f1d0d0;color:#462121;font-size:10px;font-weight:900}.activity-meta{justify-content:space-between;gap:12px;font-size:12px}.activity-meta small,.activity-item p{color:#8a8c92;font-size:11px}.activity-message{margin-top:8px;padding:13px;border-radius:12px;background:#e9f1ff;color:#22242c;font-size:12px;line-height:1.35}.activity-file{justify-content:space-between;margin-top:8px;padding:10px;border-radius:12px;background:#e9f1ff;font-size:12px}.activity-file span{flex:1;margin-left:8px}.activity-file small{display:block;color:#8a8c92}.activity-compose{gap:10px;padding:14px;border-radius:14px;background:#f5f5f4;color:#8b8d93}.activity-compose input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:#22242c;font-size:12px}@media(max-width:1100px){.restaurant-dashboard-shell{grid-template-columns:220px minmax(0,1fr);overflow-y:auto}.restaurant-dash-main,.restaurant-dash-right{height:auto;overflow:visible}.restaurant-dash-right{grid-column:1 / -1;border-top:1px solid #ececeb;border-left:0}}@media(max-width:820px){.client-map-screen,.restaurant-dashboard-screen{padding:0}.client-map-shell,.restaurant-dashboard-shell{min-height:100vh;border-radius:0}.client-map-shell{grid-template-columns:1fr}.client-panel{position:absolute;top:12px;left:12px;right:12px;height:auto;max-height:44vh;max-height:44dvh;border:1px solid rgba(255,255,255,.1);border-radius:22px}.client-map-canvas{min-height:100vh;min-height:100dvh}.restaurant-dashboard-shell{grid-template-columns:1fr;overflow-y:auto}.restaurant-dash-sidebar{position:relative;height:auto;padding:22px}.restaurant-dash-nav{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:24px}.upgrade-card,.dash-sidebar-footer{display:none}.restaurant-dash-main{height:auto;overflow:visible;padding:28px 22px}.dash-greeting,.dash-kpi-row{align-items:flex-start;flex-direction:column}.dash-kpi-card{width:100%;padding:0;border-right:0}.task-row{grid-template-columns:34px minmax(0,1fr) 8px 72px}.task-row b,.task-row button{display:none}}@media(max-width:900px){.client-map-shell{grid-template-columns:1fr}.client-panel-backdrop{display:block;position:fixed;inset:0;z-index:20;background:#0000007a;opacity:0;pointer-events:none;transition:opacity .22s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.client-panel-backdrop.is-visible{opacity:1;pointer-events:auto}.client-panel{position:fixed;inset:0 auto 0 0;width:min(390px,calc(100vw - 24px));height:100vh;height:100dvh;max-height:none;padding:max(18px,env(safe-area-inset-top)) 16px max(18px,env(safe-area-inset-bottom));border:0;border-right:1px solid rgba(255,255,255,.1);border-radius:0 24px 24px 0;transform:translate(-105%);transition:transform .26s cubic-bezier(.4,0,.2,1);z-index:30}.client-panel.is-open{transform:translate(0)}.client-panel-close{width:30px;height:30px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:#ffffff0f;color:#ffffffdb;cursor:pointer}.client-info{display:none}.client-mobile-menu-button{position:fixed;top:max(14px,env(safe-area-inset-top));left:14px;z-index:10;display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 14px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:#121314db;color:#f7f7f4;box-shadow:0 14px 34px #0000004d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer}.client-map-canvas{min-height:100vh;min-height:100dvh}.client-selected-card{right:16px;bottom:max(16px,env(safe-area-inset-bottom));width:min(360px,calc(100% - 32px))}.restaurant-dashboard-shell{grid-template-columns:1fr;overflow-y:auto}.restaurant-dash-backdrop{display:block;position:fixed;inset:0;z-index:40;background:#1118276b;opacity:0;pointer-events:none;transition:opacity .22s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.restaurant-dash-backdrop.is-visible{opacity:1;pointer-events:auto}.restaurant-dash-sidebar{position:fixed;inset:0 auto 0 0;z-index:50;width:min(300px,calc(100vw - 32px));height:100vh;height:100dvh;padding:max(24px,env(safe-area-inset-top)) 22px max(22px,env(safe-area-inset-bottom));border-right:1px solid #ececeb;box-shadow:18px 0 48px #11182724;transform:translate(-105%);transition:transform .26s cubic-bezier(.4,0,.2,1)}.restaurant-dash-sidebar.is-open{transform:translate(0)}.restaurant-dash-close{position:absolute;top:max(18px,env(safe-area-inset-top));right:16px;width:36px;height:36px;display:grid;place-items:center;border:1px solid #e5e7eb;border-radius:999px;background:#fff;color:#11131b;cursor:pointer}.restaurant-dash-nav{grid-template-columns:1fr;margin-top:34px}.restaurant-dash-nav a{min-height:42px}.dash-mobile-menu-button{width:42px;height:42px;display:grid;place-items:center;flex:0 0 auto;border:1px solid #e4e4e2;border-radius:14px;background:#fff;color:#11131b;box-shadow:0 10px 24px #11182712;cursor:pointer}.restaurant-dash-main{height:auto;min-height:100vh;min-height:100dvh;overflow:visible;padding:max(20px,env(safe-area-inset-top)) 18px 28px}.restaurant-dash-right{height:auto;overflow:visible;border-left:0;border-top:1px solid #ececeb}.dash-greeting{align-items:flex-start}}@media(max-width:640px){.client-panel{inset:auto 0 0;width:100%;height:auto;max-height:min(78vh,78dvh);border-right:0;border-top:1px solid rgba(255,255,255,.1);border-radius:26px 26px 0 0;transform:translateY(105%)}.client-panel.is-open{transform:translateY(0)}.client-mobile-menu-button{left:12px;right:auto;min-height:40px}.client-map-pin>span{width:46px;height:46px;font-size:13px}.client-map-pin small{padding:4px 7px}.client-selected-card{left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));width:auto;padding:14px;border-radius:20px}.selected-restaurant-metrics{gap:6px}.selected-restaurant-metrics div{padding:8px}.restaurant-dash-main{padding-inline:16px}.dash-greeting{gap:14px}.dash-date{width:100%;justify-content:space-between}.chart-tooltip{left:34%}.restaurant-dash-right{padding:16px}}