:root{--background:#fbfaf7;--foreground:#172026;--muted:#5f6b72;--line:#d9dedc;--accent:#196a66;--accent-dark:#0f4d4a;--danger:#a33d35;--panel:#ffffff}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:var(--background);color:var(--foreground);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{min-height:100vh}a{color:inherit}.page-shell{min-height:100vh;display:flex;flex-direction:column}.topbar{border-bottom:1px solid var(--line)}.main-inner,.topbar-inner{width:min(1120px,calc(100% - 32px));margin:0 auto}.topbar-inner{min-height:72px;justify-content:space-between;gap:24px}.brand,.topbar-inner{display:flex;align-items:center}.brand{gap:10px;font-weight:700;letter-spacing:0}.brand-mark{width:30px;height:30px;border-radius:8px;background:var(--accent);display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:15px}.status-pill{border:1px solid var(--line);border-radius:999px;padding:8px 12px;color:var(--muted);font-size:14px}main{flex:1 1}.main-inner{padding:clamp(56px,9vw,112px) 0}.eyebrow{color:var(--accent-dark);font-weight:700;margin:0 0 14px}h1{max-width:820px;margin:0;font-size:clamp(44px,8vw,88px);line-height:.96;letter-spacing:0}.intro{max-width:660px;margin:28px 0 0;color:var(--muted);font-size:clamp(18px,2vw,22px);line-height:1.55}.builder-strip,.dashboard-layout,.login-layout{margin-top:48px;border-top:1px solid var(--line);padding-top:22px}.builder-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:20px;gap:20px}.builder-strip div{min-width:0}.builder-strip span{display:block;color:var(--muted);font-size:14px;margin-bottom:6px}.builder-strip strong{display:block;font-size:16px}.dashboard-layout,.login-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,420px);grid-gap:clamp(28px,5vw,72px);gap:clamp(28px,5vw,72px);align-items:start}.account-panel,.login-panel{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:28px;box-shadow:0 18px 48px rgb(23 32 38/8%)}.field-stack{display:grid;grid-gap:8px;gap:8px;margin-bottom:18px}.panel-label,dt,label{color:var(--muted);font-size:14px;font-weight:700}input{width:100%;min-height:48px;border:1px solid var(--line);border-radius:8px;padding:12px 14px;color:var(--foreground);font:inherit}input[type=color]{min-height:42px;padding:4px}input[type=file]{padding:10px}textarea{width:100%;min-height:120px;resize:vertical;border:1px solid var(--line);border-radius:8px;padding:12px 14px;color:var(--foreground);font:inherit;line-height:1.5}input:focus,textarea:focus{border-color:var(--accent);outline:3px solid rgb(25 106 102/16%)}.primary-button,.primary-link-button,.secondary-button,.text-button{border:0;font:inherit;cursor:pointer}.primary-button{width:100%;min-height:48px;border-radius:8px;background:var(--accent);color:#fff;font-weight:700}.primary-button:hover{background:var(--accent-dark)}.primary-link-button{min-height:42px;border-radius:8px;padding:10px 14px;display:inline-flex;align-items:center;justify-content:center;background:var(--accent);color:#fff;font-weight:700;text-decoration:none}.primary-link-button:hover{background:var(--accent-dark)}.secondary-button{min-height:42px;border:1px solid var(--line);border-radius:8px;padding:10px 14px;display:inline-flex;align-items:center;justify-content:center;background:#fff;text-decoration:none}.secondary-button,.text-button{color:var(--accent-dark);font-weight:700}.text-button{background:transparent;padding:8px 0}.form-error{margin:-2px 0 18px;color:var(--danger);font-size:14px;line-height:1.45}.account-panel h2{margin:8px 0 20px;font-size:28px;letter-spacing:0}dl{display:grid;grid-gap:18px;gap:18px}dd,dl,dt{margin:0}dd{margin-top:4px;overflow-wrap:anywhere}.admin-dashboard,.client-dashboard,.contacts-layout,.dashboard-home{display:grid;grid-gap:32px;gap:32px}.client-dashboard{grid-template-columns:minmax(0,1fr) minmax(300px,380px)}.placeholder-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,420px);grid-gap:clamp(28px,5vw,72px);gap:clamp(28px,5vw,72px);align-items:start}.client-hero,.editor-panel,.notice,.preview-editor-panel,.section-band{min-width:0}.metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px;gap:16px}.editor-panel,.metric-card,.preview-editor-panel,.section-band{border:1px solid var(--line);border-radius:8px;background:#fff}.metric-card{padding:22px}.metric-card span,.site-row small{display:block;color:var(--muted);font-size:14px}.metric-card strong{display:block;margin-top:8px;font-size:38px}.editor-panel,.preview-editor-panel,.section-band{padding:24px}.client-dashboard .editor-panel,.client-dashboard .notice,.client-dashboard .preview-editor-panel{grid-column:1/-1}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.public-section h2,.section-heading h2{margin:0;font-size:28px}.site-table{display:grid;border-top:1px solid var(--line)}.site-row{display:grid;grid-template-columns:1.2fr .7fr 1fr .6fr;grid-gap:16px;gap:16px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line)}.site-row-head{color:var(--muted);font-size:14px;font-weight:700}.notice,.status-chip{border-radius:8px;background:rgb(25 106 102/10%);color:var(--accent-dark);font-weight:700}.status-chip{display:inline-flex;padding:6px 10px}.notice{margin:0;padding:14px 16px}.action-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.dashboard-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:18px;gap:18px}.dashboard-tile{min-height:180px;border:1px solid var(--line);border-radius:8px;display:grid;align-content:start;grid-gap:12px;gap:12px;padding:24px;background:#fff;color:inherit;text-decoration:none;box-shadow:0 18px 48px rgb(23 32 38/8%)}.dashboard-tile:hover{border-color:var(--accent)}.dashboard-tile strong{font-size:28px}.dashboard-tile span:last-child{color:var(--muted);line-height:1.55}.tile-kicker{color:var(--accent-dark);font-size:14px;font-weight:700}.contacts-list{display:grid}.contact-row{min-width:0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1.1fr 1fr .8fr;grid-gap:16px;gap:16px;align-items:center;padding:16px 0;color:inherit;text-decoration:none}.contact-row:first-child{padding-top:0}.contact-row:last-child{border-bottom:0;padding-bottom:0}.contact-row:hover strong{color:var(--accent-dark)}.contact-row small,.contact-row strong{display:block}.contact-row small,.contact-row span:not(:first-child){color:var(--muted)}.user-list{display:grid;grid-gap:0;gap:0}.user-row{min-width:0;border-top:1px solid var(--line);display:grid;grid-template-columns:minmax(220px,1fr) minmax(120px,.5fr) minmax(180px,.7fr) auto;grid-gap:16px;gap:16px;align-items:center;padding:18px 0}.user-row:first-child{border-top:0;padding-top:0}.user-row:last-child{padding-bottom:0}.user-row small,.user-row strong{display:block}.user-row p,.user-row small{color:var(--muted)}.user-row p{margin:4px 0 0}.user-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}button:disabled{cursor:not-allowed;opacity:.55}.map-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,360px);grid-gap:24px;gap:24px;align-items:start}.contact-map{position:relative;width:100%;min-height:360px;aspect-ratio:16/10;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:linear-gradient(90deg,rgb(25 106 102/8%) 1px,transparent 0),linear-gradient(rgb(25 106 102/8%) 1px,transparent 0),#f4f7f5;background-size:56px 56px}.contact-map:before{content:"";position:absolute;inset:12%;border:2px solid rgb(25 106 102/28%);border-radius:45% 55% 50% 50%;transform:rotate(-12deg)}.map-pin{position:absolute;z-index:1;width:42px;height:42px;border:3px solid #fff;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;transform:translate(-50%,-50%);background:var(--accent);color:#fff;font-weight:800;text-decoration:none;box-shadow:0 12px 28px rgb(23 32 38/20%)}.map-pin:hover{background:var(--accent-dark)}.empty-map{position:absolute;inset:0;display:grid;place-items:center;margin:0;padding:24px;color:var(--muted);text-align:center}.publish-form{margin-top:24px}.brand-form{display:grid;grid-gap:20px;gap:20px;margin-top:22px}.brand-logo-preview{max-width:180px;max-height:88px;object-fit:contain;border:1px solid var(--line);border-radius:8px;padding:12px;background:#fff}.colour-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:14px;gap:14px}.colour-grid span{color:var(--muted);font-size:13px}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:18px;gap:18px}.editor-form .primary-button{max-width:240px}.preview-editor-form{display:grid;grid-gap:18px;gap:18px}.edit-mode-checkbox{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap}.preview-toolbar{position:-webkit-sticky;position:sticky;z-index:5;top:0;display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;padding:14px;border:1px solid var(--line);border-radius:8px;background:rgb(255 255 255/94%);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.edit-mode-button{cursor:pointer}.edit-mode-exit,.inline-edit-fields,.save-preview-button{display:none}.save-preview-button{width:auto;min-width:150px;padding-inline:18px}.edit-mode-checkbox:checked~.preview-toolbar .edit-mode-enter{display:none}.edit-mode-checkbox:checked~.editable-public-site .inline-edit-fields,.edit-mode-checkbox:checked~.preview-toolbar .edit-mode-exit,.edit-mode-checkbox:checked~.preview-toolbar .save-preview-button{display:grid}.editable-public-site{min-height:0;overflow:hidden;border:1px solid var(--line);border-radius:8px}.editable-public-site .public-hero{min-height:460px}.editable-section{position:relative}.edit-mode-checkbox:checked~.editable-public-site .editable-section{outline:2px solid color-mix(in srgb,var(--site-primary,#196a66) 30%,transparent);outline-offset:-2px}.inline-edit-fields{margin-top:24px;padding:18px;border:1px solid color-mix(in srgb,var(--site-primary,#196a66) 28%,#ffffff);border-radius:8px;background:#fff;box-shadow:0 18px 48px rgb(23 32 38/8%)}.inline-edit-fields textarea{min-height:110px}.public-site{min-height:100vh;background:#f7f9f8;color:var(--site-secondary,#172026)}.public-inner{width:min(1040px,calc(100% - 32px));margin:0 auto}.public-hero{min-height:58vh;display:flex;align-items:center;border-bottom:1px solid color-mix(in srgb,var(--site-primary,#196a66) 25%,#ffffff);background:#fff}.public-logo{max-width:220px;max-height:96px;object-fit:contain;margin-bottom:24px}.public-hero h1{font-size:clamp(56px,10vw,116px);color:var(--site-primary,#196a66)}.public-hero p:last-child,.public-section li,.public-section p{max-width:720px;color:var(--muted);font-size:20px;line-height:1.6}.public-section{padding:clamp(48px,8vw,84px) 0}.public-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,380px);grid-gap:clamp(28px,6vw,72px);gap:clamp(28px,6vw,72px)}.public-section ul{display:grid;grid-gap:12px;gap:12px;margin:20px 0 0;padding-left:20px}.public-contact{background:#fff;border-top:1px solid var(--line)}.public-contact a{color:var(--site-primary,#0f4d4a);font-size:20px;font-weight:700}@media (max-width:720px){.topbar-inner{align-items:flex-start;flex-direction:column;padding:18px 0}.status-pill{border-radius:8px}.builder-strip,.client-dashboard,.colour-grid,.dashboard-layout,.field-grid,.login-layout,.map-layout,.metric-grid,.placeholder-layout,.public-grid,.user-row{grid-template-columns:1fr}.user-actions{justify-content:flex-start}.account-panel,.login-panel{padding:22px}.contact-row,.site-row,.site-row-head{grid-template-columns:1fr}.site-row-head{display:none}.section-heading{align-items:flex-start;flex-direction:column}.preview-editor-panel{padding:14px}.preview-toolbar{position:static;align-items:stretch}.preview-toolbar .primary-button,.preview-toolbar .secondary-button{width:100%}.editable-public-site .public-hero{min-height:420px}.main-inner{width:min(100% - 24px,1120px);padding:32px 0}h1{font-size:clamp(40px,15vw,64px)}.intro{font-size:18px}.contact-map{min-height:0;aspect-ratio:3/4}.map-pin{width:38px;height:38px}}