:root{color:#111827;background:#f7f8f6;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select{font:inherit}button,select{cursor:pointer}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-frame{display:grid;grid-template-columns:208px minmax(0,1fr);min-height:100vh;background:#f7f8f6}.sidebar{position:sticky;top:0;display:flex;flex-direction:column;height:100vh;border-right:1px solid #e8ebe7;background:#fbfcfa;padding:18px 12px}.brand{display:flex;align-items:center;gap:10px;min-height:38px;padding:0 10px 18px;color:#005c4b;font-size:19px;font-weight:800}.brand-mark{position:relative;width:28px;height:28px}.brand-mark:before{position:absolute;top:15px;right:2px;bottom:5px;left:2px;border-radius:50%;background:#ead7bf;content:""}.brand-base{position:absolute;left:9px;bottom:8px;width:12px;height:15px;border-radius:4px 4px 2px 2px;background:#f3dfc5;box-shadow:-7px 5px 0 -2px #ead7bf,7px 5px 0 -2px #ead7bf}.brand-flag{position:absolute;left:14px;top:3px;width:1px;height:15px;background:#005c4b}.brand-flag:after{position:absolute;top:0;left:1px;width:9px;height:6px;border-radius:1px 5px 5px 1px;background:#007463;content:""}.nav-stack{display:grid;gap:4px}.nav-item,.help-link{display:flex;align-items:center;gap:10px;min-height:36px;border-radius:7px;padding:0 10px;color:#4f5c56;font-size:13px;font-weight:650}.nav-item:hover,.help-link:hover{background:#f1f5f1;color:#005c4b}.nav-item.active{border:1px solid #dce9e2;background:#eaf4ef;color:#005c4b}.sidebar-lower{display:grid;gap:14px;margin-top:auto}.secondary{border-top:1px solid #ecefec;padding-top:14px}.trial-card{overflow:hidden;border:1px solid #eadfce;border-radius:8px;background:#fffaf4;box-shadow:0 10px 22px #1c2b230d}.trial-card strong{display:flex;align-items:center;gap:8px;min-height:38px;border-bottom:1px solid #f0e5d5;padding:0 12px;color:#6d522e;font-size:13px}.trial-card p,.trial-card span{display:block;padding:0 12px;color:#68736d;font-size:12px}.trial-card p{padding-top:14px}.trial-card span{padding-top:8px;color:#111827;font-weight:750}.trial-meter{height:6px;margin:9px 12px 14px;overflow:hidden;border-radius:999px;background:#e7e2da}.trial-meter span{display:block;width:72%;height:100%;padding:0;background:#006b5a}.trial-card button{width:calc(100% - 24px);min-height:34px;margin:0 12px 12px;border:1px solid #e2ded6;border-radius:7px;background:#fff;color:#005c4b;font-size:12px;font-weight:800}.help-link{justify-content:flex-start;padding:0 4px;font-size:12px}.help-link svg:last-child{margin-left:auto}.app-shell{min-width:0;padding:0 24px 28px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:64px;border-bottom:1px solid #e8ebe7}.topbar h1{font-size:20px;line-height:1;letter-spacing:0}.topbar-actions{display:flex;align-items:center;gap:10px}.search-box{display:flex;align-items:center;gap:8px;width:min(360px,32vw);min-height:36px;border:1px solid #e1e5e0;border-radius:8px;background:#fff;padding:0 9px;color:#68736d;font-size:13px;box-shadow:0 1px 3px #1118270a}.search-box input{width:100%;min-width:0;border:0;outline:0;color:#111827}.search-box kbd{min-width:38px;border:1px solid #e4e7e3;border-radius:6px;background:#f7f8f6;color:#7c8781;font-size:12px;line-height:22px;text-align:center}.icon-button,.team-button,.avatar-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:36px;border:1px solid #e2e7e2;border-radius:8px;background:#fff;color:#2e3934;box-shadow:0 1px 3px #1118270a}.icon-button{width:38px;padding:0}.notification-button{position:relative;border-color:transparent;background:transparent;box-shadow:none}.notification-button span{position:absolute;top:4px;right:6px;min-width:15px;height:15px;border:2px solid #f7f8f6;border-radius:999px;background:#006b5a;color:#fff;font-size:9px;line-height:11px}.team-button{padding:0 12px;font-size:13px;font-weight:700}.avatar-button{min-width:58px;border:0;background:transparent;box-shadow:none;color:#005c4b;font-size:12px;font-weight:850}.avatar-button:first-letter{background:#dff0e9}.refresh-button{display:none}.page-tools{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:22px 0 18px}.tabs{display:inline-grid;grid-template-columns:repeat(3,minmax(74px,1fr));overflow:hidden;border:1px solid #e8ebe7;border-radius:8px;background:#fff}.tabs button{min-height:36px;border:0;border-right:1px solid #eef1ed;background:transparent;color:#5c6862;padding:0 18px;font-size:12px;font-weight:750}.tabs button:last-child{border-right:0}.tabs button.active{background:#eaf4ef;color:#005c4b}.error-banner{border:1px solid #e2a29d;background:#fff1ef;color:#8d2f29;padding:12px 14px;border-radius:8px;margin-bottom:16px}.create-panel,.content-card{border:1px solid #e8ebe7;border-radius:14px;background:#fff;box-shadow:0 16px 36px #19231f0d}.create-panel{display:grid;grid-template-columns:minmax(132px,1fr) minmax(120px,.9fr) minmax(150px,1.1fr) minmax(120px,.9fr) minmax(150px,1.1fr) auto 48px;gap:18px;align-items:end;margin-bottom:20px;padding:22px}label{display:grid;gap:8px;min-width:0;color:#68736d;font-size:12px;font-weight:750}input,select{width:100%;min-height:44px;border:1px solid #dfe5df;border-radius:8px;background:#fff;color:#111827;padding:0 12px;font-size:13px;font-weight:650}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,#5d6963 50%),linear-gradient(135deg,#5d6963 50%,transparent 50%);background-position:calc(100% - 17px) 19px,calc(100% - 12px) 19px;background-size:5px 5px,5px 5px;background-repeat:no-repeat}input:focus,select:focus,button:focus-visible,a:focus-visible{outline:3px solid rgb(0 107 90 / 20%);outline-offset:2px}.primary-action,.quick-action,.action-row a,.action-row button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border-radius:8px;font-weight:800}.primary-action{border:1px solid #005c4b;background:#005c4b;color:#fff;padding:0 18px;box-shadow:0 8px 18px #005c4b2e}.primary-action:hover{background:#006b5a}.primary-action.large{min-height:48px;padding:0 24px}.new-site-button{min-height:42px}.quick-action{width:48px;border:1px solid #e2e7e2;background:#fff;color:#005c4b}button:disabled,.disabled-action{opacity:.55;cursor:not-allowed}.content-card{overflow:hidden;min-height:410px}.empty-state{display:grid;min-height:410px;grid-template-rows:1fr auto}.empty-body{display:grid;place-items:center;align-content:center;gap:12px;min-height:310px;padding:28px;text-align:center}.empty-body h2{font-size:18px;letter-spacing:0}.empty-body p{max-width:430px;color:#68736d;font-size:13px;line-height:1.55}.sandcastle{position:relative;width:260px;height:142px}.sand-shadow{position:absolute;left:28px;right:24px;bottom:11px;height:16px;border-radius:50%;background:#ead7bf}.castle{position:absolute;left:93px;bottom:20px;width:78px;height:62px;border-radius:8px 8px 4px 4px;background:#d7bea4}.castle:before,.castle:after,.tower{position:absolute;top:-12px;width:14px;height:16px;border-radius:4px 4px 0 0;background:#d7bea4;content:""}.castle:before{left:10px}.castle:after{right:10px}.tower-left,.tower-right{top:20px;height:34px}.tower-left{left:-20px}.tower-right{right:-20px}.gate{position:absolute;left:28px;bottom:0;width:22px;height:30px;border-radius:999px 999px 0 0;background:#a98f76}.flagpole{position:absolute;top:-38px;left:42px;width:2px;height:39px;background:#8a7765}.flag{position:absolute;top:-37px;left:44px;width:35px;height:16px;border-radius:1px 13px 13px 1px;background:#006b5a}.wp-badge{position:absolute;left:58px;bottom:22px;display:grid;place-items:center;width:43px;height:43px;border:3px solid #e7f5ef;border-radius:50%;background:#006b5a;color:#fff;font-family:Georgia,serif;font-size:28px;font-weight:700}.shovel{position:absolute;right:48px;bottom:25px;width:7px;height:45px;border-radius:999px;background:#6f8d8a;transform:rotate(21deg)}.shovel:before{position:absolute;top:-8px;left:-5px;width:16px;height:12px;border:3px solid #6f8d8a;border-bottom:0;border-radius:999px 999px 0 0;content:""}.shovel:after{position:absolute;bottom:-10px;left:-6px;width:18px;height:18px;border-radius:4px 4px 12px 12px;background:#6f8d8a;content:""}.cloud{position:absolute;height:14px;border-radius:999px;background:#eff0ec}.cloud:before,.cloud:after{position:absolute;bottom:0;border-radius:50%;background:#eff0ec;content:""}.cloud:before{left:8px;width:22px;height:22px}.cloud:after{right:7px;width:18px;height:18px}.cloud-one{left:26px;top:46px;width:50px}.cloud-two{right:22px;top:32px;width:57px}.feature-strip{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #eef1ed;padding:18px 36px}.feature-strip div{display:flex;align-items:center;justify-content:center;gap:12px;min-height:40px;border-right:1px solid #eef1ed;color:#24302b;font-size:13px}.feature-strip div:last-child{border-right:0}.feature-strip span{display:grid;place-items:center;width:36px;height:36px;border-radius:8px;background:#f2f5ef;color:#006b5a}.sites-card-header{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:72px;border-bottom:1px solid #eef1ed;padding:18px 22px}.sites-card-header h2,.detail-title h3,.log-header h3{font-size:16px;letter-spacing:0}.sites-card-header p,.detail-title p,.muted{color:#68736d;font-size:13px}.sites-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,360px);min-height:360px}.site-table{display:grid;align-content:start}.site-row{display:grid;grid-template-columns:minmax(180px,1fr) 132px 150px 160px;align-items:center;gap:12px;width:100%;min-height:76px;border:0;border-bottom:1px solid #eef1ed;background:#fff;color:#26342f;padding:13px 22px;text-align:left}.site-row:hover,.site-row.selected{background:#f5fbf8}.site-name strong,.site-name small{display:block}.site-name small,.versions,.expires{color:#68736d;font-size:13px}.status{display:inline-flex;width:fit-content;min-height:28px;align-items:center;gap:6px;border-radius:999px;padding:0 10px;font-size:12px;font-weight:800;text-transform:capitalize}.status-ready{background:#e6f7ee;color:#16633f}.status-queued,.status-provisioning,.status-deleting{background:#fff5d8;color:#775510}.status-failed,.status-expired{background:#fff1ef;color:#8d2f29}.status-deleted{background:#eef2f5;color:#4e5d6c}.detail-panel{border-left:1px solid #eef1ed;background:#fbfcfa;padding:20px}.empty-detail{display:grid;place-items:center;align-content:center;gap:8px;text-align:center}.detail-title{display:flex;justify-content:space-between;gap:12px;margin-bottom:18px}.meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 16px}.meta-grid div{border:1px solid #e5ece8;border-radius:8px;background:#fff;padding:10px}dt{margin-bottom:5px;color:#68736d;font-size:12px}dd{margin:0;font-size:13px;font-weight:800}.action-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:18px}.action-row a,.action-row button{min-height:38px;border:1px solid #dfe5df;background:#fff;color:#1f2d28;padding:0 10px;font-size:13px}.action-row .danger{border-color:#e3b8b3;color:#8d2f29}.failure{border:1px solid #e3b8b3;border-radius:8px;color:#8d2f29;padding:10px;margin-bottom:16px}.log-header{margin-bottom:10px}.event-list{display:grid;gap:8px;max-height:230px;overflow:auto}.event-row{border-left:3px solid #9aa99f;background:#fff;padding:9px 10px}.event-row span{display:block;color:#68736d;font-size:12px}.event-row strong{display:block;margin:3px 0;font-size:13px}.event-row p{color:#3f4d47;font-size:13px}.loading-panel{display:grid;place-items:center;align-content:center;gap:10px;color:#68736d}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1180px){.create-panel{grid-template-columns:repeat(3,minmax(150px,1fr))}.quick-action{width:100%}.sites-layout{grid-template-columns:1fr}.detail-panel{border-top:1px solid #eef1ed;border-left:0}}@media(max-width:860px){.app-frame{grid-template-columns:1fr}.sidebar{position:static;height:auto;border-right:0;border-bottom:1px solid #e8ebe7}.nav-stack,.sidebar-lower{display:none}.brand{padding-bottom:0}.app-shell{padding:0 14px 18px}.topbar,.page-tools{align-items:stretch;flex-direction:column}.topbar{padding:14px 0}.topbar-actions{flex-wrap:wrap}.search-box{width:100%;order:2}.team-button{display:none}.refresh-button{display:inline-flex}.tabs,.new-site-button{width:100%}.create-panel{grid-template-columns:1fr;padding:16px}.feature-strip{grid-template-columns:1fr 1fr;padding:14px}.feature-strip div{justify-content:flex-start;border-right:0;padding:6px}.site-row{grid-template-columns:1fr;gap:8px}}