*{box-sizing:border-box}:root{color:#0b1a2e;background:#f8fafc;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{margin:0;min-width:320px;min-height:100vh;background:#f8fafc}button,input,textarea{font:inherit}a{color:inherit}.login-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at top right,rgba(232,98,10,.25),transparent 30%),linear-gradient(135deg,#0b1a2e,#122845);padding:24px}.login-card{width:min(440px,100%);background:#fff;border-radius:28px;padding:32px;box-shadow:0 24px 80px #00000040}.login-logo,.brand-mark{width:48px;height:48px;border-radius:16px;background:#e8620a;color:#fff;display:grid;place-items:center;font-weight:900}.login-card h1{margin:18px 0 8px}.login-card p{color:#64748b;margin:0 0 24px}label{display:grid;gap:8px;color:#334155;font-weight:750;margin-bottom:16px}input,textarea{border:1px solid #dbe3ef;border-radius:14px;padding:12px 14px;color:#0b1a2e;background:#fff;outline:none}input:focus,textarea:focus{border-color:#e8620a;box-shadow:0 0 0 4px #e8620a1f}.primary-button,.secondary-button,.ghost-button,.danger-button{border:0;border-radius:14px;padding:12px 16px;font-weight:850;cursor:pointer}.primary-button{background:#e8620a;color:#fff;width:100%}.secondary-button{background:#eef2f7;color:#0b1a2e}.ghost-button{background:transparent;color:#0b1a2e}.danger-button{background:#fee2e2;color:#991b1b}button:disabled{opacity:.6;cursor:not-allowed}.error-box{background:#fee2e2;color:#991b1b;border:1px solid #fecaca;border-radius:16px;padding:14px;margin:12px 0}.app-shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.sidebar{background:#0b1a2e;color:#fff;padding:24px}.brand{display:flex;gap:12px;align-items:center;margin-bottom:32px}.brand span{display:block;color:#ffffffa6;font-size:13px}.sidebar nav{display:grid;gap:6px}.sidebar a,.disabled-nav{text-decoration:none;padding:12px 14px;border-radius:14px;color:#ffffffc7}.sidebar a.active{background:#e8620a2e;color:#fff;box-shadow:inset 4px 0 #e8620a}.disabled-nav{opacity:.45}.main{min-width:0}.topbar{height:72px;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;justify-content:space-between;padding:0 28px}.topbar span{display:block;color:#64748b;font-size:13px}.content{padding:28px}.page-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:20px}.page-title h1,.detail-header h1{margin:0 0 6px;font-size:32px}.page-title p,.detail-header p{margin:0;color:#64748b}.tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.tabs button{border:1px solid #e2e8f0;background:#fff;color:#334155;border-radius:999px;padding:9px 13px;cursor:pointer;font-weight:760}.tabs button.active{border-color:#e8620a;background:#fff7ed;color:#c2410c}.card,.quote-row,.empty-state{background:#fff;border:1px solid #e2e8f0;border-radius:22px;box-shadow:0 10px 30px #0f172a0d}.card{padding:22px}.empty-state{padding:28px;color:#64748b}.empty-state.compact{padding:16px;margin:10px 0 18px}.quote-list{display:grid;gap:12px}.quote-row{display:block;padding:18px;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease}.quote-row:hover{transform:translateY(-1px);box-shadow:0 18px 42px #0f172a14}.quote-row-top{display:flex;justify-content:space-between;gap:12px;align-items:center}.quote-row-top>div{display:flex;align-items:center;gap:10px}.quote-row-top span,.quote-row-meta{color:#64748b;font-size:13px}.quote-row p{margin:10px 0;color:#334155}.quote-row-meta{display:flex;flex-wrap:wrap;gap:14px}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;font-size:12px;line-height:1;font-weight:850;text-transform:uppercase;letter-spacing:.03em}.badge-NeedsReview{background:#fef3c7;color:#b45309}.badge-InstantQuoted{background:#dbeafe;color:#1d4ed8}.badge-RangeQuoted{background:#e0e7ff;color:#4338ca}.badge-BookingRequested{background:#fed7aa;color:#c2410c}.badge-ManualQuoteSent{background:#ede9fe;color:#6d28d9}.badge-Booked{background:#dcfce7;color:#166534}.badge-Completed{background:#f3f4f6;color:#374151}.badge-Cancelled,.badge-Failed{background:#fee2e2;color:#991b1b}.back-link{display:inline-block;color:#64748b;text-decoration:none;margin-bottom:16px;font-weight:750}.detail-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(320px,.85fr);gap:22px}.detail-header{display:flex;justify-content:space-between;gap:18px;align-items:start;margin-bottom:20px}.card h2{margin:24px 0 10px;font-size:16px}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:12px}.image-thumb,.image-loading,.image-failed{width:100%;aspect-ratio:1.15;border:1px solid #e2e8f0;border-radius:18px;overflow:hidden;background:#f8fafc}.image-thumb{padding:0;cursor:zoom-in}.image-thumb img{width:100%;height:100%;object-fit:cover}.image-loading,.image-failed{display:grid;place-items:center;color:#64748b;font-size:13px}.quote-description{color:#334155;line-height:1.6}.info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.info-item{background:#f8fafc;border-radius:16px;padding:12px}.info-item span{display:block;color:#64748b;font-size:12px;margin-bottom:4px}.info-item strong{color:#0b1a2e;word-break:break-word}.booking-stack{display:grid;gap:10px}.booking-card{background:#f8fafc;border-radius:16px;padding:14px}.booking-card span{display:inline-block;margin-left:8px;color:#c2410c;font-weight:800}.booking-card p{margin:8px 0 0;color:#334155}.sticky-card{position:sticky;top:22px}.price-box{background:#0b1a2e;color:#fff;border-radius:22px;padding:20px;margin:10px 0 22px}.price-box strong{display:block;font-size:38px;line-height:1;margin-bottom:8px}.price-box span{color:#ffffffbf}.manual-form,.notes-box,.action-stack{display:grid;gap:12px}.money-input{display:flex;align-items:center;border:1px solid #dbe3ef;border-radius:14px;overflow:hidden;background:#fff}.money-input span{padding:0 12px;color:#64748b}.money-input input{border:0;border-left:1px solid #e2e8f0;border-radius:0;flex:1}.notice{background:#dcfce7;color:#166534;padding:14px;border-radius:16px;font-weight:800}.notice span{display:block;margin-top:4px;font-weight:500}.diagnostics{margin-top:24px;border-top:1px solid #e2e8f0;padding-top:18px}.diagnostics>button{border:0;background:transparent;padding:0;color:#1a4a2e;font-weight:900;cursor:pointer}.diagnostics-body{display:grid;gap:10px;margin-top:14px}pre{white-space:pre-wrap;background:#0b1a2e;color:#e2e8f0;border-radius:16px;padding:16px;overflow:auto}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;border:0;background:#000000d1;z-index:9999;display:grid;place-items:center;padding:24px;cursor:zoom-out}.lightbox img{max-width:min(1100px,96vw);max-height:92vh;object-fit:contain;border-radius:18px}@media(max-width:920px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;padding:16px}.sidebar nav{grid-auto-flow:column;overflow-x:auto}.detail-grid{grid-template-columns:1fr}.sticky-card{position:static}}@media(max-width:620px){.content{padding:18px}.topbar{padding:0 18px}.info-grid{grid-template-columns:1fr}.quote-row-top,.detail-header{display:grid}}.error-box.compact{padding:10px 12px;margin:8px 0 12px}.error-boundary{min-height:100vh;display:grid;place-items:center;padding:32px;background:#f8fafc;color:#0b1a2e}.error-boundary>*{max-width:520px}.tab-count{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;margin-left:8px;border-radius:999px;background:#b45309;color:#fff;font-size:12px;font-weight:900}.quote-row.urgent{border-left:6px solid #f59e0b}.pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:22px;color:#64748b;font-weight:750}.skeleton-card{pointer-events:none}.skeleton-line{height:14px;width:70%;border-radius:999px;background:linear-gradient(90deg,#eef2f7,#f8fafc,#eef2f7);background-size:220% 100%;animation:qeSkeleton 1.2s ease-in-out infinite;margin:12px 0}.skeleton-line.wide{width:90%;height:18px}.skeleton-line.short{width:42%}.skeleton-photo-grid{display:grid;grid-template-columns:repeat(3,minmax(80px,1fr));gap:12px;margin:22px 0}.skeleton-photo-grid>div{aspect-ratio:1.15;border-radius:18px;background:linear-gradient(90deg,#eef2f7,#f8fafc,#eef2f7);background-size:220% 100%;animation:qeSkeleton 1.2s ease-in-out infinite}@keyframes qeSkeleton{0%{background-position:200% 0}to{background-position:-200% 0}}.price-box.review-box{background:#fffbeb;color:#92400e;border:1px solid #fde68a}.price-box.review-box span{color:#b45309}.notice.muted{background:#f8fafc;color:#64748b}.diagnostics-toggle{width:100%;border:1px solid #e2e8f0;border-radius:14px;background:#f8fafc;color:#0b1a2e;display:flex;align-items:center;justify-content:space-between;padding:12px 14px;cursor:pointer;font-weight:850}.diagnostics-toggle strong{color:#e8620a;font-size:13px}.booking-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}select{border:1px solid #dbe3ef;border-radius:14px;padding:12px 14px;color:#0b1a2e;background:#fff;outline:none}select:focus{border-color:#e8620a;box-shadow:0 0 0 4px #e8620a1f}.badge-PendingConfirmation{background:#fed7aa;color:#c2410c}.badge-Confirmed,.badge-Dispatched,.badge-InProgress{background:#dcfce7;color:#166534}.badge-Complete{background:#f3f4f6;color:#374151}.badge-NoShow{background:#fee2e2;color:#991b1b}.warning-text{color:#b45309;font-weight:850}.warning-box{background:#fef3c7;color:#92400e;border:1px solid #fde68a;border-radius:16px;padding:14px;margin:14px 0;font-weight:750}.review-note{background:#fff7ed;color:#c2410c;border-radius:16px;padding:14px;font-weight:800;margin-bottom:16px}.schedule-summary{background:#f8fafc;border-radius:18px;padding:16px;display:grid;gap:6px;margin-bottom:18px}.schedule-summary strong{color:#0b1a2e}.schedule-summary span,.helper-text,.muted-text{color:#64748b;font-size:13px}.inline-form,.override-form{display:flex;flex-wrap:wrap;gap:14px;align-items:end;margin-bottom:22px}.inline-form label,.override-form label{min-width:170px;margin-bottom:0}.checkbox-label{display:inline-flex;align-items:center;gap:9px;min-height:48px;font-weight:800}.checkbox-label input{width:18px;height:18px}.compact-button{width:auto;min-width:120px}.narrow-button{width:auto;margin-top:16px}.crew-list{display:grid;gap:18px}.crew-card h2{margin-top:24px}.crew-header{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px}.crew-header strong{display:block;font-size:18px}.crew-header span{display:block;color:#64748b;font-size:13px}.crew-color{width:34px;height:34px;border-radius:999px;border:3px solid #fff;box-shadow:0 0 0 1px #e2e8f0}.schedule-grid{display:grid;gap:10px}.schedule-row{display:grid;grid-template-columns:170px repeat(4,minmax(105px,1fr)) 110px;gap:12px;align-items:end;background:#f8fafc;border-radius:18px;padding:12px}.schedule-row label{margin-bottom:0}.slot-preview{color:#1a4a2e;font-weight:850;align-self:center}.override-list{display:grid;gap:10px;margin-top:12px}.override-row{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#f8fafc;border-radius:16px;padding:12px 14px}.override-row strong,.override-row span{display:block}.override-row span{color:#64748b;font-size:13px}@media(max-width:980px){.schedule-row{grid-template-columns:1fr 1fr}.inline-form,.override-form{display:grid;grid-template-columns:1fr}.compact-button,.narrow-button{width:100%}}.slot-picker-panel{border:1px solid #e2e8f0;background:#f8fafc;border-radius:18px;padding:14px;display:grid;gap:12px}.slot-picker-header{display:flex;justify-content:space-between;gap:12px;align-items:start}.slot-picker-header strong,.slot-picker-header span{display:block}.slot-picker-header strong{color:#0b1a2e}.slot-picker-header span{color:#64748b;font-size:13px;margin-top:3px}.slot-grid{display:grid;gap:9px}.slot-button{min-height:54px;border:1px solid #dbe3ef;border-radius:16px;background:#fff;color:#0b1a2e;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-weight:850;text-align:left}.slot-button:hover{border-color:#e8620a;box-shadow:0 0 0 4px #e8620a14}.slot-button.selected{border-color:#e8620a;background:#fff7ed;color:#c2410c}.slot-skeleton{height:54px;border-radius:16px;background:linear-gradient(90deg,#eef2f7,#fff,#eef2f7);background-size:220% 100%;animation:qeSkeleton 1.2s ease-in-out infinite}.timeline-section{margin-top:28px}.section-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.section-title-row h2{margin:0}.section-title-row span{color:#64748b;font-size:13px;font-weight:700}.timeline-list{position:relative;list-style:none;margin:0;padding:0 0 0 18px}.timeline-list:before{content:"";position:absolute;left:5px;top:10px;bottom:10px;width:2px;background:#e2e8f0}.timeline-item{position:relative;display:flex;gap:12px;padding:0 0 18px}.timeline-dot{position:absolute;left:-18px;top:8px;width:12px;height:12px;border-radius:999px;background:#e8620a;border:3px solid #fff;box-shadow:0 0 0 2px #fed7aa}.timeline-content{width:100%;border:1px solid #e2e8f0;border-radius:16px;background:#fff;padding:12px 14px}.timeline-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.timeline-heading strong{color:#0b1a2e}.timeline-heading span,.timeline-content small{color:#64748b;font-size:12px}.timeline-content p{margin:6px 0 4px;color:#334155}.timeline-actor{display:inline-block;margin-top:4px;font-weight:700}.calendar-toolbar{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:18px}.calendar-toolbar strong,.calendar-toolbar span{display:block}.calendar-toolbar strong{font-size:20px;color:#0b1a2e}.calendar-toolbar span{color:#64748b;font-size:13px;margin-top:4px}.calendar-controls{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;align-items:center}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(150px,1fr));gap:12px;align-items:stretch}.calendar-grid-day{grid-template-columns:minmax(0,1fr)}.calendar-grid-month{grid-template-columns:repeat(7,minmax(120px,1fr))}.calendar-grid-month .calendar-day{min-height:180px;padding:10px;border-radius:18px}.calendar-grid-month .calendar-day.outside-month{opacity:.55;background:#f8fafc}.calendar-grid-month .calendar-day header{padding-bottom:8px;margin-bottom:8px}.calendar-grid-month .calendar-empty{min-height:72px;font-size:12px}.calendar-booking-card.compact{padding:9px;border-radius:13px}.calendar-booking-card.compact .calendar-booking-top strong{font-size:12px}.calendar-booking-card.compact p{margin:5px 0;font-size:12px;line-height:1.25}.calendar-booking-card.compact .calendar-booking-meta{font-size:11px}.calendar-day{min-height:420px;background:#fff;border:1px solid #e2e8f0;border-radius:22px;padding:14px;box-shadow:0 10px 30px #0f172a0d}.calendar-day.today{border-color:#e8620a;box-shadow:0 0 0 4px #e8620a14,0 10px 30px #0f172a0d}.calendar-day header{display:flex;align-items:baseline;justify-content:space-between;gap:8px;border-bottom:1px solid #e2e8f0;padding-bottom:10px;margin-bottom:12px}.calendar-day header strong{color:#0b1a2e}.calendar-day header span{color:#64748b;font-size:12px;font-weight:800}.calendar-empty{min-height:120px;display:grid;place-items:center;color:#94a3b8;font-weight:750;text-align:center;border:1px dashed #dbe3ef;border-radius:16px;background:#f8fafc}.calendar-booking-list{display:grid;gap:10px}.calendar-booking-card{display:block;text-decoration:none;border:1px solid #e2e8f0;border-left:5px solid #e8620a;border-radius:16px;padding:12px;background:#f8fafc;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.calendar-booking-card:hover{transform:translateY(-1px);box-shadow:0 14px 32px #0f172a14;border-color:#e8620a}.calendar-booking-top{display:flex;justify-content:space-between;align-items:start;gap:10px}.calendar-booking-top strong{color:#0b1a2e}.calendar-booking-card p{margin:9px 0;color:#334155;line-height:1.35}.calendar-booking-meta{display:flex;flex-wrap:wrap;gap:8px;color:#64748b;font-size:12px;font-weight:700}@media(max-width:1180px){.calendar-grid{grid-template-columns:repeat(2,minmax(220px,1fr))}.calendar-grid-month{grid-template-columns:repeat(3,minmax(180px,1fr))}}@media(max-width:720px){.calendar-toolbar{display:grid}.calendar-controls{justify-content:stretch}.calendar-controls>*{width:100%}.calendar-grid,.calendar-grid-month{grid-template-columns:1fr}.calendar-day{min-height:240px}}.compact-button{width:auto;min-width:150px}.settings-grid{display:grid;gap:18px}.settings-section h2{margin-top:0}.form-grid{display:grid;gap:14px}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end}.full-span{grid-column:1 / -1}.color-input-row{display:grid;grid-template-columns:64px 1fr;gap:10px;align-items:center}.color-input-row input[type=color]{height:46px;padding:4px}.checkbox-row{display:flex;flex-wrap:wrap;gap:16px;margin-top:10px}.checkbox-row label,.checkbox-label,.field-row label{display:flex;align-items:center;gap:8px;margin:0;font-weight:750}.field-settings{display:grid;gap:10px;margin-bottom:18px}.field-row{display:grid;grid-template-columns:minmax(160px,1fr) 110px 110px;gap:12px;align-items:center;border:1px solid #e2e8f0;border-radius:16px;padding:12px;background:#f8fafc}.settings-notice{margin-bottom:18px}.embed-card pre{font-size:12px}.embed-block{margin:16px 0}.embed-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.muted-text{color:#64748b;line-height:1.5}.muted-text code{color:#0b1a2e;background:#f1f5f9;border-radius:6px;padding:2px 5px}@media(max-width:720px){.form-grid.two,.form-grid.three,.field-row{grid-template-columns:1fr}.page-title{display:grid;gap:14px;align-items:start}.compact-button{width:100%}}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid #e2e8f0;border-radius:16px;padding:14px;background:#f8fafc;margin:14px 0}.toggle-row span{display:grid;gap:4px}.toggle-row small,.settings-readonly-grid small{color:#64748b;line-height:1.4}.toggle-row input[type=checkbox]{width:20px;height:20px}.settings-readonly-grid{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.settings-readonly-grid>div{border:1px solid #e2e8f0;border-radius:16px;padding:14px;background:#f8fafc;display:grid;gap:5px}.field-label{color:#64748b;font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.notice.subtle{background:#f8fafc;border-color:#e2e8f0;color:#334155}@media(max-width:720px){.toggle-row,.settings-readonly-grid{grid-template-columns:1fr}.toggle-row{display:grid}}.list-editor{display:flex;flex-direction:column;gap:.55rem}.list-editor-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.chip-list{display:flex;flex-wrap:wrap;gap:.4rem}.chip{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .55rem;border-radius:999px;background:#f1f5f9;border:1px solid #e2e8f0;color:#334155;font-size:.85rem}.chip button{border:0;background:transparent;color:#64748b;cursor:pointer;font-size:1rem;line-height:1}.link-list{display:grid;gap:6px;margin-top:8px}.diagnostic-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:18px;padding:16px}.diagnostic-section h3{margin:0 0 12px;font-size:15px;color:#0b1a2e}.diagnostic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.raw-diagnostics{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:14px 16px}.raw-diagnostics summary{cursor:pointer;color:#1a4a2e;font-weight:900}.raw-diagnostics pre{margin-top:12px}@media(max-width:760px){.diagnostic-grid{grid-template-columns:1fr}}.button-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.new-quote-form{max-width:920px}.form-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:18px}.checkbox-row{display:flex;gap:10px;align-items:center;font-weight:600}.checkbox-row input{width:auto}.toggle-list{display:grid;gap:10px;margin-top:12px}.help-text{color:#64748b;font-size:.92rem;margin-top:8px}.operator-photo-upload{display:grid;gap:.5rem}.operator-photo-list{display:grid;gap:.5rem;margin-top:.5rem}.operator-photo-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:.75rem;align-items:center;padding:.65rem .75rem;border:1px solid #dbe3ef;border-radius:.75rem;background:#f8fafc}.operator-photo-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.operator-photo-row small{color:#64748b}.compact-button{padding:.35rem .6rem;font-size:.85rem}.security-card{max-width:760px;margin-bottom:18px}.login-secondary-link{margin:16px 0 0;text-align:center;font-size:14px}.login-secondary-link a{color:#0b1a2e;font-weight:800}.notice{background:#dcfce7;color:#166534;border:1px solid #bbf7d0;border-radius:16px;padding:14px;margin:12px 0}.error-box.compact,.notice.compact{grid-column:1 / -1}.compact-button{width:auto}.signup-card{max-width:720px}.code-block{overflow-x:auto;white-space:pre-wrap;word-break:break-word;padding:1rem;border-radius:12px;background:#0b1a2e;color:#fff}.onboarding-list{margin:0;padding-left:1.25rem}.onboarding-list li+li{margin-top:.5rem}.onboarding-progress{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}.onboarding-step{display:inline-flex;align-items:center;gap:6px;border:1px solid #cbd5e1;border-radius:999px;color:#0b1a2e;font-weight:800;font-size:13px;padding:8px 12px;text-decoration:none;background:#fff}.onboarding-step.complete{background:#dcfce7;border-color:#bbf7d0;color:#166534}.onboarding-card{max-width:980px}.generated-key-panel{display:grid;gap:14px;margin-top:18px}.onboarding-banner{display:block}@media(max-width:720px){.onboarding-progress{display:grid}.onboarding-step{justify-content:flex-start}}.onboarding-progress-card{background:#fff;border:1px solid #e2e8f0;border-radius:22px;padding:16px;margin:0 0 18px;box-shadow:0 10px 30px #0f172a0d}.onboarding-progress-summary{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:12px}.onboarding-progress-summary div{display:grid;gap:3px}.onboarding-progress-count{font-weight:850;white-space:nowrap}.onboarding-progress-bar{height:8px;border-radius:999px;background:#e2e8f0;overflow:hidden;margin-bottom:14px}.onboarding-progress-bar span{display:block;height:100%;border-radius:inherit;background:#e8620a;transition:width .2s ease}.onboarding-step.active{border-color:#e8620a;background:#fff7ed;color:#c2410c}.copy-field{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}.embed-block{border:1px solid #e2e8f0;border-radius:18px;padding:14px;background:#f8fafc}.embed-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.fit-button{width:auto}input[aria-invalid=true]{border-color:#ef4444;box-shadow:0 0 0 4px #ef44441a}@media(max-width:720px){.onboarding-progress-summary,.embed-header,.copy-field{display:grid}.fit-button,.copy-field .compact-button{width:100%}}.color-picker{border:1px solid #e2e8f0;border-radius:18px;padding:14px;margin:0 0 16px;min-width:0}.color-picker legend{padding:0 6px;color:#334155;font-weight:850}.selected-color-row{display:flex;align-items:center;gap:10px;margin:4px 0 12px}.selected-color-swatch{width:36px;height:36px;border-radius:12px;border:1px solid #cbd5e1;box-shadow:inset 0 0 0 1px #ffffff8c}.color-palette{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.color-swatch-button{width:34px;height:34px;border:1px solid #cbd5e1;border-radius:12px;padding:0;cursor:pointer;display:grid;place-items:center;color:#fff;font-weight:950;text-shadow:0 1px 2px rgba(0,0,0,.45)}.color-swatch-button.selected{outline:3px solid rgba(232,98,10,.35);border-color:#e8620a}.color-swatch-button[style*="255, 255, 255"],.color-swatch-button[style*="#ffffff"]{color:#0b1a2e;text-shadow:none}.inline-color-input{margin-bottom:0;font-size:13px}.inline-color-input input{padding:10px 12px}.settings-preview-card{display:grid;gap:4px;border-radius:18px;padding:16px;margin:6px 0 18px}.settings-preview-card span{opacity:.85}.onboarding-progress-card{background:#fff;border:1px solid #e2e8f0;border-radius:24px;padding:18px;margin:0 0 22px;box-shadow:0 16px 40px #0f172a12}.onboarding-progress-summary{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:14px}.onboarding-progress-summary div{display:grid;gap:4px}.onboarding-progress-summary strong{color:#0b1a2e;font-size:16px}.onboarding-progress-summary span{color:#64748b;font-size:13px}.onboarding-progress-count{align-self:center;background:#fff7ed;border:1px solid #fed7aa;border-radius:999px;color:#c2410c!important;font-weight:850;padding:6px 10px;white-space:nowrap}.onboarding-progress-bar{height:9px;border-radius:999px;background:#e2e8f0;overflow:hidden;margin-bottom:16px}.onboarding-progress-bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#1a4a2e,#e8620a);transition:width .2s ease}.onboarding-progress-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;list-style:none;padding:0;margin:0}.onboarding-progress-steps li{min-width:0}.onboarding-step{min-height:64px;display:flex;align-items:center;gap:10px;border:1px solid #cbd5e1;border-radius:999px;color:#0b1a2e;font-weight:800;font-size:13px;padding:10px 13px;text-decoration:none;background:#fff;box-shadow:0 8px 18px #0f172a0a;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease,background .15s ease}.onboarding-step:hover{transform:translateY(-1px);box-shadow:0 12px 24px #0f172a14}.onboarding-step-marker{width:34px;height:34px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;background:#e2e8f0;color:#475569;font-weight:900}.onboarding-step-copy{display:grid;gap:1px;min-width:0}.onboarding-step-label{color:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.onboarding-step-status{color:#64748b;font-size:11px;font-weight:750;text-transform:uppercase;letter-spacing:.03em}.onboarding-step-complete{background:#ecfdf3;border-color:#86efac;color:#166534}.onboarding-step-complete .onboarding-step-marker{background:#1a4a2e;color:#fff}.onboarding-step-complete .onboarding-step-status{color:#166534}.onboarding-step-current{background:#0b1a2e;border-color:#0b1a2e;color:#fff;box-shadow:0 16px 32px #0b1a2e2e}.onboarding-step-current .onboarding-step-marker{background:#e8620a;color:#fff}.onboarding-step-current .onboarding-step-status{color:#fed7aa}.onboarding-step-upcoming{background:#f8fafc;color:#334155}@media(max-width:900px){.onboarding-progress-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.onboarding-progress-card{border-radius:20px;padding:14px}.onboarding-progress-summary{display:grid}.onboarding-progress-count{justify-self:start}.onboarding-progress-steps{grid-template-columns:1fr}.onboarding-step{border-radius:18px;min-height:58px}}.review-workflow{display:grid;gap:16px}.review-workflow h2{margin-bottom:0}.review-workflow-header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.review-workflow-header .muted-text{margin:4px 0 0}.review-action-picker{min-width:260px}.review-action-picker select{margin-top:6px}.compact-form{border-top:1px solid var(--border-color, #e2e8f0);padding-top:14px}.compact-form h3{margin:0 0 6px;font-size:1rem}.notice.compact{padding:12px;font-size:.92rem}@media(max-width:720px){.review-workflow-header{align-items:stretch;flex-direction:column}.review-action-picker{min-width:0}}.page-header.compact{align-items:flex-start;gap:16px}.status-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:18px}.status-card{border:1px solid #e2e8f0;border-radius:18px;padding:16px;background:#fff}.status-card-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.status-card p{margin:0 0 8px;color:#334155}.status-card-ok{border-color:#bbf7d0;background:#f0fdf4}.status-card-warning{border-color:#fed7aa;background:#fff7ed}.status-card-error{border-color:#fecaca;background:#fef2f2}.status-pill{display:inline-flex;align-items:center;border-radius:999px;font-size:12px;font-weight:750;padding:5px 10px;white-space:nowrap}.status-pill-ok{background:#dcfce7;color:#166534}.status-pill-warning{background:#ffedd5;color:#9a3412}.status-pill-error{background:#fee2e2;color:#991b1b}@media(max-width:1100px){.status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.status-grid{grid-template-columns:1fr}}.summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:12px}.summary-tile{border:1px solid #e2e8f0;border-radius:16px;padding:14px;background:#f8fafc}.summary-tile span{display:block;color:#64748b;font-size:12px;font-weight:750;margin-bottom:6px;text-transform:uppercase;letter-spacing:.03em}.summary-tile strong,.summary-tile code{color:#0f172a;font-size:.95rem;overflow-wrap:anywhere}.eyebrow{color:#e8620a;font-size:12px;font-weight:800;letter-spacing:.08em;margin:0 0 6px;text-transform:uppercase}@media(max-width:1100px){.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.summary-grid{grid-template-columns:1fr}}.system-status-page{display:grid;gap:22px;max-width:1120px}.operator-status-grid{grid-template-columns:repeat(4,minmax(180px,1fr))}.operator-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.status-card p{line-height:1.45}.support-card{background:linear-gradient(180deg,#fff,#f8fafc)}@media(max-width:1180px){.operator-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.operator-status-grid,.operator-summary-grid{grid-template-columns:1fr}}.dashboard-home{display:grid;gap:22px;max-width:1180px}.home-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;border:1px solid #dbeafe;border-radius:28px;padding:26px;background:radial-gradient(circle at top right,rgba(232,98,10,.12),transparent 34%),linear-gradient(135deg,#fff,#f8fafc 58%,#eff6ff);box-shadow:0 18px 44px #0f172a14}.home-hero h1{margin:0 0 8px;font-size:clamp(28px,4vw,42px);letter-spacing:-.04em;color:#0b1a2e}.home-hero p{margin:0;max-width:720px;color:#475569;line-height:1.55}.home-hero-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.home-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.home-kpi-card{border:1px solid #e2e8f0;border-radius:22px;padding:18px;background:#fff;box-shadow:0 10px 28px #0f172a0d}.home-kpi-card span{display:block;color:#64748b;font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.home-kpi-card strong{display:block;margin-top:8px;color:#0b1a2e;font-size:34px;line-height:1;letter-spacing:-.04em}.home-kpi-card p{margin:10px 0 0;color:#475569;font-size:13px;line-height:1.4}.home-kpi-good{border-color:#bbf7d0;background:#f0fdf4}.home-kpi-attention{border-color:#fed7aa;background:#fff7ed}.home-main-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.75fr);gap:18px;align-items:start}.section-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.section-header h2{margin:0 0 4px}.attention-count{min-width:34px;height:34px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#e8620a;color:#fff;font-weight:900;box-shadow:0 10px 20px #e8620a38}.attention-list{display:grid;gap:10px}.attention-item{display:flex;gap:12px;align-items:center;padding:14px;border:1px solid #fed7aa;border-radius:18px;background:#fff7ed;color:#0b1a2e;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease}.attention-item:hover{transform:translateY(-1px);box-shadow:0 12px 24px #0f172a14}.attention-item-count{width:36px;height:36px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;background:#e8620a;color:#fff;font-weight:900}.attention-item span:last-child{display:grid;gap:3px}.attention-item small{color:#64748b;line-height:1.4}.quick-actions-card{position:sticky;top:18px}.quick-actions-list{display:grid;gap:10px}.quick-actions-list a{display:flex;align-items:center;justify-content:space-between;padding:13px 14px;border:1px solid #e2e8f0;border-radius:14px;color:#0b1a2e;font-weight:800;text-decoration:none;background:#fff}.quick-actions-list a:after{content:"→";color:#e8620a}.quick-actions-list a:hover{border-color:#fdba74;background:#fff7ed}.activity-feed{display:grid;gap:8px}.activity-row{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid #e2e8f0;border-radius:16px;color:#0f172a;text-decoration:none;background:#fff}.activity-row:hover{border-color:#bfdbfe;background:#f8fafc}.activity-icon{width:34px;height:34px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;background:#eff6ff;color:#1d4ed8;font-weight:900}.activity-copy{display:grid;gap:2px}.activity-copy small{color:#64748b}.ghost-link{color:#1a4a2e;font-weight:800;text-decoration:none}.ghost-link:hover{text-decoration:underline}.empty-state.compact{padding:16px;border-radius:18px}@media(max-width:1050px){.home-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-main-grid{grid-template-columns:1fr}.quick-actions-card{position:static}}@media(max-width:720px){.home-hero{align-items:stretch;flex-direction:column;border-radius:22px;padding:20px}.home-hero-actions{justify-content:flex-start}.home-kpi-grid{grid-template-columns:1fr}.section-header{display:grid}}.email-template-section{margin-top:1.5rem}.settings-section-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.email-template-editor{display:grid;grid-template-columns:minmax(220px,.85fr) minmax(0,2fr);gap:1rem;margin-top:1rem}.email-template-list{display:grid;gap:.5rem;align-content:start}.email-template-list button{border:1px solid #dbe4ef;background:#fff;border-radius:12px;padding:.85rem;text-align:left;cursor:pointer}.email-template-list button.active{border-color:#0b1a2e;box-shadow:0 0 0 2px #0b1a2e14}.email-template-list button strong{display:block;color:#0b1a2e;margin-bottom:.25rem}.email-template-list button span{display:block;color:#64748b;font-size:.85rem;line-height:1.35}.email-template-form{display:grid;gap:1rem}.compact-toggle{width:auto;min-width:150px}.template-variable-list{display:grid;gap:.5rem;padding:.85rem;border:1px solid #e2e8f0;background:#f8fafc;border-radius:12px}.template-variable-list div{display:flex;flex-wrap:wrap;gap:.4rem}.template-variable-list code{background:#fff;border:1px solid #dbe4ef;border-radius:999px;padding:.25rem .5rem;color:#0b1a2e}.template-actions,.test-email-row{display:flex;align-items:end;gap:.75rem;flex-wrap:wrap}.test-email-row label{flex:1;min-width:240px}@media(max-width:900px){.email-template-editor{grid-template-columns:1fr}.settings-section-header{flex-direction:column}}.field-help{display:block;color:#64748b;font-size:12px;line-height:1.45;font-weight:600;margin-top:-8px}.info-hint{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:999px;margin-left:6px;background:#e2e8f0;color:#334155;font-size:12px;font-weight:900;cursor:help}.info-hint:hover,.info-hint:focus{background:#e8620a;color:#fff;outline:none}.feedback-form{display:grid;gap:16px;margin-top:18px}.segmented-control{display:inline-flex;flex-wrap:wrap;gap:8px;padding:6px;background:#f1f5f9;border-radius:16px;width:fit-content}.segmented-control button{border:0;border-radius:12px;background:transparent;color:#334155;padding:10px 14px;font-weight:850;cursor:pointer}.segmented-control button.active{background:#fff;color:#0b1a2e;box-shadow:0 6px 18px #0f172a14}.support-contact-card{display:grid;gap:6px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:14px;margin:14px 0 22px}.support-contact-card span{color:#64748b;font-size:13px}.clean-list{margin:10px 0 0;padding-left:20px;color:#334155}.clean-list li{margin-bottom:8px}.label-with-hint{display:inline-flex;align-items:center;gap:6px;line-height:1.2}.label-with-hint .info-hint{margin-left:0;flex:0 0 auto}.nav-group{display:grid;gap:4px}.sidebar a.nav-sub-item{margin-left:16px;padding:9px 12px;font-size:14px;border-radius:12px;color:#ffffffad}.sidebar a.nav-sub-item.active{background:#e8620a2e;color:#fff;box-shadow:inset 4px 0 #e8620a}.page-title .page-actions{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}@media(max-width:760px){.page-title .page-actions{justify-content:flex-start}}.widget-launcher-preview{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;border:1px solid #e2e8f0;border-radius:18px;background:#f8fafc}.widget-launcher-preview span{color:#64748b;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.widget-launcher-preview button{border:0;border-radius:999px;min-height:44px;padding:0 18px;font-weight:900;box-shadow:0 12px 28px #0b1a2e24}@media(max-width:720px){.widget-launcher-preview{align-items:flex-start;flex-direction:column}}