@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=Inter:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#080e1d;--panel:#111c32;--border:#26354f;--blue:#4b8fff;--text:#f5f8ff;--muted:#a2b0ca}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}.nav{max-width:1220px;margin:auto;min-height:86px;padding:20px 24px;display:flex;align-items:center;gap:35px}.brand{font-size:18px;font-weight:900;letter-spacing:.07em;white-space:nowrap}.brand span:last-child{color:#75a9ff}.mark{color:#75a9ff;font-size:27px;margin-right:9px}.nav nav{display:flex;gap:26px;margin-left:auto;font-size:13px;font-weight:650;color:#c5d0e5}.nav nav a:hover,.card a:hover{color:#8eb7ff}.btn{display:inline-flex;align-items:center;justify-content:center;background:#4387ee;border:1px solid #5798f6;color:white;padding:12px 20px;border-radius:7px;font-weight:750;font-size:13px;white-space:nowrap}.btn:hover{background:#3574d6}.btn.secondary{background:transparent;border-color:#3c4c69}.hero{background:radial-gradient(ellipse at 78% 42%,#1d3767 0,transparent 43%),linear-gradient(180deg,#0e1a31,#080e1d);border-top:1px solid #1a2840;border-bottom:1px solid #202d42;padding:90px 24px 105px;overflow:hidden}.hero-grid{max-width:1172px;margin:auto;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:64px}.eyebrow{color:#80b4ff;font-weight:800;font-size:12px;letter-spacing:.18em}.hero>.eyebrow{max-width:1172px;margin:0 auto 22px}.hero h1{font-size:clamp(49px,6vw,88px);line-height:1.04;letter-spacing:-.055em;margin:0 0 25px;font-weight:900}.hero h1 em{font-style:normal;color:#74adff}.lead{font-size:18px;color:#b5c4df;max-width:560px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:32px 0}.stats{display:flex;gap:22px;flex-wrap:wrap;color:#b7c9e4;font-size:12px;font-weight:700}.scene{min-height:420px;position:relative;border:1px solid #31466d;border-radius:15px;background:radial-gradient(circle at 60% 45%,#315d9b 0,#182c52 29%,#0a162e 72%);box-shadow:0 30px 90px #02071199;overflow:hidden}.scene:before{content:'';position:absolute;inset:0;background-image:radial-gradient(#b3d4ff 1px,transparent 1px);background-size:42px 42px;opacity:.25}.planet{position:absolute;width:260px;height:260px;top:54px;left:calc(50% - 130px);border-radius:50%;background:radial-gradient(circle at 30% 27%,#7cacf1,#28518e 53%,#0c1d3c 76%);box-shadow:0 0 100px #498bff40}.scene-card{position:absolute;display:flex;gap:14px;align-items:center;background:#0b1427e8;border:1px solid #45628c;padding:16px;border-radius:9px;min-width:240px;box-shadow:0 14px 35px #050b1f8c}.scene-card.top{top:55px;left:20px}.scene-card.bottom{right:18px;bottom:70px}.scene-card small{display:block;color:#a5b9d8;font-size:11px}.pixel,.discord{display:grid;place-items:center;background:#3d7447;color:white;border-radius:7px;font-size:25px;width:47px;height:47px;flex-shrink:0}.discord{background:#5865f2}.scene-caption{position:absolute;bottom:16px;left:20px;font-size:10px;font-weight:900;letter-spacing:.2em;color:#b6cfff}.section{max-width:1172px;margin:auto;padding:92px 24px}.section h2,.closing h2{font-size:clamp(32px,4vw,49px);line-height:1.1;margin:13px 0}.muted,.section p,.closing p{color:var(--muted)}.cards{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:35px}.card{background:#101a2e;border:1px solid var(--border);padding:32px;border-radius:10px}.card h3{font-size:23px;margin:18px 0 7px}.card a{color:#79aaff;font-weight:800;font-size:13px}.service-icon{width:58px;height:58px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:34px}.feature-grid>div{border-top:1px solid #34517b;padding-top:23px}.feature-grid b{color:#6ea4f4}.feature-grid h3{margin-bottom:7px}.closing{text-align:center;padding:80px 24px;background:#101c33;border-top:1px solid #263853}.closing .btn{margin-top:15px}.notice{font-size:12px;margin-top:24px}footer{max-width:1172px;margin:auto;padding:30px 24px;color:#8190ab;font-size:12px}footer span{padding:0 10px}.auth-wrap{max-width:440px;margin:65px auto 110px;padding:30px;border:1px solid var(--border);background:var(--panel);border-radius:12px}.auth-wrap h1{font-size:28px}.auth-wrap label{display:block;margin:15px 0 6px;font-size:13px;font-weight:700}.auth-wrap input{width:100%;background:#090f20;color:white;border:1px solid #3b4d6b;border-radius:6px;padding:12px}.auth-wrap button{width:100%;margin-top:20px;cursor:pointer}.auth-wrap p{color:var(--muted);font-size:13px}.error{color:#ff9e9e!important}.ok{color:#91dfba!important}.dashboard{max-width:1120px;margin:65px auto;padding:0 24px}.dashboard .cards{grid-template-columns:repeat(3,1fr)}@media(max-width:800px){.nav{flex-wrap:wrap;gap:15px}.nav nav{order:3;width:100%;overflow-x:auto;margin:0;gap:16px}.hero{padding:55px 18px}.hero-grid{grid-template-columns:1fr}.scene{min-height:330px}.cards,.feature-grid,.dashboard .cards{grid-template-columns:1fr}.section{padding:65px 24px}}
/* Starbound auth and dashboard refinements */
.auth-wrap{box-shadow:0 25px 75px #0208148c}.auth-wrap a{color:#8dbaff;text-decoration:underline;text-underline-offset:3px}.auth-wrap input:focus{outline:2px solid #6fa8ff;outline-offset:1px}.auth-wrap button:disabled{opacity:.55;cursor:wait}.nav button{cursor:pointer}.dashboard .card{min-height:190px}.dashboard h1{font-size:clamp(32px,4vw,50px);letter-spacing:-.04em}


:root{--bg:#090e15;--panel:#101721;--border:#263246;--blue:#5896ff;--text:#f4f7fc;--muted:#a2afc2}body{font-family:Inter,Arial,sans-serif;font-size:14px}.site-header{background:#0a1019;border-bottom:1px solid #202b3c}.site-header .nav{max-width:1320px;min-height:75px;padding:12px 35px}.brand{display:flex;align-items:center;gap:12px;font-size:16px;line-height:1.2}.brand .mark{font-size:37px}.brand strong{display:block;letter-spacing:1.7px}.brand small{display:block;color:#5896ff;letter-spacing:4px;font-size:9px;margin-top:4px}.btn{border-radius:6px;background:#5594fa;color:#08111d;border-color:#5594fa}.btn.secondary{color:#f4f7fc;background:#101722;border-color:#465a74}.auth-wrap{background:#101721;border-color:#263246}.auth-wrap h1,.dashboard h1,.dashboard h2{font-family:'Barlow Condensed',Impact,sans-serif;letter-spacing:0}.dashboard{max-width:1320px;margin:0 auto;padding:45px 35px 75px}.dash-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}.dash-heading h1{font-size:clamp(40px,4vw,62px);line-height:1;margin:15px 0}.dash-heading h1 em{color:#69a4ff;font-style:normal}.dash-heading p{margin:0}.pill{font-size:11px;border:1px solid #304158;color:#a8bddb;background:#121c2b;border-radius:50px;padding:8px 12px;white-space:nowrap}.portal{display:grid;grid-template-columns:220px minmax(0,1fr);gap:24px}.sidebar{align-self:start;position:sticky;top:20px;background:#101721;border:1px solid #263246;border-radius:9px;padding:12px;display:grid;gap:5px}.sidebar a{padding:13px 14px;color:#aebdd2;border-radius:6px;font-size:12px;font-weight:650}.sidebar a:hover,.sidebar a:first-child{color:#fff;background:#1b2b43}.portal-main{min-width:0}.welcome{background:radial-gradient(circle at 95% 50%,#1d3e6c,#111d2d 52%,#101721);border:1px solid #2c4564;border-radius:10px;padding:32px}.welcome h2{font-size:36px;margin:8px 0}.welcome p{max-width:610px;color:#aebdd2;line-height:1.7}.welcome .btn{margin-top:8px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0 35px}.metrics>div{background:#101721;border:1px solid #263246;border-radius:9px;padding:21px}.metrics small{display:block;color:#94a6bf;font-size:10px;font-weight:800;letter-spacing:1.3px}.metrics strong{display:block;font-size:30px;margin:10px 0 4px}.metrics span{color:#8093ad;font-size:11px}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.section-title h2{font-size:30px;margin:0}.empty-inner{text-align:center;background:#101721;border:1px dashed #314158;border-radius:9px;padding:44px 22px}.empty-icon{font-size:42px;color:#68a2ff}.empty-inner h3{margin:12px 0 5px}.empty-inner p{color:#9daabd;line-height:1.7;max-width:490px;margin:auto}.portal-cards{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:22px}.portal-cards .card{padding:25px;min-height:180px}.portal-cards .card h2{font-size:26px;margin:10px 0}.portal-cards .card p{font-size:12px;line-height:1.7}.client-footer{text-align:center;border-top:1px solid #202b3b;background:#080c13;color:#8190ab;padding:25px;font-size:11px}[hidden]{display:none!important}@media(max-width:850px){.portal{grid-template-columns:1fr}.sidebar{position:static;display:flex;overflow-x:auto}.sidebar a{white-space:nowrap}.dash-heading{align-items:flex-start;flex-direction:column}}@media(max-width:650px){.site-header .nav{padding:12px 20px}.site-header .nav nav{order:3;width:100%;margin:0;overflow-x:auto}.dashboard{padding:32px 18px}.metrics,.portal-cards{grid-template-columns:1fr}.welcome{padding:25px}}

/* Account page and keyboard navigation polish */
.site-header .brand span:last-child{color:inherit}.site-header .brand small{color:#5896ff}.site-header .brand .mark{margin:0}.site-header .nav nav{min-width:0}.site-header a:focus-visible,.sidebar a:focus-visible,.btn:focus-visible,.auth-wrap input:focus-visible{outline:2px solid #8cbbff;outline-offset:3px}.auth-wrap{box-shadow:0 25px 75px #0208148c}.auth-wrap h1{font-family:'Barlow Condensed',Impact,sans-serif;font-size:40px}.auth-wrap input{background:#090e15;border-color:#304158}.auth-wrap label{color:#c8d6e9}.auth-wrap .btn{color:#08111d}.auth-wrap p{line-height:1.7}.site-header .nav{flex-wrap:wrap}@media(max-width:650px){.site-header .nav nav{gap:18px}}

/* Owner console preview */
.owner-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.owner-grid .card{min-height:220px;padding:26px}.owner-grid .card h2{font-family:'Barlow Condensed',Impact,sans-serif;font-size:30px;margin:12px 0}.owner-grid .card p{font-size:13px;line-height:1.7;color:#a2afc2;min-height:65px}.owner-grid .card .pill{display:inline-block}@media(max-width:700px){.owner-grid{grid-template-columns:1fr}}

/* Owner customer directory */
.owner-grid #customers{grid-column:1/-1}.customer-search-label{display:block;font-size:12px;font-weight:700;color:#b7c8e3;margin:20px 0 8px}.customer-search{width:100%;max-width:420px;padding:12px 14px;border-radius:7px;background:#090e15;color:#f4f7fc;border:1px solid #344b6a}.customer-search:focus-visible{outline:2px solid #80b4ff}.customer-entry{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:15px 0;border-bottom:1px solid #263246}.customer-entry span{font-size:12px;color:#9eafc8}@media(max-width:600px){.customer-entry{align-items:flex-start;flex-direction:column}}

/* Dedicated owner views and hosting catalog */
.owner-grid{display:block}.owner-view{margin-bottom:20px}.owner-grid .owner-view{min-height:320px}.sidebar a.selected{background:#1b2b43;color:#fff}.sidebar a:first-child:not(.selected){background:transparent;color:#aebdd2}[data-panel][hidden]{display:none!important}.plan-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:18px 0}.plan-toolbar h3{font-family:'Barlow Condensed',Impact,sans-serif;font-size:25px;margin:0}.plan-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;background:#0c1523;border:1px solid #31435e;padding:22px;border-radius:9px;margin:18px 0}.plan-form label{display:grid;gap:7px;font-size:12px;font-weight:700;color:#b7c8e3}.plan-form input:not([type=checkbox]),.plan-form select,.plan-form textarea{width:100%;background:#090e15;border:1px solid #344b6a;color:#fff;padding:12px;border-radius:6px;font:inherit}.plan-form textarea{min-height:80px}.plan-form .plan-check{display:flex;align-items:center;gap:9px}.plan-form .btn{cursor:pointer}.plan-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 0;border-bottom:1px solid #2b3a50}.plan-row p{font-size:12px;margin:8px 0}.plan-row small{color:#80b4ff}@media(max-width:700px){.plan-form{grid-template-columns:1fr}.plan-row{align-items:flex-start;flex-direction:column}}

.plan-actions{grid-column:1/-1;display:flex;justify-content:flex-start;gap:10px;flex-wrap:wrap}.plan-actions .btn{width:auto;min-width:120px;min-height:40px;padding:10px 18px;font-size:13px}.plan-feedback{grid-column:1/-1;margin:0;color:#ffb9b9;font-size:13px}.plan-feedback:empty{display:none}.plan-form>p.muted{grid-column:1/-1;margin:0}.plan-form .plan-check{align-self:center}

/* Hosting catalog v0.4 */
.plan-presets{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:14px 0}.plan-presets span{font-size:12px;color:#a2afc2}.plan-presets .btn,.plan-row-actions .btn{width:auto;min-height:36px;padding:8px 13px}.plan-row-actions{display:flex;gap:8px;flex-wrap:wrap}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(255px,1fr));gap:18px;margin:28px 0 80px}.pricing-card{background:#101b2b;border:1px solid #30435d;border-radius:12px;padding:27px;display:flex;flex-direction:column;gap:15px}.pricing-card h2{font-family:'Barlow Condensed',Impact,sans-serif;font-size:34px;margin:0}.pricing-card p{min-height:55px}.pricing-amount{font-size:36px;font-weight:800;color:#fff}.pricing-amount small{font-size:13px;color:#9aacc7;font-weight:400}.pricing-specs{padding-left:20px;color:#c3d2e6;line-height:2}.pricing-card button{margin-top:auto;opacity:.65;cursor:not-allowed}

/* Starbound v0.5 — configurable pricing themes */
.pricing-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,245px),1fr));align-items:stretch}
.pricing-card.themed-plan{position:relative;min-width:0;min-height:390px;gap:13px;overflow:hidden;border-color:color-mix(in srgb,var(--plan-accent) 40%,#263246);background:linear-gradient(155deg,color-mix(in srgb,var(--plan-accent) 10%,#101b2b),#101721 64%);transition:transform .2s,border-color .2s,box-shadow .2s}
.pricing-card.themed-plan:hover{transform:translateY(-4px);border-color:var(--plan-accent)}
.pricing-card.themed-plan:before{content:'';height:3px;position:absolute;inset:0 0 auto;background:var(--plan-accent)}
.pricing-card .eyebrow{color:var(--plan-accent,#80b4ff);font-size:10px}
.pricing-card .pricing-amount{font-size:39px;line-height:1.15}
.pricing-card .pricing-specs{list-style:none;padding:14px 0 0;margin:0;border-top:1px solid #304057;line-height:2.3;flex:1}
.pricing-card .plan-badge{align-self:flex-start;padding:5px 10px;border-radius:4px;background:var(--plan-accent);color:#08111d;font-size:10px;letter-spacing:.06em;text-transform:uppercase;font-weight:900}
.pricing-card.plan-style-highlighted{border-width:2px;box-shadow:0 12px 32px #0005}
.pricing-card.plan-style-premium_glow{border-color:var(--plan-accent);box-shadow:0 0 34px color-mix(in srgb,var(--plan-accent) 22%,transparent)}
.pricing-card button:disabled{background:color-mix(in srgb,var(--plan-accent) 70%,#17253b);border-color:var(--plan-accent);color:#08111d;opacity:.78}
.plan-theme-fields{grid-column:1/-1;border-top:1px solid #304057;padding-top:18px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.plan-theme-fields h3{grid-column:1/-1;margin:0;font-size:20px}
.plan-live-preview{grid-column:1/-1;max-width:370px;width:100%}
.plan-live-preview .pricing-card{min-height:350px}
.plan-theme-fields input[type=color]{height:44px;padding:3px;cursor:pointer}
.plan-row .plan-theme-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--plan-accent);margin-right:6px}
@media(max-width:750px){.plan-theme-fields{grid-template-columns:1fr}.pricing-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,255px),1fr))}}

/* v0.5 owner catalog editor refinements */
.plan-catalog-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:16px 0 22px}
.plan-catalog-metric{background:#0c1522;border:1px solid #293b52;border-radius:8px;padding:14px 16px;display:flex;flex-direction:column;gap:3px}
.plan-catalog-metric strong{font-size:23px;line-height:1.1;color:#f5f8ff}.plan-catalog-metric span{font-size:11px;color:#a4b5ca}
.plan-editor-heading{grid-column:1/-1;border-bottom:1px solid #293b52;padding-bottom:15px}.plan-editor-heading h3{font-size:27px;margin:5px 0}.plan-editor-heading p{margin:0}
.plan-field-heading{grid-column:1/-1;margin:6px 0 0;font-size:14px;letter-spacing:.04em;color:#90b9fa;border-bottom:1px solid #293b52;padding-bottom:10px}
.plan-form label:focus-within{color:#cce0ff}.plan-form input:focus-visible,.plan-form select:focus-visible,.plan-form textarea:focus-visible{outline:2px solid #5896ff;outline-offset:1px}
.plan-theme-fields{align-items:start}.plan-theme-fields h3{font-size:14px;letter-spacing:.04em;color:#90b9fa;padding-bottom:10px;border-bottom:1px solid #293b52}
.plan-preview-wrap{grid-column:1/-1;background:#0a111d;border:1px dashed #344b66;border-radius:9px;padding:17px}.plan-preview-wrap>strong{font-size:13px}.plan-preview-wrap>p{font-size:11px;margin:4px 0 15px}.plan-live-preview{max-width:350px}.plan-live-preview .pricing-card{width:100%}
.plan-row{background:#0c1522;border:1px solid #2b3c53;border-radius:9px;margin:10px 0;padding:16px 18px;gap:16px}.plan-row:hover{border-color:#466383}.plan-row-details{min-width:0;flex:1}.plan-row-title{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.plan-row-title strong{font-size:15px}.plan-service-chip,.plan-status{font-size:10px;font-weight:750;padding:3px 8px;border-radius:4px;border:1px solid #34445b;color:#afc2dd}.plan-status-published{color:#82e0b4;border-color:#2c7958;background:#133427}.plan-status-draft{color:#f3ce8d;border-color:#6c5634;background:#332817}.plan-status-archived{color:#abb3c3;background:#222b37}.plan-row p{min-height:0!important;line-height:1.7;margin:9px 0 5px!important}.plan-row-actions{flex-shrink:0}
.plan-actions{border-top:1px solid #293b52;padding-top:15px}.plan-actions .btn{min-width:130px}
@media(max-width:750px){.plan-catalog-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.plan-row-actions{width:100%}}

.currency-switch{display:flex;align-items:center;gap:12px;margin:16px 0 4px;font-size:12px;color:#b7c8e0;font-weight:650}
.currency-switch select{background:#111e2f;color:#f3f7ff;border:1px solid #3b5474;border-radius:6px;padding:9px 13px;font:inherit;cursor:pointer;min-width:106px}
.currency-switch select:focus-visible{outline:2px solid #5896ff;outline-offset:2px}
.currency-note{font-size:11px;color:#92a7c3;line-height:1.5;margin:6px 0 16px}

/* v0.6: give test-order details room to breathe in billing cards */
#customerOrders,#ownerOrders{margin-top:18px}
#customerOrders .order-row,#ownerOrders .order-row{display:flex;align-items:flex-start;flex-direction:column;gap:12px;padding:18px 0;border-top:1px solid #293b52;border-bottom:0}
#customerOrders .order-row>div,#ownerOrders .order-row>div{display:flex;flex-direction:column;gap:7px;min-width:0}
#customerOrders .order-row strong,#ownerOrders .order-row strong{display:block;line-height:1.5;font-size:14px}
#customerOrders .order-row p,#ownerOrders .order-row p{margin:0;line-height:1.7}
#customerOrders .order-row .pill,#ownerOrders .order-row .pill{display:inline-flex;align-self:flex-start;margin-top:2px}

/* v0.6 dedicated customer and owner order management */
.orders-section{margin:22px 0}.orders-section .section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.orders-section .section-title h2{margin:5px 0 0}
.orders-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:22px 0 16px;flex-wrap:wrap}.orders-toolbar select{background:#0b1726;border:1px solid #38506d;color:#dce9ff;border-radius:6px;padding:9px 12px;font:inherit;min-width:135px}
.orders-list{display:grid;gap:14px}.order-card{background:#0b1422;border:1px solid #30435e;border-radius:10px;padding:20px;min-width:0}.order-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;flex-wrap:wrap}.order-card-top h3{font-size:20px;margin:6px 0 0}.order-card-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(125px,1fr));gap:18px;margin:20px 0;padding:17px 0;border-top:1px solid #293b52;border-bottom:1px solid #293b52}.order-card-info>div{display:flex;flex-direction:column;gap:7px;min-width:0}.order-card-info small{font-size:10px;letter-spacing:.08em;color:#89a7cc;font-weight:750}.order-card-info strong{font-size:13px;overflow-wrap:anywhere}.order-status{font-size:11px;border:1px solid #7a6336;background:#302819;color:#f4d497;border-radius:999px;padding:7px 11px;font-weight:750;white-space:nowrap}.order-status-cancelled{border-color:#6b4650;background:#2c1d26;color:#e9a8b5}.order-card-note{font-size:11px!important;color:#8fa7c6!important;margin:0!important;line-height:1.6}.orders-empty{padding:30px 16px;text-align:center;border:1px dashed #38506d;border-radius:8px;color:#a7bad2}
@media(max-width:600px){.order-card{padding:15px}.order-card-info{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}}

/* Order workspace v0.6.2 — strong scoped styles override generic dashboard cards */
#my-orders.orders-section{padding:28px 30px;background:linear-gradient(145deg,#111e32,#0d1728);border:1px solid #314763;border-radius:12px}
#my-orders .section-title{margin-bottom:10px}
#my-orders .section-title h2{font-size:27px}
#my-orders>p.muted{margin:10px 0 0;color:#aabed7;line-height:1.6}
#customerOrders .orders-toolbar,#ownerOrders .orders-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:24px 0 17px;padding-bottom:15px;border-bottom:1px solid #2a3e59}
#customerOrders .orders-toolbar select,#ownerOrders .orders-toolbar select{background:#101f32;color:#e8f1ff;border:1px solid #405a7c;border-radius:7px;padding:9px 12px;font-size:12px}
#customerOrders .orders-list,#ownerOrders .orders-list{display:grid;gap:16px}
#customerOrders .order-card,#ownerOrders .order-card{display:block;background:#0a1423;border:1px solid #354a68;border-radius:11px;padding:24px;box-shadow:0 7px 20px #0002}
#customerOrders .order-card-top,#ownerOrders .order-card-top{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
#customerOrders .order-card-top h3,#ownerOrders .order-card-top h3{font-size:23px;line-height:1.3;margin:8px 0 0;color:#f5f8ff}
#customerOrders .order-card-info,#ownerOrders .order-card-info{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:22px 0 16px;padding:19px 0;border-top:1px solid #263b55;border-bottom:1px solid #263b55}
#ownerOrders .order-card-info{grid-template-columns:repeat(4,minmax(0,1fr))}
#customerOrders .order-card-info>div,#ownerOrders .order-card-info>div{display:flex;flex-direction:column;align-items:flex-start;gap:9px;min-width:0}
#customerOrders .order-card-info small,#ownerOrders .order-card-info small{display:block;color:#87a9d4;font-size:10px;font-weight:800;letter-spacing:.08em}
#customerOrders .order-card-info strong,#ownerOrders .order-card-info strong{display:block;color:#f2f6ff;font-size:14px;font-weight:700;overflow-wrap:anywhere}
#customerOrders .order-status,#ownerOrders .order-status{display:inline-flex;align-items:center;background:#2b261a;border:1px solid #7c6231;color:#f3d291;border-radius:30px;padding:8px 12px;font-size:11px;font-weight:750;white-space:nowrap}
#customerOrders .order-status-cancelled,#ownerOrders .order-status-cancelled{background:#30222b;border-color:#784653;color:#e6b0bf}
#customerOrders .order-card-note,#ownerOrders .order-card-note{font-size:11px!important;line-height:1.65!important;color:#92a9c8!important;margin:0!important}
@media(max-width:700px){#my-orders.orders-section{padding:20px 16px}#customerOrders .order-card,#ownerOrders .order-card{padding:18px}#customerOrders .order-card-info,#ownerOrders .order-card-info{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Owner order management v0.6.3 */
#ownerOrders{margin-top:22px}
.owner-order-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.owner-order-metric{padding:18px;background:#0b1727;border:1px solid #314663;border-radius:9px;display:flex;flex-direction:column;gap:7px}
.owner-order-metric strong{font-size:26px;line-height:1.1;color:#f4f8ff}.owner-order-metric span{font-size:11px;color:#9eb7d6}
.owner-order-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:23px 0 9px}
.owner-order-toolbar input{flex:1 1 260px;min-width:0;background:#0c1828;border:1px solid #385271;color:#f4f8ff;border-radius:7px;padding:12px;font:inherit}
.owner-order-toolbar select{background:#0c1828;border:1px solid #385271;color:#f4f8ff;border-radius:7px;padding:12px;font:inherit}
.owner-order-toolbar input:focus-visible,.owner-order-toolbar select:focus-visible{outline:2px solid #5896ff;outline-offset:2px}
.owner-order-count{font-size:11px;color:#9bb2d0;margin:8px 0 18px}
.owner-order-list{display:grid;gap:16px}
.owner-order-card{background:#0a1423;border:1px solid #344a69;border-radius:11px;padding:22px}
.owner-order-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.owner-order-head h3{margin:7px 0 0;font-size:21px;color:#f5f8ff}
.owner-order-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 25px;padding:19px 0;margin:19px 0;border-top:1px solid #293c56;border-bottom:1px solid #293c56}
.owner-order-details>div{min-width:0;display:flex;flex-direction:column;gap:7px}
.owner-order-details small{font-size:10px;font-weight:800;letter-spacing:.07em;color:#8cadd6}
.owner-order-details strong{font-size:12px;color:#edf4ff;overflow-wrap:anywhere;user-select:text}
.owner-order-footer{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}
.owner-order-footer span{font-size:11px;color:#92a9c8}
.owner-order-footer button{font-size:12px}
@media(max-width:650px){.owner-order-metrics{grid-template-columns:1fr 1fr}.owner-order-details{grid-template-columns:1fr}.owner-order-card{padding:17px}}

/* v0.6.4 — test order review */
.checkout-page{max-width:1160px}.checkout-steps{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0 28px}.checkout-steps span{font-size:11px;color:#829bb9;border:1px solid #283d59;border-radius:999px;padding:9px 14px}.checkout-steps span.active{color:#b8d6ff;border-color:#4b75ac;background:#142944}
.checkout-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:20px;align-items:start}
.checkout-panel{background:#101d30;border:1px solid #344a69;border-radius:11px;padding:27px;min-width:0}
.checkout-panel h2{font-size:29px;margin:13px 0}.checkout-panel>p{line-height:1.7}
.checkout-specs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin:28px 0}.checkout-specs>div{display:flex;flex-direction:column;gap:8px;background:#0a1626;border:1px solid #2d435f;border-radius:8px;padding:18px}.checkout-specs small{color:#91aed1;font-size:11px}.checkout-specs strong{font-size:17px;color:#f5f8ff}
.checkout-back{display:inline-block;color:#a7c9ff;margin-top:7px;font-size:12px;text-decoration:none}.checkout-back:hover{text-decoration:underline}
.checkout-line{display:flex;justify-content:space-between;align-items:center;gap:14px;border-bottom:1px solid #293d56;padding:18px 0;font-size:12px}.checkout-line>span{color:#9fb7d6}.checkout-line strong{color:#f1f6ff;text-align:right}.checkout-line select{background:#0c192a;color:#f3f7ff;border:1px solid #425b7c;border-radius:6px;padding:8px}
.checkout-total{margin:22px 0}.checkout-total small{display:block;color:#91b5e5;font-size:10px;letter-spacing:.09em;font-weight:750}.checkout-total>strong{display:block;font-size:35px;margin:9px 0;color:#fff}.checkout-total p{font-size:11px;line-height:1.6}
.checkout-warning{background:#272213;border:1px solid #695633;border-radius:8px;padding:15px;margin:18px 0;color:#f3d7a1}.checkout-warning strong{font-size:12px}.checkout-warning p{font-size:11px;line-height:1.7;margin:8px 0 0}
#checkoutConfirm{width:100%;padding:14px}.checkout-success-link{display:inline-block;margin-top:13px;color:#a7d0ff;font-weight:750;font-size:13px}#checkoutFeedback{font-size:12px;line-height:1.6}
@media(max-width:790px){.checkout-layout{grid-template-columns:1fr}.checkout-panel{padding:20px}}
@media(max-width:450px){.checkout-specs{grid-template-columns:1fr}}

/* v0.6.5 — checkout plan accents, plan switching and confirmation */
.checkout-page{--checkout-accent:#5896ff}
.checkout-layout>.checkout-panel:first-child{border-top:3px solid var(--checkout-accent);background:linear-gradient(150deg,color-mix(in srgb,var(--checkout-accent) 9%,#101d30),#101d30 55%)}
.checkout-layout>.checkout-panel:first-child .eyebrow,.checkout-layout>.checkout-panel:first-child h2{color:var(--checkout-accent)}
.checkout-specs>div{border-color:color-mix(in srgb,var(--checkout-accent) 23%,#2d435f)}
.checkout-adjust{border-top:1px solid #344963;padding-top:21px;margin-top:4px}
.checkout-adjust label{display:block;font-size:13px;font-weight:800;color:#e9f2ff}
.checkout-adjust p{font-size:11px;line-height:1.65;margin:7px 0 12px}
.checkout-adjust select{width:100%;padding:12px;background:#0b1727;border:1px solid #405a7a;border-radius:7px;color:#f2f7ff;font:inherit}
.checkout-adjust select:focus-visible{outline:2px solid var(--checkout-accent);outline-offset:2px}
.checkout-success{background:linear-gradient(150deg,color-mix(in srgb,var(--checkout-accent) 8%,#101d30),#0c1828);border:1px solid color-mix(in srgb,var(--checkout-accent) 38%,#314763);border-radius:12px;padding:34px;max-width:850px;margin:0 auto}
.checkout-success-icon{display:grid;place-items:center;width:50px;height:50px;border-radius:50%;background:#193d32;color:#7ce5b4;border:1px solid #377c5b;font-size:26px;margin-bottom:18px}
.checkout-success h2{font-size:30px;margin:9px 0}.checkout-success>p{line-height:1.7}
.checkout-success-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:26px 0;padding:24px 0;border-top:1px solid #344963;border-bottom:1px solid #344963}
.checkout-success-details>div{display:flex;flex-direction:column;gap:9px;min-width:0}
.checkout-success-details small{font-size:10px;color:#92b4dc;font-weight:800;letter-spacing:.08em}
.checkout-success-details strong{font-size:14px;color:#f3f7ff;overflow-wrap:anywhere}
.checkout-success-actions{display:flex;gap:12px;flex-wrap:wrap}
.checkout-success-actions a{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;padding:12px 18px}
.checkout-success-note{font-size:11px;color:#9cb3ce;margin-top:24px}
@media(max-width:600px){.checkout-success{padding:22px 17px}.checkout-success-details{grid-template-columns:1fr}.checkout-success-actions a{width:100%}}

/* v0.7 customer hosting services */
#customerServices{margin-top:18px}.service-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}
.service-card,.service-detail-panel{background:#101d30;border:1px solid #344b6a;border-radius:11px;padding:24px}
.service-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;flex-wrap:wrap}
.service-card h3{font-size:21px;margin:9px 0 0}.service-card>p{margin:18px 0;line-height:1.6}.service-card>a{display:inline-flex;text-decoration:none;margin-top:5px}
.service-status{font-size:11px;font-weight:750;padding:7px 11px;border-radius:999px;border:1px solid #4b6282;color:#c6d7ef;background:#1a2a40}
.service-status-active{color:#99e5b7;background:#17362b;border-color:#357754}.service-status-error,.service-status-suspended{color:#f1b1b1;background:#372029;border-color:#84505b}
.service-detail-panel{max-width:900px}.service-detail-panel h2{font-size:28px;margin:13px 0 25px}
.service-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:22px 0;border-top:1px solid #2e4260;border-bottom:1px solid #2e4260}
.service-detail-grid>div{display:flex;flex-direction:column;gap:9px;min-width:0}.service-detail-grid small{font-size:11px;color:#91b2db}.service-detail-grid strong{overflow-wrap:anywhere;color:#f5f8ff;font-size:14px}
.service-controls-preview{margin-top:25px;padding:20px;background:#0b1728;border:1px dashed #38516f;border-radius:9px}.service-controls-preview h3{margin:0 0 10px}.service-controls-preview p{line-height:1.7;margin:0}
@media(max-width:600px){.service-detail-grid{grid-template-columns:1fr}.service-card,.service-detail-panel{padding:18px}}