:root{color-scheme:dark;font:15px/1.5 system-ui,-apple-system,Segoe UI,Arial,sans-serif;background:#070c17;color:#e8edf5}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 85% 5%,#172841,#070c17 40%)}button,input,select{font:inherit}button{cursor:pointer}a{color:#ffad64;text-decoration:none}.topbar{height:66px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(16px,4vw,56px);background:#0b1424;border-bottom:1px solid #29394c}.topbar span{font-size:22px;font-weight:900;color:#fff}.topbar span b{color:#ff861e}.topbar small{font-size:11px;font-weight:600;color:#a7b7cd}.shell{max-width:1400px;margin:auto;padding:28px clamp(16px,4vw,48px) 64px}.intro{display:flex;justify-content:space-between;align-items:center;margin:12px 0 28px}.eyebrow{letter-spacing:.18em;font-size:11px;color:#ff922f;font-weight:800}.intro h1{font-size:clamp(32px,4vw,52px);margin:4px 0}.intro p,.section-head p{color:#a8b7cb;margin:0}.mark{color:#ff861e;font-size:64px}.card{background:#101a2a;border:1px solid #27384e;border-radius:18px;padding:22px;margin:18px 0;box-shadow:0 15px 30px #0003}.section-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px}.section-head h2,.small-card h2{margin:0;font-size:20px}.pill{border:1px solid #e78b3e;color:#ffb373;border-radius:40px;padding:5px 10px;white-space:nowrap;font-size:12px}.note{padding:10px 13px;background:#12243a;border-left:3px solid #ff861e;color:#bac9d9;border-radius:5px}.fields{display:grid;gap:16px}.fields.two{grid-template-columns:repeat(2,minmax(180px,1fr))}.fields.grid{grid-template-columns:repeat(4,minmax(150px,1fr));align-items:end}.fields label,.client-search label{display:grid;gap:6px;color:#cbd6e2;font-weight:650;font-size:13px}.fields input,.fields select,.client-search input,dialog input,dialog select{background:#081322;color:#f4f7fc;border:1px solid #34475e;border-radius:9px;padding:10px 11px;min-height:43px;width:100%}.fields input:focus,.fields select:focus,.client-search input:focus{outline:2px solid #ff8a23;outline-offset:1px}.check{display:flex!important;align-items:center;gap:9px}.check input{width:18px;height:18px;min-height:auto;accent-color:#ff861e}.primary,.secondary{border-radius:10px;padding:10px 16px;font-weight:800;border:1px solid #ff8a23}.primary{background:#ff861e;color:#171717}.secondary{background:#142337;color:#eee;border-color:#3e526b}.primary:hover{background:#ffa348}.secondary:hover{background:#213b55}.specializations{display:grid;gap:14px}.spec{border:1px solid #2e4157;background:#0c1726;border-radius:13px;padding:17px}.spec-head{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.spec h3{margin:0;font-size:17px}.spec-toggles{display:flex;gap:18px}.spec-toggles label{display:flex;align-items:center;gap:7px;font-size:13px}.spec-toggles input{accent-color:#ff861e}.price-grid{display:grid;grid-template-columns:100px repeat(4,minmax(110px,1fr));gap:8px;margin-top:14px;align-items:center}.price-grid input{background:#081322;color:#fff;border:1px solid #3a4c61;border-radius:8px;padding:8px;width:100%}.price-grid span{color:#a8b7cb;font-size:13px}.price-grid strong{text-align:center;color:#d7e1ed;font-size:12px}.client-search{position:relative}.client-results{position:absolute;z-index:4;left:0;right:0;background:#0a1422;box-shadow:0 18px 30px #0008;max-height:245px;overflow:auto;border-radius:0 0 12px 12px}.client-results button{display:block;width:100%;text-align:left;background:transparent;color:#f1f5fb;border:0;border-bottom:1px solid #283b50;padding:10px}.client-results button:hover{background:#1a3046}.client-results small{display:block;color:#9cb0c5}.selected-client{margin:12px 0;color:#ffad64;font-weight:700}.quote{grid-column:span 3;color:#f9b56e;border:1px solid #55452e;padding:10px;border-radius:9px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:920px}th{text-align:left;font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:#aebbd0}td,th{padding:12px;border-bottom:1px solid #29394a;vertical-align:top}td small{display:block;color:#9cacbf}td button{margin:2px;padding:5px 8px;border:1px solid #435b77;background:#14263b;color:#e6edf5;border-radius:7px;font-size:12px}.status{border-radius:20px;background:#183c31;color:#9de3c2;padding:3px 8px;display:inline-block;font-size:12px}.status.trial{background:#244060;color:#badaff}.status.expired{background:#66302c;color:#ffc2b8}#message{min-height:18px;color:#ffd6b2;font-weight:700}#message.error{color:#ffaaa0}pre{white-space:pre-wrap;color:#bcd1e7}dialog{background:#101a2a;color:#eaf1f7;border:1px solid #46627c;border-radius:13px;max-width:480px;width:calc(100% - 32px)}dialog::backdrop{background:#000a}dialog form{display:grid;gap:14px}dialog menu{display:flex;justify-content:end;gap:9px;padding:0;margin:0}dialog label{display:grid;gap:5px}footer{text-align:center;color:#a1b2c5;padding:20px;border-top:1px solid #22344a}@media(max-width:850px){.fields.grid{grid-template-columns:repeat(2,minmax(140px,1fr))}.quote{grid-column:span 2}.topbar{gap:10px}.topbar span small{display:none}}@media(max-width:560px){.fields.two,.fields.grid{grid-template-columns:1fr}.quote{grid-column:1}.price-grid{grid-template-columns:85px repeat(4,100px);overflow:auto}.spec{overflow:auto}.topbar a:last-child{font-size:12px}.mark{display:none}}
.spec-head p{margin:3px 0 0;color:#9cacbf;font-size:12px}.spec-head small{color:#ffad64;font-weight:800}
.module-picker{grid-column:1/-1;border:1px solid #34475e;border-radius:12px;padding:13px;min-width:0}.module-picker legend{color:#ffad64;font-weight:800;padding:0 7px}.module-picker>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.module-picker .check{padding:9px;border:1px solid #293e54;border-radius:9px;background:#0b1726}.module-picker small{display:block;color:#9cacbf;font-weight:400}.module-picker input{width:18px;min-width:18px}#action-fields .module-picker{margin:8px 0}#action-fields .module-picker .check{margin:5px 0}
.fields [hidden]{display:none!important}
:root .price-grid{grid-template-columns:minmax(175px,1.2fr) repeat(4,minmax(110px,1fr))}
@media(max-width:560px){:root .price-grid{grid-template-columns:175px repeat(4,110px)}}