:root{--ink:#101310;--panel:#181d19;--line:#303630;--acid:#c8ff32;--paper:#f3f3ed;--muted:#8e968e}*{box-sizing:border-box}body{margin:0;background:var(--ink);color:var(--paper);font-family:Manrope,Arial,sans-serif}.hidden{display:none!important}.kicker{font:10px "DM Mono";letter-spacing:.1em;color:var(--muted);margin:0 0 12px}em{font-family:Georgia,serif;color:var(--acid);font-weight:400}.login-screen{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 70% 30%,#243022 0,transparent 35%),var(--ink)}.login-brand{position:absolute;top:30px;left:34px;font:600 13px "DM Mono"}.login-brand>span,.brand>span{display:grid;place-items:center;border:1px solid #667067;border-radius:50%;width:35px;height:35px;margin-right:12px}.login-brand{display:flex;align-items:center}.login-brand i{color:var(--acid);font-style:normal;margin-left:5px}.login-card{width:min(460px,calc(100% - 36px));border:1px solid var(--line);background:rgba(20,25,21,.88);padding:46px}.login-card h1{font-size:48px;line-height:1;margin:0 0 38px}.login-card label,dialog label{display:grid;gap:8px;font:10px "DM Mono";letter-spacing:.07em;color:var(--muted);margin:15px 0}.login-card input,dialog input{width:100%;background:#0f120f;border:1px solid var(--line);color:white;padding:15px;font:14px Manrope}.login-card button,.primary{width:100%;margin-top:15px;padding:16px;border:0;background:var(--acid);color:#111;font-weight:700;display:flex;justify-content:space-between;cursor:pointer}.form-error{min-height:18px;color:#ff8f7e;font-size:12px}.app-shell{min-height:100vh;display:grid;grid-template-columns:260px 1fr}aside{position:fixed;width:260px;height:100vh;padding:28px 22px;border-right:1px solid var(--line);display:flex;flex-direction:column;background:#111511}.brand{display:flex;align-items:center;font:600 13px "DM Mono"}.brand small{display:block;font-size:8px;color:var(--acid);margin-top:5px}nav{display:grid;gap:5px;margin-top:70px}nav button,.logout{border:0;background:none;color:#7f887f;text-align:left;padding:14px 10px;font:11px "DM Mono";cursor:pointer}nav button b{color:#4f574f;margin-right:15px}nav button.active{background:#1d231e;color:white}nav button.active b{color:var(--acid)}.side-status{margin-top:auto;padding:15px 8px;border-top:1px solid var(--line);display:flex;gap:10px;font-size:11px}.side-status i,.live i{width:7px;height:7px;border-radius:50%;background:var(--acid);box-shadow:0 0 12px var(--acid);margin-top:4px}.side-status small{display:block;color:#697169;margin-top:4px}.logout{margin-top:10px}main{grid-column:2;padding:35px clamp(25px,4vw,65px)}header{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid var(--line);padding-bottom:26px;margin-bottom:38px}header h2,.section-title h2{font-size:34px;margin:0;font-weight:500}.live{font:10px "DM Mono";display:flex;gap:9px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line)}.metrics article{min-height:165px;padding:20px;border-right:1px solid var(--line);position:relative}.metrics article:last-child{border:0}.metrics article>span{position:absolute;right:17px;color:#566056;font:10px "DM Mono"}.metrics p{color:var(--muted);font:9px "DM Mono"}.metrics strong{display:block;font:500 36px "DM Mono";margin:24px 0 8px}.metrics small{color:#747d74;font-size:11px}.metrics .acid{background:var(--acid);color:#111}.metrics .acid p,.metrics .acid small{color:#384329}.grid-two{display:grid;grid-template-columns:1.35fr .65fr;gap:18px;margin-top:18px}.panel{border:1px solid var(--line);background:var(--panel)}.panel-head{padding:22px;display:flex;justify-content:space-between}.panel-head h3{margin:0;font-weight:500}.panel-head>span{font:9px "DM Mono";color:var(--acid)}.orbit{height:360px;position:relative;overflow:hidden}.ring{position:absolute;border:1px solid #394439;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.ring.one{width:270px;height:270px}.ring.two{width:190px;height:190px;border-style:dashed}.core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:105px;height:105px;border-radius:50%;background:var(--acid);color:#111;display:grid;place-items:center;font:36px "DM Mono"}.core small{display:block;font-size:8px;margin-top:-28px}.node{position:absolute;font:8px "DM Mono";color:#9ca69c}.n1{left:14%;top:50%}.n2{right:12%;top:28%}.n3{right:17%;bottom:18%}.steps{list-style:none;padding:0 22px;margin:15px 0}.steps li{display:flex;gap:18px;padding:22px 0;border-top:1px solid var(--line)}.steps span{font:10px "DM Mono";color:var(--acid)}.steps strong,.steps small{display:block}.steps small{color:#788078;font-size:11px;margin-top:5px}.section-title{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:35px}.section-title .primary{width:auto;margin:0;padding:14px 18px}.table{background:transparent}.table-row{display:grid;grid-template-columns:1.2fr .8fr .6fr 1fr;padding:17px 20px;border-bottom:1px solid var(--line);font-size:13px}.table-head{color:#717971;font:9px "DM Mono"}.status{color:var(--acid);font:10px "DM Mono"}.module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.module-card{min-height:210px;padding:22px;border:1px solid var(--line);background:var(--panel);display:flex;flex-direction:column}.module-card>span{font:9px "DM Mono";color:var(--acid)}.module-card h3{font-size:20px;margin:28px 0 8px}.module-card p{font-size:12px;color:#8d958d;line-height:1.6}.module-card strong{margin-top:auto;font:16px "DM Mono"}.empty{text-align:center;padding:80px 30px}.empty>div{font-size:50px;color:var(--acid)}.empty p{color:var(--muted)}.empty span{font:9px "DM Mono";color:var(--acid)}dialog{width:min(700px,calc(100% - 30px));background:#151a16;color:white;border:1px solid var(--line);padding:28px}dialog::backdrop{background:rgba(0,0,0,.75)}.dialog-head{display:flex;justify-content:space-between}.dialog-head h3{margin:0;font-size:26px}.dialog-head button{background:none;border:0;color:white;font-size:28px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.wide{grid-column:1/-1}.wide-button{justify-content:center}.primary{width:auto}@media(max-width:1000px){.metrics{grid-template-columns:1fr 1fr}.metrics article:nth-child(2){border-right:0}.metrics article:nth-child(-n+2){border-bottom:1px solid var(--line)}.grid-two{grid-template-columns:1fr}.module-grid{grid-template-columns:1fr 1fr}}@media(max-width:700px){.app-shell{display:block}aside{position:static;width:100%;height:auto}.brand,nav,.side-status,.logout{display:none}main{padding:22px}.metrics,.module-grid{grid-template-columns:1fr}.metrics article{border-right:0;border-bottom:1px solid var(--line)!important}.table-row{grid-template-columns:1fr 1fr;gap:8px}.form-grid{grid-template-columns:1fr}.wide{grid-column:auto}}

.module-card button{margin-top:18px;padding:11px;border:1px solid var(--acid);background:transparent;color:var(--acid);font:10px "DM Mono";cursor:pointer}.module-card button.booked{background:var(--acid);color:#111}.module-actions{display:grid;grid-template-columns:1fr auto;gap:8px}.module-card button.price-edit{border-color:var(--line);color:var(--muted);padding-inline:13px}.module-card button.price-edit:hover{border-color:var(--acid);color:var(--acid)}.module-card .dependency{margin-top:8px;color:#e2b970;font:9px "DM Mono"}.tenant-select{display:grid;gap:6px;color:var(--muted);font:9px "DM Mono"}.tenant-select select{min-width:220px;background:var(--panel);color:white;border:1px solid var(--line);padding:12px}@media(max-width:700px){.section-title{align-items:flex-start;gap:18px;flex-direction:column}}
@media(max-width:700px){aside{padding:16px 14px;border-right:0;border-bottom:1px solid var(--line)}aside .brand{display:flex}aside nav{display:flex;margin-top:16px;overflow-x:auto;gap:6px}aside nav button{display:block;white-space:nowrap;padding:11px 13px}aside .side-status,aside .logout{display:none}}
@media(max-width:700px){aside nav{scrollbar-width:none}aside nav::-webkit-scrollbar{display:none}}

.table-row strong small{display:block;color:var(--muted);font-weight:500;margin-top:4px}
.customer-row{grid-template-columns:1.3fr .72fr .58fr .95fr .72fr 1.15fr}
.module-card{min-height:260px}
.module-card.is-booked{border-color:rgba(200,255,50,.55);box-shadow:0 0 0 1px rgba(200,255,50,.08) inset}
.module-card strong{margin-top:0}
.module-price{margin-top:auto;display:grid;gap:4px}
.module-price small{color:#798279;font-size:11px}
.module-hint{display:block;color:#889188;margin-top:10px}
.quote-panel{margin-bottom:18px}
.quote-controls{display:flex;gap:8px;padding:0 22px 16px}
.quote-controls button{border:1px solid var(--line);background:#121713;color:var(--muted);padding:10px 14px;font:9px "DM Mono";cursor:pointer}
.quote-controls button.active{background:var(--acid);border-color:var(--acid);color:#111}
.quote-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;padding:0 22px 16px}
.quote-grid div{border:1px solid var(--line);background:#121713;padding:15px}
.quote-grid small{display:block;color:var(--muted);font:9px "DM Mono";margin-bottom:9px}
.quote-grid strong{font:18px "DM Mono";font-weight:500}
.quote-note{border-top:1px solid var(--line);color:#a9b2a9;font-size:13px;line-height:1.65;padding:18px 22px}
.website-sync{margin-bottom:18px}
.sync-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:0 22px 16px}
.sync-grid div{border:1px solid var(--line);background:#121713;padding:15px}
.sync-grid small{display:block;color:var(--muted);font:9px "DM Mono";margin-bottom:9px}
.sync-grid strong{font:18px "DM Mono";font-weight:500}
.sync-actions{display:flex;gap:10px;padding:0 22px 16px}
.website-sync pre{max-height:260px;overflow:auto;margin:0;border-top:1px solid var(--line);padding:18px 22px;background:#101410;color:#bfc8bf;font:10px/1.65 "DM Mono";white-space:pre-wrap}
.module-groups{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:18px}
.module-group{border:1px solid var(--line);background:#121713;padding:16px}
.module-group span,.module-group small{display:block;color:var(--muted);font:9px "DM Mono";letter-spacing:.08em}
.module-group strong{display:block;margin:12px 0 5px;font:24px "DM Mono";color:var(--acid)}
.capability-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.capability-card{border:1px solid var(--line);background:var(--panel);padding:24px;min-height:210px}
.capability-card.booked{border-color:rgba(200,255,50,.45)}
.capability-card span{font:9px "DM Mono";color:var(--acid);letter-spacing:.08em}
.capability-card h3{font-size:22px;margin:42px 0 12px}
.capability-card p{color:#8d958d;line-height:1.65;font-size:13px}
.capability-card small{display:block;margin-top:22px;color:#788078;font-size:11px}
.commercial-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0 22px 6px}
.commercial-grid div{border:1px solid var(--line);padding:15px;background:#121713}
.commercial-grid small{display:block;color:var(--muted);font:9px "DM Mono";margin-bottom:9px}
.commercial-grid strong{font:18px "DM Mono";font-weight:500}
.commercial-grid .wide{grid-column:1/-1}
.workflow-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.workflow-layout{display:grid;grid-template-columns:1fr .85fr;gap:18px;align-items:start}
.workflow-card{border:1px solid var(--line);background:var(--panel);padding:24px;min-height:190px}
.workflow-card{cursor:pointer;transition:border-color .2s,transform .2s}
.workflow-card:hover{border-color:rgba(200,255,50,.32);transform:translateY(-2px)}
.workflow-card span{font:9px "DM Mono";color:#e2b970}
.workflow-card.active{border-color:rgba(200,255,50,.45)}
.workflow-card.selected{box-shadow:0 0 0 1px rgba(200,255,50,.18) inset;background:#1b211c}
.workflow-card.active span{color:var(--acid)}
.workflow-card h3{margin:32px 0 10px;font-size:22px}
.workflow-card p{color:#8d958d;line-height:1.65}
.workflow-card small{font:9px "DM Mono";color:#6f786f}
.workflow-builder{position:sticky;top:26px}
.builder-lane{padding:0 22px 22px;display:grid;gap:14px}
.builder-lane section{border:1px solid var(--line);background:#121713;padding:16px}
.builder-lane section>span{display:block;color:var(--acid);font:9px "DM Mono";letter-spacing:.08em;margin-bottom:12px}
.builder-lane strong{font-weight:600}
.builder-lane p{margin:8px 0;color:#a4ada4;font-size:12px;line-height:1.55}
.builder-lane p::before{content:"→";color:var(--acid);margin-right:8px}
.workflow-log{margin-top:18px}
.log-row{display:grid;grid-template-columns:120px 100px 1fr;gap:14px;align-items:center;padding:15px 22px;border-top:1px solid var(--line)}
.log-row span,.log-row strong{font:10px "DM Mono"}
.log-row span{color:#717b71}.log-row p{margin:0;color:#a1aaa1;font-size:13px}
.log-row.success strong{color:var(--acid)}.log-row.skipped strong{color:#e2b970}.log-row.error strong{color:#ff8f7e}
@media(max-width:1000px){.customer-row{grid-template-columns:1fr 1fr 1fr}.workflow-layout{grid-template-columns:1fr}.workflow-grid{grid-template-columns:1fr}.workflow-builder{position:static}.module-groups{grid-template-columns:1fr 1fr}.capability-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.customer-row{grid-template-columns:1fr 1fr;gap:8px}.module-groups,.capability-grid{grid-template-columns:1fr}}

.customer-row{grid-template-columns:1.25fr .7fr .55fr .85fr .7fr 1.05fr .7fr}
.row-actions{display:flex;justify-content:flex-end}
.ghost-button{border:1px solid var(--line);background:transparent;color:var(--paper);padding:9px 11px;font:9px "DM Mono";cursor:pointer}
.ghost-button:hover{border-color:var(--acid);color:var(--acid)}
dialog select{width:100%;background:#0f120f;border:1px solid var(--line);color:white;padding:15px;font:14px Manrope}
.customer-row{cursor:pointer}
.customer-row.selected{background:rgba(200,255,50,.06);box-shadow:inset 3px 0 0 var(--acid)}
.customer-cockpit{margin-top:18px}
.customer-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:0 22px 22px}
.customer-summary div{border:1px solid var(--line);background:#121713;padding:15px}
.customer-summary small{display:block;color:var(--muted);font:9px "DM Mono";margin-bottom:9px}
.customer-summary strong{font:18px "DM Mono";font-weight:500}
.customer-summary .wide{grid-column:1/-1}
.customer-detail-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:18px;padding:0 22px 24px}
.customer-detail-grid section{border-top:1px solid var(--line);padding-top:18px}
.pill-list{display:flex;gap:8px;flex-wrap:wrap}
.pill-list span{border:1px solid rgba(200,255,50,.32);color:var(--acid);padding:8px 10px;font:9px "DM Mono";background:rgba(200,255,50,.04)}
.next-actions{display:grid;gap:10px}
.next-actions .ghost-button{width:100%;text-align:left}
.next-actions p{color:#9aa39a;font-size:12px;line-height:1.55;margin:6px 0 0}
@media(max-width:1000px){.customer-row{grid-template-columns:1fr 1fr 1fr}.row-actions{justify-content:flex-start}}
@media(max-width:1000px){.customer-summary{grid-template-columns:1fr 1fr}.customer-detail-grid{grid-template-columns:1fr}}
@media(max-width:1000px){.quote-grid{grid-template-columns:1fr 1fr}}
@media(max-width:1000px){.sync-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.customer-row{grid-template-columns:1fr 1fr;gap:8px}.customer-summary,.quote-grid,.sync-grid{grid-template-columns:1fr}.sync-actions{flex-direction:column}}
.pricing-admin{margin-bottom:18px}
.pricing-controls{display:grid;grid-template-columns:minmax(180px,260px) auto auto 1fr;gap:12px;align-items:end;padding:0 22px 18px}
.pricing-controls label{display:grid;gap:7px;color:var(--muted);font:9px "DM Mono";letter-spacing:.08em}
.pricing-controls input,.package-form input{width:100%;background:#0f120f;border:1px solid var(--line);color:white;padding:12px;font:13px Manrope}
.package-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:0 22px 20px}
.package-card{border:1px solid var(--line);background:#121713;padding:18px;display:flex;flex-direction:column;gap:13px}
.package-card>span{font:9px "DM Mono";color:var(--acid)}
.package-card h3{margin:0;font-size:19px;font-weight:500}
.package-card p{margin:0;color:#8d958d;font-size:12px;line-height:1.55}
.package-price{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:13px 0;display:grid;gap:4px}
.package-price small,.package-form label{color:var(--muted);font:9px "DM Mono";letter-spacing:.08em}
.package-price strong{font:21px "DM Mono";font-weight:500}
.package-price em{font:11px Manrope;color:#8f988f}
.package-form{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}
.pricing-footnote{border-top:1px solid var(--line);padding:15px 22px;color:#818981;font-size:12px}
@media(max-width:1000px){.package-grid{grid-template-columns:1fr}.pricing-controls{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.pricing-controls,.package-form{grid-template-columns:1fr}}
