:root{--ink:#172824;--muted:#68736e;--paper:#f7f8f5;--white:#fff;--green:#c6f36a;--dark:#243b2e;--line:#e1e6df;--sans:"DM Sans",sans-serif;--display:"Manrope",sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.topbar{height:72px;padding:0 max(32px,calc((100vw - 1160px)/2));display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font:800 18px var(--display);letter-spacing:-.7px}.brand-mark{display:grid;place-items:center;width:31px;height:31px;border-radius:10px 10px 10px 3px;background:var(--green);font-size:16px}.topbar-right{display:flex;align-items:center;gap:25px;font-size:11px;font-weight:600}.secure-indicator{display:flex;align-items:center;gap:7px;color:#728076;font-size:8px;letter-spacing:1px}.secure-indicator i{width:6px;height:6px;border-radius:50%;background:#92bd46}.workspace{width:min(1160px,calc(100% - 64px));margin:0 auto}.page-intro{display:flex;align-items:end;justify-content:space-between;padding-block:57px 43px}.eyebrow{color:#758078;font-size:9px;letter-spacing:1.35px;font-weight:700}.page-intro h1{margin:15px 0 12px;font:600 clamp(42px,5vw,58px)/1.06 var(--display);letter-spacing:-2.5px}.page-intro p{margin:0;color:var(--muted);font-size:12px}.stats-card{display:flex;align-items:center;gap:12px;padding:16px 20px;background:white;border:1px solid var(--line)}.stats-icon{display:grid;place-items:center;width:34px;height:34px;background:#eaf1df;color:#5d7935;border-radius:50%;font-size:17px}.stats-card div{display:grid;gap:3px}.stats-card strong{font:700 20px var(--display)}.stats-card div span{color:#79857d;font-size:8px;letter-spacing:1px}.workspace-grid{display:grid;grid-template-columns:minmax(0,1fr) 275px;gap:22px;align-items:start}.panel{background:white;border:1px solid var(--line);padding:30px 32px}.panel-heading{display:flex;justify-content:space-between;align-items:center}.panel-heading h2,.client-section-heading h2{margin:8px 0 0;font:700 21px var(--display);letter-spacing:-.6px}.step-chip{padding:7px 9px;background:#f2f5ed;color:#75866a;font-size:8px;letter-spacing:.8px;font-weight:700}.panel-lede{margin:11px 0 23px;color:var(--muted);font-size:11px;line-height:1.7}.onboarding-panel label{position:relative;display:grid;gap:7px;margin-bottom:14px;font-size:10px;font-weight:700}.onboarding-panel input,.onboarding-panel select,.onboarding-panel textarea{width:100%;min-height:40px;padding:10px 11px;border:1px solid #e2e6e1;border-radius:0;background:white;color:var(--ink);outline:none;font-size:10px}.onboarding-panel textarea{min-height:70px;resize:vertical}.onboarding-panel input:focus,.onboarding-panel select:focus,.onboarding-panel textarea:focus{border-color:#829c60;box-shadow:0 0 0 2px #e2efcf}.onboarding-panel input::placeholder,.onboarding-panel textarea::placeholder{color:#a0aaa3}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.input-prefix{position:absolute;top:26px;left:11px;color:#8d988f;font-size:10px;font-weight:400;pointer-events:none}.onboarding-panel input[name=slug]{padding-left:48px}.form-actions{display:flex;align-items:center;gap:10px;margin-top:20px}.button{min-height:43px;padding:0 15px;display:inline-flex;align-items:center;justify-content:center;gap:23px;border:1px solid transparent;cursor:pointer;font-size:10px;font-weight:700}.button-primary{background:var(--ink);color:white}.button-primary:hover{background:#2c493c}.button-primary:disabled{opacity:.6;cursor:wait}.button-quiet{background:#fff;border-color:var(--line)}.form-message{margin:14px 0 0;padding:10px 12px;background:#edf4e5;color:#395729;font-size:10px;line-height:1.6}.form-message.error{background:#fbefeb;color:#933e30}.side-column{display:grid;gap:13px}.share-card{padding:22px;background:var(--dark);color:white}.share-symbol{display:grid;place-items:center;width:33px;height:33px;margin-bottom:25px;border-radius:50%;background:var(--green);color:var(--ink);font-size:17px}.share-card .eyebrow{color:#becbbe}.share-card h3{margin:9px 0 8px;font:600 20px var(--display);letter-spacing:-.6px}.share-card p{margin:0;color:#ccd4ce;font-size:10px;line-height:1.7}.link-example{display:grid;gap:7px;margin-top:21px;padding:12px;background:#ffffff12}.link-example span{color:#b7c7b5;font-size:7px;letter-spacing:1px}.link-example strong{font:600 12px var(--display)}.tip-card{display:flex;gap:11px;padding:15px;background:#edf0ea}.tip-card>span{color:#829a62}.tip-card p{margin:0;color:var(--muted);font-size:9px;line-height:1.7}.tip-card strong{color:var(--ink)}.client-section{padding-block:62px 76px}.client-section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:19px}.client-section-heading h2{font-size:24px}.refresh-button{padding:9px 12px;border:1px solid var(--line);background:white;color:var(--ink);cursor:pointer;font-size:9px;font-weight:600}.site-list{display:grid;gap:10px}.empty-state{padding:27px;background:white;border:1px solid var(--line);color:var(--muted);text-align:center;font-size:11px}.site-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:18px 20px;background:#fff;border:1px solid var(--line)}.site-main{min-width:0}.site-title-line{display:flex;align-items:center;gap:10px}.site-title-line h3{overflow:hidden;margin:0;text-overflow:ellipsis;white-space:nowrap;font:700 14px var(--display)}.template-pill{flex:none;padding:5px 7px;background:#eff3e9;color:#647b48;font-size:7px;font-weight:700;letter-spacing:.45px;text-transform:uppercase}.site-url{display:block;overflow:hidden;margin-top:7px;color:#617a41;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.site-meta{margin-top:6px;color:#89948d;font-size:9px}.site-actions{display:flex;gap:7px}.site-actions a,.site-actions button{padding:8px 10px;border:1px solid var(--line);background:white;color:var(--ink);cursor:pointer;font-size:9px;font-weight:600}.site-actions .open-link{border-color:var(--ink);background:var(--ink);color:white}.site-actions .delete-button{color:#9a483b}.manager-footer{display:flex;justify-content:space-between;padding:17px max(32px,calc((100vw - 1160px)/2));border-top:1px solid var(--line);color:#89948d;font-size:9px}@media(max-width:800px){.workspace{width:calc(100% - 40px)}.topbar{padding-inline:20px}.workspace-grid{grid-template-columns:1fr}.side-column{grid-template-columns:1fr 1fr}.share-card{grid-row:span 2}.panel{padding:25px 22px}.manager-footer{padding-inline:20px;gap:18px}}@media(max-width:560px){.topbar{height:64px}.topbar-right{gap:0}.secure-indicator{display:none}.workspace{width:calc(100% - 30px)}.page-intro{padding-block:43px 30px;gap:15px}.page-intro h1{font-size:43px}.page-intro p{max-width:240px;font-size:10px;line-height:1.6}.stats-card{gap:8px;padding:10px}.stats-icon{width:29px;height:29px}.stats-card strong{font-size:17px}.stats-card div span{font-size:6px}.panel{padding:22px 16px}.panel-heading h2{font-size:19px}.form-row{gap:9px}.onboarding-panel input,.onboarding-panel select{padding-inline:8px;font-size:9px}.onboarding-panel input[name=slug]{padding-left:45px}.side-column{grid-template-columns:1fr}.share-card{grid-row:auto}.client-section{padding-block:48px}.site-row{grid-template-columns:1fr;padding:15px}.site-actions{flex-wrap:wrap}.manager-footer{flex-direction:column;gap:8px}}
.onboarding-panel .manager-checkbox{display:flex;align-items:flex-start;gap:11px;padding:13px;border:1px solid var(--line);background:#f8faf6}
.onboarding-panel .manager-checkbox input{flex:none;width:16px;min-height:16px;margin:1px 0 0;accent-color:#617a41}
.manager-checkbox span{display:grid;gap:4px}
.manager-checkbox strong{font-size:10px}
.manager-checkbox small{color:var(--muted);font-size:9px;font-weight:400;line-height:1.5}
.onboarding-panel .field-help{color:var(--muted);font-size:9px;font-weight:400;line-height:1.5}
.manager-palette-swatch{width:100%;height:9px;border-radius:5px;background:linear-gradient(90deg,#f7f8f5 0 45%,#eff1eb 45% 70%,#c6f36a 70%)}
.manager-palette-swatch.ocean{background:linear-gradient(90deg,#f5f8fa 0 45%,#e8f1f5 45% 70%,#91cfdb 70%)}
.manager-palette-swatch.sand{background:linear-gradient(90deg,#faf7f0 0 45%,#f3ecdf 45% 70%,#dfb86f 70%)}
.manager-palette-swatch.slate{background:linear-gradient(90deg,#f5f5f8 0 45%,#e9eaf1 45% 70%,#b1bce1 70%)}
.manager-feature-options{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.site-row-inactive{opacity:.78;background:#f3f4f2}
.tenant-status{padding:5px 8px;font-size:8px;font-weight:700;letter-spacing:.45px;text-transform:uppercase}
.tenant-status.is-active{background:#edf4e5;color:#395729}
.tenant-status.is-inactive{background:#fbefeb;color:#933e30}
.template-review-section{padding-top:28px}
.template-review-card .template-review-actions{margin-top:3px}
.template-library{padding:8px 0 48px}
.template-library>.client-section-heading{margin-bottom:8px}
.template-library-lede{max-width:700px;margin:0 0 17px;color:var(--muted);font-size:10px;line-height:1.7}
.template-library-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}
.template-library-card{min-width:0;overflow:hidden;background:#fff;border:1px solid var(--line);transition:border-color .2s,transform .2s}
.template-library-card:hover,.template-library-card.is-selected{border-color:#7a9657;transform:translateY(-2px)}
.template-card-art{height:100px;padding:11px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;background:#18322b;color:white}
.template-card-art>span{font-size:7px;letter-spacing:1px}
.template-card-art>b{max-width:115px;font:700 14px/1.05 var(--display)}
.template-card-art>i{width:78px;height:78px;position:absolute;right:-13px;top:17px;border:1px solid #ffffff60;border-radius:50%;box-shadow:0 0 0 12px #ffffff16,0 0 0 25px #ffffff0a}
.art-cargo-pro{background:#ecf2e8;color:#18322b}.art-cargo-pro>i{width:50px;height:72px;top:14px;border-radius:2px;background:#91aa84}
.art-express-go{background:#ffcf32;color:#171717}.art-express-go>i{width:58px;height:58px;border:0;border-radius:0;background:#ee3e25;transform:rotate(45deg)}
.art-oceanic{background:#0a252b}.art-oceanic>i{width:130px;height:48px;top:28px;border-radius:50%;border-color:#69d5c8}
.art-air-cargo{background:#092039}.art-air-cargo>i{width:50px;height:50px;top:19px;border-color:#66e3ff;box-shadow:0 0 0 8px #66e3ff20}
.art-fleet-max{background:#d8f36a;color:#1b2814}.art-fleet-max>i{width:90px;height:36px;top:35px;border:0;border-radius:3px;background:#263d20}
.art-cargo-hub{background:#e9ede5;color:#233331}.art-cargo-hub>i{width:55px;height:55px;top:20px;border:8px solid #f2a65a;border-radius:2px}
.art-logi-tech{background:#101c2d}.art-logi-tech>i{width:100px;height:62px;top:20px;border-color:#8af0c7;border-radius:3px;box-shadow:0 0 0 7px #8af0c718}
.art-industrial{background:#211914}.art-industrial>i{width:48px;height:74px;top:14px;border:0;border-radius:0;background:#fa692e;transform:skew(-14deg)}
.art-minimal-cargo{background:#f8f7f3;color:#272923}.art-minimal-cargo>i{width:58px;height:58px;top:20px;border-color:#b8a88d}
.template-library-copy{padding:10px}
.template-library-copy h3{margin:0;font:700 10px var(--display)}
.template-library-copy p{min-height:45px;margin:5px 0;color:var(--muted);font-size:8px;line-height:1.5}
.template-library-copy>div{display:flex;justify-content:space-between;gap:5px}
.template-library-copy button{padding:6px 7px;border:1px solid var(--line);background:white;color:var(--ink);cursor:pointer;font-size:7px;font-weight:700}
.template-library-copy button:last-child{border-color:var(--ink);background:var(--ink);color:white}
.manager-template-preview-wrap{margin-top:17px;padding:15px;background:#e8ece5;border:1px solid var(--line)}
.manager-preview-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px}
.manager-preview-heading h3{margin:4px 0 0;font:700 15px var(--display)}
.manager-template-preview{height:385px;position:relative;overflow:auto;border:1px solid #d4d9d1;background:white;overscroll-behavior:contain}
.manager-template-preview .template-nav{position:relative}
.manager-template-preview .hero-global,.manager-template-preview .hero-oceanic{min-height:430px}
.manager-template-preview .hero-minimal{min-height:440px}
@media(max-width:850px){.template-library-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:560px){.template-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.manager-template-preview{height:320px}.manager-template-preview .template-nav nav{display:none}.manager-preview-heading h3{font-size:13px}}
@media(max-width:560px){.manager-feature-options{grid-template-columns:1fr}}
.template-policy-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.template-policy-card{padding:16px;background:#fff;border:1px solid var(--line);border-radius:8px}
.template-policy-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.template-policy-heading h3{margin:0;font:700 14px var(--display)}
.template-policy-heading span:not(.tenant-status){display:block;margin-top:4px;color:var(--muted);font-size:10px}
.template-policy-card>p{min-height:36px;margin:10px 0;color:var(--muted);font-size:11px;line-height:1.5}
.template-policy-card>.manager-checkbox{margin:9px 0}
.template-policy-tenants{display:grid;gap:5px;margin:12px 0;font-size:10px;font-weight:700}
.template-policy-tenants select{min-height:92px;padding:6px;border:1px solid var(--line);background:white;color:var(--ink);font:inherit}
.template-policy-tenants small{color:var(--muted);font-weight:400}
.template-policy-features{display:flex;flex-wrap:wrap;gap:9px;margin:12px 0;padding:10px;border:1px solid var(--line)}
.template-policy-features legend{padding:0 5px;font-size:10px;font-weight:700}
.template-policy-features label{display:flex;align-items:center;gap:4px;font-size:10px}
.template-library-copy button:disabled{cursor:not-allowed;opacity:.45}
@media(max-width:760px){.template-policy-grid{grid-template-columns:1fr}}
.art-northstar{background:#c6f36a;color:#172824}.art-northstar>i{width:60px;height:60px;top:18px;border:0;border-radius:50%;background:#172824;box-shadow:0 0 0 9px #17282420}
