:root{--bg:#f4f7f6;--card:#fff;--ink:#102323;--muted:#647371;--line:#dce6e4;--brand:#02c9d9;--brand-dark:#05747c;--chart-total:#02c9d9;--chart-active:#34d399;--chart-cancelled:#ff6b6b;--chart-no-show:#8b5cf6;--green:#1fbf6b;--amber:#d97706;--shadow:0 18px 45px #122d2d1a}*{box-sizing:border-box}body{background:radial-gradient(circle at top left, #02c9d924, transparent 34rem), var(--bg);color:var(--ink);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:var(--brand-dark);font-weight:800}.auth-shell,.portal-shell{width:min(1180px,100% - 32px);margin:0 auto}.auth-shell{place-items:center;min-height:100vh;display:grid}.auth-card,.panel,.empty-state{border:1px solid var(--line);box-shadow:var(--shadow);background:#ffffffe6;border-radius:22px}.auth-card{width:min(480px,100%);padding:36px}.brand-mark{width:48px;height:48px;color:var(--brand);background:#102323;border-radius:16px;place-items:center;font-weight:900;display:grid}.logo-mark{border:1px solid var(--line);background:#fff;border-radius:18px;justify-content:center;align-items:center;height:62px;padding:8px 12px;display:inline-flex;box-shadow:0 12px 28px #122d2d14}.logo-mark img{width:auto;height:42px;display:block}.eyebrow{color:var(--brand-dark);letter-spacing:0;text-transform:uppercase;margin:18px 0 8px;font-weight:900}h1,h2,p{margin-top:0}h1{margin-bottom:12px;font-size:clamp(2rem,4vw,4.25rem);line-height:1}h2{margin-bottom:0;font-size:1.1rem}.muted{color:var(--muted)}.form-stack,.stack{gap:14px;display:grid}label{color:#263b3a;gap:8px;font-weight:800;display:grid}input,select,textarea{border:1px solid var(--line);width:100%;color:var(--ink);font:inherit;background:#fff;border-radius:12px}input,select{height:48px;padding:0 14px}textarea{resize:vertical;min-height:120px;padding:12px 14px}input[type=checkbox]{width:20px;min-width:20px;height:20px;padding:0}input[readonly]{color:var(--muted);cursor:default;background:#f7fbfa;border-color:#0000;padding-left:0;font-weight:800}select{appearance:none}button,.button-link,.secondary-button{background:var(--brand);color:#062223;cursor:pointer;min-height:46px;font:inherit;border:0;border-radius:999px;justify-content:center;align-items:center;padding:0 22px;font-weight:900;text-decoration:none;display:inline-flex}button:disabled{cursor:progress;opacity:.65}.secondary-button{color:var(--brand-dark);background:#e5f9fb}.error{color:#b42318;background:#fff0f0;border-radius:12px;padding:12px}.portal-shell{padding:34px 0 56px}.portal-header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:28px;display:flex}.portal-title-row{align-items:center;gap:18px;display:flex}.portal-title-row .eyebrow{margin-top:0}.portal-logo{border:1px solid var(--line);background:#fff;border-radius:22px;flex:none;justify-content:center;align-items:center;width:72px;height:72px;padding:10px;display:inline-flex;box-shadow:0 16px 36px #122d2d1a}.portal-logo img{width:auto;height:48px;display:block}.portal-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.portal-nav{border:1px solid var(--line);overscroll-behavior-x:contain;scrollbar-width:none;white-space:nowrap;background:#ffffffb8;border-radius:999px;align-items:center;gap:4px;max-width:100%;margin-bottom:16px;padding:5px;display:inline-flex;overflow-x:auto}.portal-nav::-webkit-scrollbar{display:none}.portal-nav a{color:var(--muted);border-radius:999px;flex:none;padding:10px 18px;text-decoration:none}.portal-nav a.active,.portal-nav a:hover{color:var(--brand);background:#102323}.stats-grid,.content-grid{gap:16px;display:grid}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:16px}.stats-grid article{color:#fff;background:linear-gradient(145deg,#02c9d924,#0000 55%),#102323;border-radius:20px;padding:22px}.stats-grid span,.panel-heading span{color:var(--muted);font-size:.9rem;font-weight:800}.stats-grid strong{color:var(--brand);margin-top:12px;font-size:2.25rem;line-height:1;display:block}.content-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:16px}.chart-panel{overflow:hidden}.panel-heading p{margin:4px 0 0}.chart-legend{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.chart-actions{flex-wrap:wrap;justify-content:flex-end;align-items:flex-end;gap:14px;display:flex}.select-field{position:relative}.select-field:after{content:"";border:solid var(--muted);pointer-events:none;border-width:0 2px 2px 0;width:7px;height:7px;position:absolute;top:calc(50% + 4px);right:16px;transform:rotate(45deg)}.select-field select{padding-right:40px}.compact-select{min-width:140px}.compact-select select{height:42px}.chart-legend span{color:var(--muted);align-items:center;gap:6px;font-size:.82rem;font-weight:900;display:inline-flex}.chart-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px;display:grid}.chart-summary article{border:1px solid var(--line);background:linear-gradient(#f7fbfa,#eef7f5);border-radius:16px;padding:14px 16px}.chart-summary span{color:var(--muted);font-size:.82rem;font-weight:900;display:block}.chart-summary strong{margin-top:8px;font-size:1.65rem;line-height:1;display:block}.legend-dot{border-radius:999px;width:10px;height:10px;display:inline-block}.total-dot{background:var(--chart-total)}.active-dot{background:var(--chart-active)}.cancelled-dot{background:var(--chart-cancelled)}.no-show-dot{background:var(--chart-no-show)}.recharts-card{border:1px solid var(--line);background:#fbfdfc;border-radius:18px;padding:18px 10px 6px;overflow-x:auto}.recharts-card .recharts-wrapper{min-width:760px}.recharts-card text{font-size:.78rem;font-weight:800}.chart-tooltip{color:#fff;background:#102323;border-radius:12px;gap:8px;min-width:170px;padding:12px;display:grid;box-shadow:0 16px 40px #1023232e}.chart-tooltip>strong{font-size:.9rem}.chart-tooltip-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.chart-tooltip-row span{align-items:center;gap:7px;font-size:.82rem;font-weight:800;display:inline-flex}.chart-tooltip-row i{border-radius:999px;width:9px;height:9px;display:inline-block}.panel{margin-bottom:16px;padding:22px}.panel-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.filter-grid{grid-template-columns:minmax(220px,1.4fr) repeat(5,minmax(150px,1fr));gap:14px;display:grid}.table-panel{overflow:hidden}.table-scroll{overflow-x:auto}.bookings-table td{vertical-align:top}.clickable-row{cursor:pointer}.clickable-row:hover{background:#02c9d90f}.clickable-row:focus{outline:2px solid var(--brand);outline-offset:-2px}.bookings-table strong,.bookings-table span{display:block}.bookings-table td span{color:var(--muted);margin-top:4px;font-size:.84rem}.status-pill{white-space:nowrap;border-radius:999px;padding:7px 11px;font-size:.78rem;font-weight:900;display:inline-flex}.status-pending{color:#a15c00;background:#fff3d8}.status-confirmed,.status-seated{color:#0d7a42;background:#ddf8e9}.status-completed{color:var(--brand-dark);background:#e5f9fb}.status-cancelled,.status-no_show{color:#b42318;background:#fff0f0}.booking-note{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;max-width:260px;overflow:hidden}.pagination-actions{align-items:center;gap:10px;display:flex}.pagination-actions span{color:var(--muted);font-weight:900}.empty-table{color:var(--muted);text-align:center;padding:18px 0}.modal-backdrop{z-index:50;background:#0714148c;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.reservation-modal{background:var(--card);border:1px solid var(--line);border-radius:24px;width:min(980px,100%);max-height:min(860px,100vh - 48px);padding:26px;position:relative;overflow:auto;box-shadow:0 28px 90px #07141447}.modal-close{color:var(--ink);background:#eef3f2;width:40px;min-height:40px;padding:0;position:absolute;top:18px;right:18px}.modal-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px;padding:0 54px 18px 0;display:flex}.modal-heading .eyebrow{margin-top:0}.modal-heading h2{font-size:clamp(1.6rem,3vw,2.4rem)}.detail-grid,.notes-grid{gap:12px;display:grid}.detail-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.notes-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:12px}.detail-grid article,.notes-grid article{border:1px solid var(--line);background:#f7fbfa;border-radius:16px;padding:14px}.detail-grid span,.notes-grid span{color:var(--muted);text-transform:uppercase;margin-bottom:8px;font-size:.78rem;font-weight:900;display:block}.detail-grid strong{overflow-wrap:anywhere;display:block}.detail-grid p,.notes-grid p{color:var(--muted);overflow-wrap:anywhere;margin:5px 0 0}.history-section{margin-top:20px}.compact-heading{margin-bottom:10px}.history-list{gap:0;margin:0;padding:0;list-style:none;display:grid}.history-list li{grid-template-columns:18px 1fr;gap:12px;padding:12px 0;display:grid;position:relative}.history-list li:not(:last-child):before{background:var(--line);content:"";width:2px;position:absolute;top:30px;bottom:-4px;left:6px}.history-dot{background:var(--brand);border-radius:999px;width:14px;height:14px;margin-top:4px}.muted-history-dot{background:var(--line)}.history-list p{color:var(--ink);margin:4px 0}.history-list span{color:var(--muted);font-size:.84rem;font-weight:800;display:block}.record{border:1px solid var(--line);border-radius:16px;justify-content:space-between;align-items:center;gap:16px;padding:16px;display:flex}.record p{color:var(--muted);margin:4px 0 0}.record-actions{place-items:flex-end end;gap:8px;display:grid}.pill{white-space:nowrap;border-radius:999px;padding:8px 12px;font-size:.8rem;font-weight:900}.success{color:#0d7a42;background:#ddf8e9}.success-message{color:#0d7a42;background:#ddf8e9;border-radius:12px;margin-bottom:16px;padding:12px;font-weight:900}.settings-form{gap:0;display:grid}.venue-select{max-width:520px}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.single-column{grid-template-columns:1fr}.integration-grid{align-items:stretch;margin-top:16px}.integration-panel{flex-direction:column;gap:16px;display:flex}.record-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.record-grid .record{border:1px solid var(--line);background:#f7fbfa;border-radius:14px;padding:14px}.record-grid .record span{color:var(--muted);text-transform:uppercase;font-size:.78rem;font-weight:900;display:block}.record-grid .record strong{word-break:break-word;margin-top:6px;display:block}.integration-note{color:var(--muted);margin:0;line-height:1.55}.privacy-snippet-panel{margin-top:16px}.copy-textarea{border-color:var(--line);min-height:360px;color:var(--ink);resize:vertical;background:#f7fbfa;font-size:.95rem;line-height:1.55}.account-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.account-panel{margin-bottom:0}.account-hero{background:linear-gradient(135deg,#02c9d933,#ffffffeb),#fff;align-items:center;gap:18px;display:flex}.account-hero .eyebrow{margin-top:0}.account-hero h2{font-size:clamp(1.5rem,3vw,2.4rem)}.account-avatar{color:var(--brand);background:#102323;border-radius:22px;flex:none;justify-content:center;align-items:center;width:72px;height:72px;font-size:2rem;font-weight:900;display:inline-flex}.subscription-card{border:1px solid var(--line);background:#f7fbfa;border-radius:16px;justify-content:space-between;align-items:center;gap:14px;padding:14px;display:flex}.subscription-card span{color:var(--muted);margin-top:4px;font-size:.86rem;font-weight:800;display:block}.toggle-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.check-row,.switch-row{border:1px solid var(--line);background:#f7fbfa;border-radius:14px;flex-direction:row;justify-content:flex-start;align-items:center;gap:10px;padding:14px;display:flex}.switch-row{min-width:150px}.switch-row span{color:var(--brand-dark);font-weight:900}.sticky-actions{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f4f7f6db;justify-content:flex-end;padding:12px 0 0;display:flex;position:sticky;bottom:0}.warning{color:var(--amber);background:#fff3d8}.muted-pill{color:var(--muted);background:#eef3f2}.table-wrap{overflow-x:auto}.invoice-list{gap:12px;display:grid}.small{min-height:34px;padding:0 14px}table{border-collapse:collapse;width:100%;min-width:780px}th,td{border-bottom:1px solid var(--line);text-align:left;padding:14px 10px}th{color:var(--muted);text-transform:uppercase;font-size:.78rem}.empty-state{margin-top:15vh;padding:32px}@media (max-width:860px){.portal-header,.portal-title-row,.record{flex-direction:column;align-items:stretch}.portal-actions{justify-content:flex-start}.stats-grid,.content-grid,.account-grid,.chart-summary,.record-grid,.filter-grid,.detail-grid,.notes-grid,.settings-grid,.toggle-grid{grid-template-columns:1fr}.modal-backdrop{align-items:stretch;padding:12px}.reservation-modal{border-radius:18px;max-height:calc(100vh - 24px);padding:20px}.modal-heading{flex-direction:column}.panel-heading,.chart-actions,.pagination-actions{flex-direction:column;align-items:stretch}.record-actions{place-items:flex-start start}}