:root{--bg:#f5f7f3;--card:#fff;--ink:#17212b;--muted:#8e9a97;--line:#e3e8e1;--nav:#111d26;--lime:#b5d638;--lime-dark:#76911e;--blue:#6e8fd0;--orange:#df8e4f;--shadow:0 10px 30px #21362b0b}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:13px Manrope,Arial,sans-serif;-webkit-font-smoothing:antialiased}.shell{display:flex;min-height:100vh}.sidebar{width:240px;background:var(--nav);color:#fff;padding:26px 15px 17px;display:flex;flex-direction:column;flex:none}.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-size:18px;font-weight:800;letter-spacing:-.8px;padding:0 9px 28px}.brand strong{color:var(--lime)}.brand small{display:block;color:#77848b;font-size:11px;letter-spacing:1px;text-transform:uppercase;margin-top:2px}.mark{height:22px;display:flex;gap:3px;align-items:flex-end}.mark i{width:5px;background:var(--lime);border-radius:2px;display:block}.mark i:nth-child(1){height:11px}.mark i:nth-child(2){height:17px}.mark i:nth-child(3){height:22px}.tenant-card{background:#1a2933;border:1px solid #2b3a44;border-radius:8px;padding:10px;display:flex;align-items:center;gap:9px;margin-bottom:25px}.tenant-card>div{min-width:0}.tenant-card small,.user-line small{display:block;color:#79868e;font-size:12px;margin-bottom:3px}.tenant-card strong{font-size:14px;white-space:nowrap}.tenant-icon{height:28px;width:28px;border-radius:7px;background:#eaf3bb;color:#51680f;display:grid;place-items:center;font:13px 'DM Mono',monospace;font-weight:500}.nav{display:flex;flex-direction:column;gap:3px}.nav-item{display:flex;align-items:center;gap:11px;padding:11px 12px;border:0;border-radius:7px;background:transparent;color:#92a0a7;text-align:left;font-size:14px;cursor:pointer;transition:.15s}.nav-item span{width:16px;text-align:center;font-size:15px}.nav-item:hover{background:#1b2b36;color:#fff}.nav-item.active{background:var(--lime);color:#24300f;font-weight:800}.sidebar-bottom{margin-top:auto}.status-line{border-top:1px solid #293842;border-bottom:1px solid #293842;color:#869399;padding:13px 3px;font-size:12px;margin-bottom:15px}.status-line span{width:6px;height:6px;display:inline-block;background:var(--lime);border-radius:50%;margin-right:5px}.user-line{display:flex;align-items:center;gap:9px;padding:4px}.user-line>span,.top-avatar,.user-avatar{width:28px;height:28px;border-radius:50%;background:#f0c7a8;color:#653b28;display:grid;place-items:center;font-size:12px;font-weight:800}.user-line strong{display:block;font-size:13px}.main{flex:1;min-width:0}.topbar{height:72px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 42px}.crumbs{color:#9da6a4;font-size:13px}.crumbs i{font-style:normal;margin:0 11px;color:#cad0cb}.crumbs strong{color:#4b585d}.top-actions{display:flex;align-items:center;gap:13px}.role-switch{font-size:12px;color:#9aa4a2;display:flex;align-items:center;gap:7px}.role-switch select{border:1px solid var(--line);background:#fff;padding:7px 9px;border-radius:6px;color:#47545a;font:13px Manrope}.icon-btn{border:0;background:transparent;color:#71807f;font-size:19px;cursor:pointer}.top-avatar{display:none}.page{max-width:1440px;margin:auto;padding:40px 42px 70px}.heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:26px}.eyebrow{color:#99a4a0;text-transform:uppercase;letter-spacing:1.2px;font-size:12px;font-weight:800;margin:0 0 9px}.heading h1{font-size:28px;letter-spacing:-1px;margin:0}.subtitle{color:#687770;font-size:14px;margin:7px 0 0}.button{border:1px solid var(--line);background:#fff;color:#596569;border-radius:6px;padding:10px 13px;font-size:13px;font-weight:800;cursor:pointer;transition:.15s}.button:hover{border-color:#aec566;color:#607d16}.button.primary{background:var(--lime);border-color:var(--lime);color:#26320d}.button.primary:hover{background:#c8e64d;color:#26320d}.button.small{padding:7px 9px;font-size:12px}.button span{font-size:14px;margin-left:5px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:14px}.metric{background:#fff;border:1px solid var(--line);border-radius:9px;padding:18px;box-shadow:var(--shadow)}.metric span{display:block;color:#687770;font-size:13px}.metric strong{display:block;font-size:27px;letter-spacing:-1px;margin:11px 0 5px}.metric small{color:#687770;font-size:12px}.metric.lime{background:#eff6d4;border-color:#e2edbd}.metric.lime strong{color:#688518}.split{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(270px,.8fr);gap:14px;margin-top:14px}.panel{background:var(--card);border:1px solid var(--line);border-radius:9px;box-shadow:var(--shadow);overflow:hidden}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:20px 21px 15px}.panel-head h2,.panel>h2{font-size:14px;margin:0;letter-spacing:-.3px}.panel-head p{color:#687770;font-size:13px;margin:5px 0 0}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:650px}th{text-align:left;color:#687770;font-size:12px;font-weight:700;padding:11px 20px;border-top:1px solid var(--line);white-space:nowrap}td{font-size:13px;padding:14px 20px;border-top:1px solid #f0f2ee;white-space:nowrap}td strong{display:block;font-size:13px}td small{display:block;color:#687770;font-size:12px;margin-top:3px}.mono{font:13px 'DM Mono',monospace}.dark-panel{background:var(--nav);color:#fff;border-color:var(--nav);padding:24px;min-height:250px}.dark-panel .eyebrow{color:var(--lime)}.dark-panel h2{font-size:17px;margin:0}.dark-panel>p:not(.eyebrow){color:#a5b0b3;font-size:13px;line-height:1.6;max-width:280px}.module-summary{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:23px}.module-summary div{background:#1e303a;border-radius:6px;padding:10px}.module-summary span{display:block;color:#a5b0b3;font-size:12px}.module-summary strong{display:block;color:var(--lime);font:17px 'DM Mono',monospace;margin-top:7px}.toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.tabs{display:flex;gap:5px}.tab{border:0;background:transparent;color:#96a19e;font-size:13px;padding:9px 11px;border-radius:6px}.tab.active{background:#fff;color:#596c1c;box-shadow:var(--shadow);font-weight:800}.tab b{background:#edf3d8;color:#77951e;border-radius:8px;padding:2px 5px;font:12px 'DM Mono',monospace;margin-left:4px}.plan{font-weight:800;color:#718c1d;background:#eff5d9;border-radius:10px;padding:4px 7px;font-size:12px}.status{display:inline-flex;align-items:center;gap:5px;border-radius:10px;padding:4px 8px;background:#f0f2ef;color:#77817e;font-size:12px;font-weight:800}.status b{width:5px;height:5px;background:currentColor;border-radius:50%}.status.active,.status.ready{background:#edf5d6;color:#71921a}.status.work{background:#fff0e0;color:#cb7a37}.status.calc{background:#eef2fa;color:#6b86c4}.status.done{background:#eef0ef;color:#7b8582}.status.blocked{background:#fff0e9;color:#cc774a}.inline-select,.seat-input{border:1px solid var(--line);background:#fff;border-radius:5px;padding:6px 7px;color:#59656a;font-size:12px}.seat-input{width:50px}.module-pills{display:flex;gap:4px}.module-pill{width:22px;height:22px;border:1px solid #dce3d9;background:#fff;color:#687770;border-radius:5px;font:13px 'DM Mono',monospace;cursor:pointer}.module-pill.on{background:#edf5d7;border-color:#cfe17e;color:#6e8d15}.rule-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);padding:8px 21px 17px}.rule-grid div{padding:11px 0}.rule-grid span,.pending-row span{display:block;color:#687770;font-size:12px}.rule-grid strong{display:block;font-size:14px;margin-top:4px}.company-modules{padding:3px 21px 21px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.company-module{border:1px solid var(--line);border-radius:6px;padding:10px}.company-module span{color:#adb5b1;font-size:13px}.company-module.enabled span{color:#80a51b}.company-module strong{display:block;font-size:13px;margin-top:5px}.company-module small{display:block;color:#687770;font-size:12px;margin-top:3px}.seat-banner{background:#eff5d8;border:1px solid #e2edbe;border-radius:9px;padding:17px 20px;margin-bottom:14px}.seat-banner span{color:#768d40;font-size:12px}.seat-banner strong{font-size:17px;margin-left:9px}.seat-bar{height:6px;border-radius:8px;background:#dce8bc;margin:14px 0 8px}.seat-bar i{height:100%;display:block;background:var(--lime-dark);border-radius:8px}.seat-banner small{color:#869679;font-size:12px}.user-grid{padding:4px 21px 21px;display:grid;gap:9px}.user-card{border:1px solid var(--line);border-radius:7px;display:flex;align-items:center;gap:10px;padding:11px}.user-card>div{flex:1}.user-card strong{display:block;font-size:13px}.user-card small{display:block;color:#687770;font-size:12px;margin-top:3px}.user-avatar{background:#e7eed2;color:#6a851d;border-radius:7px}.role-tag{background:#eef2fa;color:#6885c0;border-radius:10px;padding:4px 7px;font-size:11px;font-weight:800}.user-status{border:1px solid var(--line);background:#fff;border-radius:5px;padding:5px;font-size:12px}.add-panel{padding:21px;margin-bottom:14px}.add-panel h2{margin-bottom:18px!important}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-grid.compact{grid-template-columns:repeat(4,1fr);align-items:end}.form-grid label,.settings-options label{display:block;color:#697678;font-size:13px;font-weight:700}.form-grid input,.form-grid select,.settings-form input,.settings-form select{display:block;width:100%;margin-top:7px;background:#fbfcfa;border:1px solid #e1e7df;border-radius:6px;padding:10px 11px;color:#243137;font-size:14px}.settings-form{padding:24px}.settings-form .form-grid{grid-template-columns:1fr 1fr}.settings-options{border-top:1px solid var(--line);margin-top:22px;padding-top:18px}.settings-options input{accent-color:var(--lime-dark);margin-right:8px}.settings-form>.button{margin-top:20px}.manager-layout{align-items:start}.form-panel{padding:23px}.form-panel h2{font-size:14px;margin:0}.subhead{border-top:1px solid var(--line);margin-top:25px!important;padding-top:23px}.sheet-picker{border-top:1px solid var(--line);margin-top:15px}.pick-sheet{position:relative;width:100%;background:#fff;border:0;border-bottom:1px solid #eef1ed;padding:12px 30px 12px 3px;text-align:left;cursor:pointer}.pick-sheet strong{display:block;font:13px 'DM Mono',monospace}.pick-sheet small{display:block;color:#687770;font-size:12px;margin-top:4px}.pick-sheet span{position:absolute;right:4px;top:17px;color:#b2bcb6;font-size:17px}.pick-sheet.selected{background:#f2f8dc;box-shadow:inset 3px 0 var(--lime)}.pick-sheet.selected span{color:#7b9b1a}.pending-card{padding:24px;min-height:240px}.pending-card>strong{display:block;color:#c3cbc4;font-size:32px;margin-top:15px}.pending-card>p{color:#a5afaa;font-size:13px}.pending-row{border-top:1px solid var(--line);padding:11px 0}.pending-row b{display:block;font-size:13px;margin-top:4px}.recent{margin-top:14px}.loading,.error-card{padding:35px;text-align:center;color:#687770}.error-card{background:#fff0e9;color:#aa6241;border:1px solid #f2ccb9;border-radius:8px}.toast{position:fixed;right:24px;bottom:24px;z-index:5;background:var(--nav);color:#fff;border-left:3px solid var(--lime);border-radius:7px;padding:13px 16px;font-size:13px;opacity:0;transform:translateY(12px);pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translateY(0)}.toast.error{border-color:#e48c67}@media(max-width:1100px){.sidebar{width:205px}.page{padding-left:27px;padding-right:27px}.topbar{padding:0 27px}.metric-grid{grid-template-columns:repeat(2,1fr)}.form-grid.compact{grid-template-columns:repeat(2,1fr)}}@media(max-width:780px){.sidebar{width:62px;padding:20px 8px}.brand{padding:0 8px 28px}.brand>span:last-child,.tenant-card>div,.nav-item:not(.active){font-size:0}.tenant-card{justify-content:center;padding:8px}.nav-item{justify-content:center;padding:12px}.nav-item span{font-size:16px}.sidebar-bottom{display:none}.topbar{padding:0 16px}.role-switch{font-size:0}.role-switch select{font-size:12px}.top-avatar{display:grid}.page{padding:26px 16px 50px}.heading{align-items:flex-start;flex-direction:column}.split{grid-template-columns:1fr}.toolbar{align-items:flex-start;flex-direction:column;gap:10px}.tabs{flex-wrap:wrap}.settings-form .form-grid,.form-grid{grid-template-columns:1fr}}@media(max-width:480px){.metric-grid{grid-template-columns:1fr}.form-grid.compact{grid-template-columns:1fr}.page h1{font-size:24px}.company-modules,.rule-grid{grid-template-columns:1fr}.user-card{align-items:flex-start;flex-wrap:wrap}}
.tenant-icon.has-logo{overflow:hidden;background:#fff;padding:0}.tenant-icon.has-logo img{display:block;width:100%;height:100%;object-fit:contain}
.company-branding{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);gap:18px;margin-bottom:22px;padding-bottom:20px;border-bottom:1px solid var(--line)}.company-branding h2{margin:0;font-size:14px}.company-branding p{margin:5px 0 13px;color:#687770;font-size:13px}.company-logo-preview,.company-logo-empty{display:flex;align-items:center;gap:11px;min-height:58px}.company-logo-preview img,.company-logo-empty>span{width:58px;height:58px;border:1px solid var(--line);border-radius:8px;object-fit:contain;background:#fff}.company-logo-empty>span{display:grid;place-items:center;color:#60791b;background:#edf5d6;font-size:16px;font-weight:800}.company-logo-preview strong,.company-logo-empty strong{display:block;font-size:13px}.company-logo-preview small,.company-logo-empty small{display:block;margin-top:4px;color:#687770;font-size:12px}.company-branding-actions{display:flex;flex-direction:column;justify-content:center;gap:10px}.company-branding-actions .file-upload{display:block}.company-branding-actions>div{display:flex;gap:8px;align-items:center}.logo-remove{color:#bd704c}.logo-remove:hover{border-color:#e2a181;color:#bd704c}
.brand.company-brand{gap:0;min-height:52px;padding-bottom:28px}.brand.company-brand img{display:block;width:auto;max-width:210px;height:auto;max-height:52px;object-fit:contain;border-radius:6px;background:#fff;padding:4px 8px}
@media(max-width:780px){.brand.company-brand{padding:0 8px 28px}.brand.company-brand img{max-width:42px;max-height:42px;padding:2px}}
.admin-calculation-note{margin-top:18px;padding:13px 14px;border:1px solid #dce9ae;border-radius:7px;background:#f3f8dd;color:#60751d}.admin-calculation-note strong,.admin-calculation-note span{display:block}.admin-calculation-note strong{font-size:13px}.admin-calculation-note span{margin-top:4px;color:#82906f;font-size:12px;line-height:1.45}.sheet-price-input{width:95px;border:1px solid var(--line);border-radius:5px;padding:7px;color:#354246;font-size:13px;background:#fff}
.admin-order-calculation{margin-top:14px;padding-bottom:20px}.admin-order-calculation>#save-order-calculation{margin:0 20px}
.analytics-filter-panel{padding:20px 21px;margin-bottom:14px}.analytics-filter-action,.export-filter-action{display:flex;align-items:end;gap:12px}.analytics-bars{padding:4px 21px 20px}.analytics-bar-row{margin:11px 0}.analytics-bar-row>div{display:flex;justify-content:space-between;gap:12px;font-size:13px}.analytics-bar-row span{color:#65736f}.analytics-bar-row b{color:#4c5e22;font-size:13px}.analytics-bar-row>i{display:block;height:7px;border-radius:5px;background:#edf1e9;margin-top:6px;overflow:hidden}.analytics-bar-row em{display:block;height:100%;border-radius:5px;background:var(--lime-dark)}.analytics-manager-row{display:flex;justify-content:space-between;gap:14px;padding:12px 21px;border-top:1px solid var(--line)}.analytics-manager-row strong,.analytics-manager-row b{font-size:13px}.analytics-manager-row span{display:block;color:#9aa6a1;font-size:12px;margin-top:4px}.analytics-empty{padding:20px}.export-panel{padding:24px}.export-actions{display:flex;gap:10px;margin-top:22px}.export-panel .account-form-hint{margin-top:18px}@media(max-width:780px){.analytics-filter-action,.export-filter-action{align-items:flex-start;flex-direction:column}.export-actions{flex-direction:column}}

/* LaserFlow workspace design — shared tokens and responsive components. */
:root {
  --bg: #f3f5f2;
  --ink: #202923;
  --muted: #687770;
  --line: #dfe5dd;
  --nav: #17231f;
  --lime: #c4e65b;
  --lime-dark: #597923;
  --shadow: 0 2px 3px #17231f03, 0 8px 24px #17231f04;
}
body { font-size: 14px; line-height: 1.5; }
button, input, select, textarea { font-family: inherit; }
button { touch-action: manipulation; }
button:disabled { cursor: not-allowed; opacity: .55; }
:focus-visible { outline: 3px solid #648629; outline-offset: 3px; }
input:focus, select:focus, textarea:focus { outline: 2px solid #86a448; outline-offset: 2px; }
::selection { background: #d9edaa; color: #17231f; }
.skip-link { position: fixed; top: -70px; left: 20px; z-index: 100; padding: 12px 20px; background: var(--nav); color: white; border-radius: 8px; }
.skip-link:focus { top: 12px; }
.sidebar { position: sticky; top: 0; height: 100dvh; width: 250px; padding: 30px 18px 20px; overflow-y: auto; }
.brand { font-size: 25px; padding: 0 12px 30px; gap: 12px; letter-spacing: -1px; }
.brand small { font-size: 9px; letter-spacing: 2px; color: #a6b4ab; }
.tenant-card { background: #22312a; border-color: #344239; padding: 13px 11px; border-radius: 12px; margin-bottom: 30px; gap: 11px; }
.tenant-card strong { font-size: 13px; white-space: normal; overflow-wrap: anywhere; }
.tenant-card small, .user-line small { color: #a8b7ae; font-size: 11px; }
.tenant-icon { height: 34px; width: 34px; flex-shrink: 0; border-radius: 9px; }
.nav-caption { margin: 0 10px 10px; color: #94a49a; text-transform: uppercase; letter-spacing: 1.3px; font-size: 9px; font-weight: 800; }
.nav { gap: 5px; }
.nav-item { min-height: 44px; font-size: 12px; padding: 11px 12px; border-radius: 9px; color: #b3c0b8; gap: 10px; }
.nav-label { font-size: inherit; font-weight: 500; }
.nav-item.active { background: #c4e65b; color: #243219; box-shadow: 0 3px 12px #00000012; }
.nav-item.active .nav-label { font-weight: 800; }
.nav-item:hover:not(.active) { background: #2a3a30; }
.nav-item span { font-size: 18px; width: 20px; flex-shrink: 0; }
.sidebar-bottom { padding-top: 30px; }
.status-line { border-color: #344239; font-size: 10px; color: #a8b7ae; padding: 16px 3px; }
.user-line strong { font-size: 12px; }
.user-line > span, .top-avatar, .user-avatar { width: 36px; height: 36px; flex-shrink: 0; font-size: 12px; background: #e2eacb; color: #3d5025; }
.topbar { height: 76px; background: #fafbf9; padding: 0 36px; }
.crumbs { font-size: 12px; color: #748078; }
.crumbs strong { color: #38483e; }
.icon-btn { height: 36px; width: 36px; border: 1px solid var(--line); border-radius: 9px; background: white; }
.page { max-width: 1600px; padding: 34px 36px 60px; }
.heading { margin-bottom: 28px; align-items: center; }
.eyebrow { color: #64755e; font-size: 10px; letter-spacing: 1.6px; margin-bottom: 8px; }
.heading h1 { font-size: clamp(27px, 2.4vw, 36px); line-height: 1.2; letter-spacing: -1.3px; font-weight: 800; }
.subtitle { color: var(--muted); font-size: 13px; line-height: 1.65; margin-top: 9px; }
.button { display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-height: 40px; padding: 10px 15px; border-radius: 9px; color: #3c4d40; font-size: 12px; white-space: nowrap; text-decoration: none; }
.button.primary { color: #273619; box-shadow: 0 3px 0 #9cba3533; }
.button.primary:hover { background: #d1ed78; border-color: #d1ed78; }
.button.small { min-height: 32px; padding: 6px 10px; font-size: 11px; }
.metric-grid { gap: 16px; margin-bottom: 22px; }
.metric { border-radius: 14px; padding: 21px 23px; min-width: 0; }
.metric span { font-size: 12px; font-weight: 600; color: #667467; }
.metric strong { font-size: clamp(27px, 2.5vw, 36px); margin: 12px 0 5px; line-height: 1.2; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.metric small { font-size: 11px; color: #73806f; }
.metric.lime { background: #e6efcf; border-color: #d4e2b6; }
.metric.lime strong { color: #365021; }
.panel { border-radius: 14px; }
.panel-head { padding: 23px 24px 18px; align-items: center; }
.panel-head h2, .panel > h2, .form-panel h2 { font-size: 17px; letter-spacing: -.4px; }
.panel-head p { color: var(--muted); font-size: 12px; }
.panel-head .eyebrow { font-size: 9px; margin: 0 0 5px; }
.split { gap: 20px; margin-top: 20px; grid-template-columns: minmax(0,1.3fr) minmax(300px,1fr); }
.panel > .toolbar { padding: 20px 24px; margin: 0; }
.table-wrap { scrollbar-width: thin; scrollbar-color: #b8c6ae transparent; }
th { background: #f7f9f5; color: #6b796a; padding: 13px 20px; font-size: 11px; font-weight: 700; }
td { padding: 16px 20px; font-size: 12px; border-top-color: #eaf0e5; }
td strong { font-size: 12px; font-weight: 700; }
td small { color: #6c786a; font-size: 11px; }
tbody tr:hover { background: #f8faf4; }
.mono { font-size: 11px; }
.status { padding: 5px 9px; font-size: 10px; gap: 6px; white-space: nowrap; }
.status.active, .status.ready { background: #edf4df; color: #466723; }
.status.calc { background: #edf0fc; color: #5167a3; }
.status.work { background: #fff1df; color: #966021; }
.status.done { color: #59685d; }
.rule-grid { padding: 8px 24px 21px; gap: 12px; }
.rule-grid div { padding: 14px 0; }
.rule-grid span { font-size: 12px; }
.rule-grid strong { font-size: 16px; font-weight: 700; }
.company-modules { padding: 0 24px 24px; gap: 10px; }
.company-module { border-radius: 10px; padding: 12px; background: #fafbf8; }
.company-module strong { font-size: 12px; }
.company-module small { font-size: 11px; }
.dark-panel { background: #203329; padding: 28px; }
.dark-panel > p:not(.eyebrow) { font-size: 13px; }
.module-summary div { background: #304539; border-radius: 10px; padding: 14px; }
.module-summary span { font-size: 12px; }
.form-panel, .settings-form, .add-panel, .export-panel { padding: 26px; }
.form-grid { gap: 18px; }
.form-grid > *, .form-grid.compact > * { min-width: 0; }
.form-grid label, .settings-options label { font-size: 12px; color: #4c5e50; }
.form-grid input, .form-grid select, .settings-form input, .settings-form select { font-size: 14px; min-height: 44px; border-radius: 8px; background: #fcfdfb; border-color: #d7e0d1; padding: 11px 12px; }
input[type=checkbox] { accent-color: #648629; }
.form-grid input[type=checkbox], .settings-form input[type=checkbox] { min-height: auto; }
.pick-sheet { padding: 16px 30px 16px 13px; border-radius: 8px; }
.pick-sheet strong { font-size: 12px; }
.pick-sheet small { font-size: 11px; }
.user-card { padding: 18px; border-radius: 11px; gap: 14px; }
.user-card strong { font-size: 14px; }
.user-card small { font-size: 12px; }
.user-status, .inline-select { min-height: 34px; font: 12px Manrope, sans-serif; }
.seat-banner { padding: 22px 24px; border-radius: 13px; }
.seat-banner span, .seat-banner small { color: #536638; }
.tab { cursor: pointer; font-family: inherit; }
.toast { z-index: 60; font-size: 13px; padding: 16px 20px; max-width: calc(100vw - 32px); }
.production-queue { margin-bottom: 20px; }
.production-stages { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); padding: 0 24px 22px; gap: 24px; }
.production-stage { --stage-color: #6981b7; }
.stage-1 { --stage-color: #d9a15e; }
.stage-2 { --stage-color: #82a540; }
.stage-3 { --stage-color: #a3b09d; }
.production-stage > span { color: #677564; font-size: 11px; }
.production-stage > strong { display: block; margin: 5px 0 10px; font-size: 23px; font-weight: 700; font-variant-numeric: tabular-nums; }
.stage-track { height: 5px; background: #edf1e9; border-radius: 4px; overflow: hidden; }
.stage-track i { display: block; height: 100%; background: var(--stage-color); border-radius: inherit; }
.queue-item.order-open { display: grid; grid-template-columns: 86px minmax(0,1fr) 136px 72px 16px; align-items: center; gap: 18px; padding: 15px 24px; border-top: 1px solid #eaf0e5; }
.queue-item:hover { background: #f8faf3; }
.queue-id, .queue-deadline { font-size: 11px; color: #62715c; }
.queue-name { min-width: 0; }
.queue-name strong { font-size: 12px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.queue-name small { display: block; font-size: 11px; color: #75816e; margin-top: 2px; }
.queue-item .status { justify-self: start; }
.queue-empty { padding: 20px 24px; color: var(--muted); }
@media (min-width: 1500px) { .page { padding-top: 42px; } }
@media (max-width: 1100px) {
  .sidebar { width: 222px; padding: 24px 12px 18px; }
  .page { padding: 28px 24px 48px; }
  .topbar { padding: 0 24px; }
  .metric-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .split { grid-template-columns: minmax(0,1fr); }
}
@media (max-width: 780px) {
  .shell { flex-direction: column; }
  .sidebar { position: relative; height: auto; width: 100%; padding: 16px; overflow: visible; }
  .sidebar .brand { padding: 0; margin-bottom: 16px; font-size: 23px; }
  .sidebar .brand > span:last-child { font-size: 23px; }
  .brand.company-brand img { max-width: 150px; max-height: 42px; }
  .tenant-card, .nav-caption, .sidebar-bottom { display: none; }
  .nav { flex-direction: row; overflow-x: auto; gap: 6px; padding-bottom: 3px; scrollbar-width: thin; }
  .nav-item, .nav-item:not(.active) { flex: none; font-size: 12px; padding: 10px 13px; min-height: 42px; }
  .nav-item span { font-size: 17px; }
  .topbar { height: 64px; padding: 0 18px; gap: 10px; }
  .page { padding: 26px 18px 40px; }
  .heading { gap: 16px; align-items: flex-start; }
  .metric-grid { gap: 10px; }
  .metric { padding: 18px; }
  .metric strong { font-size: 28px; }
  .panel-head { padding: 20px; flex-wrap: wrap; }
  .production-stages { gap: 14px; padding: 0 20px 20px; }
  .queue-item.order-open { grid-template-columns: 70px minmax(0,1fr) 100px; gap: 10px; padding: 14px 20px; }
  .queue-item > .queue-deadline, .queue-item > span:last-child { display: none; }
  .queue-item .status { font-size: 9px; white-space: normal; }
  .order-layout-grid { grid-template-columns: 1fr; }
  .form-grid.compact { grid-template-columns: 1fr 1fr; }
  .subscription-summary { grid-template-columns: 1fr 1fr; }
  .company-branding { grid-template-columns: 1fr; }
}
@media (max-width: 480px) {
  .crumbs > span, .crumbs > i { display: none; }
  .top-actions { gap: 8px; }
  .metric span { font-size: 11px; }
  .metric small { font-size: 10px; }
  .metric strong { font-size: 26px; }
  .form-grid.compact, .subscription-summary { grid-template-columns: 1fr; }
  .production-stages { grid-template-columns: 1fr 1fr; }
  .queue-item.order-open { grid-template-columns: 60px minmax(0,1fr); }
  .queue-item .status { grid-column: 2; font-size: 10px; }
  .rule-grid, .company-modules { grid-template-columns: 1fr 1fr; }
  .heading-actions { justify-content: flex-start; }
}
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { transition: none !important; animation: none !important; scroll-behavior: auto !important; } }
@media (min-width: 781px) and (max-height: 800px) {
  .sidebar { padding-top: 18px; padding-bottom: 12px; }
  .brand.company-brand { padding-bottom: 16px; }
  .tenant-card { margin-bottom: 20px; }
  .nav { gap: 3px; }
  .nav-item { min-height: 40px; padding-top: 9px; padding-bottom: 9px; }
  .sidebar-bottom { padding-top: 14px; }
  .status-line { padding: 12px 3px; margin-bottom: 10px; }
}
.page:focus { outline: none; }
@media (max-width: 480px) {
  .queue-item > .queue-deadline { display: block; grid-column: 1; grid-row: 2; font-size: 10px; }
  .queue-item .status { grid-row: 2; }
}
.orders-table th, .orders-table td { padding: 14px 12px; }
.orders-table td:nth-child(2) { min-width: 170px; max-width: 230px; white-space: normal; }
.orders-table td:nth-child(3) { max-width: 130px; white-space: normal; }
.orders-table td:nth-child(4) { max-width: 150px; white-space: normal; }
.orders-table .order-table-files { margin-top: 6px; }
.orders-table .order-table-files:has(> .muted) { display: none; }
.orders-table .file-chip { overflow-wrap: anywhere; white-space: normal; font-size: 10px; }
.orders-table .order-actions { flex-direction: column; align-items: stretch; }
.split table { min-width: 0; }
.split th, .split td { padding-left: 12px; padding-right: 12px; }
.split td:first-child { white-space: normal; }
@media (max-width: 480px) { .split table { min-width: 500px; } }

/* Industrial visual language: derived from the selected laser-cutting reference. */
:root {
  --bg: #080e12;
  --card: #10191f;
  --ink: #f4f6f5;
  --muted: #aab7bd;
  --line: #29363e;
  --nav: #070c10;
  --lime: #ff7a1a;
  --lime-dark: #c4530a;
  --orange: #ff7a1a;
  --shadow: 0 18px 44px #00000052;
}

body { background: var(--bg); color: var(--ink); }
body::before { content: ""; position: fixed; inset: 0; z-index: -1; pointer-events: none; background: radial-gradient(circle at 82% 10%, #23354155, transparent 29%), linear-gradient(115deg, #070c10 10%, #0b141a 60%, #071016); }
.sidebar { background: #070c10; border-right: 1px solid #25323a; }
.sidebar::before { content: ""; position: absolute; inset: 0 0 auto; height: 4px; background: #ff7a1a; }
.brand strong { color: #ff7a1a; }
.brand small, .nav-caption { color: #9aa8ae; }
.mark i { background: #ff7a1a; box-shadow: 0 0 14px #ff7a1a88; }
.tenant-card { background: #101a20; border-color: #2b3a42; box-shadow: inset 0 1px #ffffff08; }
.tenant-icon { background: #ff7a1a; color: #1a1009; }
.nav-item { color: #aebbc1; }
.nav-item:hover:not(.active) { background: #18252c; color: #fff; }
.nav-item.active { background: #ff7a1a; color: #18100a; box-shadow: 0 7px 20px #ff7a1a33; }
.status-line { border-color: #25323a; color: #9ba9ae; }
.status-line span { background: #ff7a1a; box-shadow: 0 0 9px #ff7a1aaa; }
.user-line > span, .top-avatar, .user-avatar { background: #293943; color: #ffb46f; }

.topbar { position: relative; z-index: 10; background: #0b1318e8; border-color: #29363e; backdrop-filter: blur(14px); }
.crumbs, .crumbs strong { color: #cad4d5; }
.icon-btn { background: #152027; border-color: #33424a; color: #ff9a50; }
.page { position: relative; }
.eyebrow { color: #ff9341; }
.heading h1 { font-family: "Roboto Condensed", Manrope, sans-serif; text-transform: uppercase; letter-spacing: -.5px; }
.subtitle { color: #aebbc1; }
.button { background: #152128; border-color: #3b4a52; color: #eef4f4; }
.button:hover { background: #1c2b33; border-color: #ff7a1a; color: #fff; }
.button.primary { background: #ff7a1a; border-color: #ff7a1a; color: #16100b; box-shadow: 0 7px 19px #ff7a1a3d; }
.button.primary:hover { background: #ff9140; border-color: #ff9140; }
.metric, .panel { background: #10191f; border-color: #2b3840; box-shadow: var(--shadow); }
.metric { position: relative; overflow: hidden; }
.metric::after { content: ""; position: absolute; inset: 0 auto 0 0; width: 3px; background: #3a4c54; }
.metric.lime { background: linear-gradient(135deg, #25170d, #121b20 72%); border-color: #644222; }
.metric.lime::after { background: #ff7a1a; }
.metric span, .metric small { color: #aebbc1; }
.metric strong, .metric.lime strong { color: #f9fbfa; }
.panel-head { border-bottom: 1px solid #29363e; }
.panel-head p, .rule-grid span, .company-module small { color: #aebbc1; }
th { background: #0d151a; border-color: #2b3840; color: #aebbc1; }
td { border-color: #25323a; color: #dfe7e7; }
tbody tr:hover { background: #162229; }
td small, .muted { color: #a3b1b5; }
.dark-panel { background: #111c22; border-color: #34434b; }
.dark-panel .eyebrow { color: #ff9341; }
.module-summary div { background: #1c2a31; }
.module-summary strong { color: #ff8b37; }
.rule-grid, .detail-grid { background: #29363e; }
.rule-grid strong { color: #fff; }
.rule-grid div, .detail-grid div { background: #10191f; }
.company-module, .user-card, .manager-summary div { background: #151f25; border-color: #34424a; }
.company-module.enabled { border-color: #79471e; }
.company-module.enabled span { color: #ff8e3d; }
.role-tag, .plan { background: #3a2717; color: #ffae6f; }
.status.active, .status.ready { background: #1d3124; color: #9ed38f; }
.status.calc { background: #1c283c; color: #a8c8ff; }
.status.work { background: #422515; color: #ffc07c; }
.status.done { background: #263137; color: #c5d0d0; }
.seat-banner, .calculation-result, .admin-calculation-note { background: #21170f; border-color: #70421f; }
.seat-banner span, .seat-banner small, .calculation-result span { color: #e9b77f; }
.seat-bar { background: #49321e; }
.seat-bar i { background: #ff7a1a; }
.form-grid input, .form-grid select, .settings-form input, .settings-form select, .inline-select, .seat-input, .sheet-price-input, .user-status { background: #0b1217; border-color: #34434b; color: #f6f8f7; }
.form-grid label, .settings-options label { color: #c2ced0; }
.add-panel, .settings-form, .form-panel { background: #10191f; }
.pick-sheet { background: #111c22; border-bottom-color: #29363e; color: #eef5f5; }
.pick-sheet:hover { background: #1a2930; }
.pick-sheet.selected { background: #3a2415; box-shadow: inset 3px 0 #ff7a1a; }
.pick-sheet.selected span { color: #ff8b37; }
.nesting-inputs, .nesting-canvas, .order-cut-canvas { background: #0b1318; border-color: #34434b; }
.nesting-panel .panel-head, .nesting-toolbar, .order-status-row { background: #10191f; border-color: #29363e; }
.nesting-toolbar button, .zoom-controls button, .zoom-controls output { background: #152128; border-color: #3b4a52; color: #ffb46f; }
.nesting-sheet, .order-cut-sheet { fill: #080e12; stroke: #465862; }
.nesting-part rect, .order-cut-part, .order-cut-cell { fill: #ff7a1a; stroke: #ffbd89; }
.nesting-legend .part, .order-cut-legend i { background: #ff7a1a; border-color: #ffbd89; }
.production-queue { background: linear-gradient(120deg, #141d22, #0e161b); }
.production-stage { --stage-color: #7da5cc; }
.stage-1 { --stage-color: #ff7a1a; }
.stage-2 { --stage-color: #8cc48a; }
.stage-3 { --stage-color: #7d898e; }
.stage-track { background: #25323a; }
.queue-item.order-open { border-color: #29363e; }
.queue-item:hover { background: #17242b; }
.queue-name small, .queue-id, .queue-deadline { color: #aebbc1; }
.file-chip { background: #342414; color: #ffb878; }
.file-chip:hover { background: #4c3019; }
.toast { background: #151f25; border-left-color: #ff7a1a; }
.error-card { background: #351a18; border-color: #8d4339; }

@media (max-width: 780px) {
  .sidebar { background: #080e12; border-bottom: 1px solid #29363e; }
  .topbar { background: #0b1318; }
  .nav-item.active { box-shadow: none; }
}

/* Developer controls follow the same steel-and-safety-orange state system. */
.tab.active {
  background: #24180f;
  color: #ffc18a;
  border: 1px solid #70431f;
  box-shadow: inset 0 1px #ffffff0c;
}
.tab b { background: #3c2716; color: #ffbe80; }
.module-pill {
  border-color: #3b4a52;
  background: #152128;
  color: #9aabb0;
}
.module-pill:hover { border-color: #ff7a1a; color: #fff2e6; }
.module-pill.on {
  border-color: #72451f;
  background: #2c2114;
  color: #ffc080;
}
.toolbar > label { color: #c0cbce; font-weight: 700; }
#developer-orders-company, #developer-formula-company {
  margin-left: 8px;
  min-height: 34px;
  border: 1px solid #3b4a52;
  border-radius: 6px;
  padding: 6px 28px 6px 9px;
  background: #0b1217;
  color: #f2f6f5;
  font: 12px Manrope, sans-serif;
}
#developer-orders-company:focus, #developer-formula-company:focus {
  border-color: #ff7a1a;
  outline: 2px solid #ff7a1a33;
  outline-offset: 1px;
}

/* cutcost.kg platform wordmark */
.brand .cutcost-symbol {
  position: relative;
  display: block;
  width: 27px;
  height: 27px;
  flex: 0 0 27px;
  border: 4px solid #f5f7f6;
  border-right-color: transparent;
  border-radius: 50%;
  transform: rotate(-22deg);
  box-shadow: 0 0 12px #f5f7f633;
}
.brand .cutcost-symbol::after {
  content: "";
  position: absolute;
  left: 11px;
  top: -3px;
  width: 3px;
  height: 25px;
  background: #ff7a1a;
  border-radius: 2px;
  transform: rotate(42deg);
  box-shadow: 0 0 8px #ff7a1a99;
}
.brand .cutcost-symbol b {
  position: absolute;
  z-index: 1;
  left: 6px;
  top: 3px;
  color: #ff9b55;
  font: 11px/1 Arial, sans-serif;
  transform: rotate(22deg);
}
.brand .cutcost-wordmark {
  display: block;
  min-width: 0;
  font-size: 23px;
  line-height: .92;
  letter-spacing: -1px;
  white-space: nowrap;
}
.brand .cutcost-wordmark b {
  color: #f5f7f6;
  font-weight: 800;
}
.brand .cutcost-wordmark strong,
.brand .cutcost-wordmark em {
  color: #ff7a1a;
  font-style: normal;
  font-weight: 800;
}
.brand .cutcost-wordmark small {
  margin-top: 5px;
  color: #a6b4b9;
  font-size: 7px;
  line-height: 1.1;
  letter-spacing: .45px;
  font-weight: 800;
  white-space: nowrap;
}
.login-brand .cutcost-wordmark { font-size: 27px; }
.login-brand .cutcost-wordmark small { font-size: 8px; }
.cutting-price-tiers { display: grid; gap: 9px; margin: 16px 0 10px; }
.cutting-price-tier { display: grid; grid-template-columns: repeat(3, minmax(130px, 1fr)) auto; align-items: end; gap: 12px; padding: 13px; border: 1px solid var(--line); border-radius: 8px; background: color-mix(in srgb, var(--card) 86%, var(--bg)); }
.cutting-price-tier label { display: block; min-width: 0; color: #c2ced0; font-size: 12px; font-weight: 700; }
.cutting-price-tier input { display: block; width: 100%; margin-top: 7px; }
.cutting-price-tier .button { min-height: 44px; }
.settings-price-inputs { margin-top: 18px; }
.settings-form > .account-form-hint { line-height: 1.55; }
@media (max-width: 780px) { .cutting-price-tier { grid-template-columns: 1fr 1fr; } .cutting-price-tier .button { grid-column: 1 / -1; } }
@media (max-width: 780px) {
  .sidebar .brand .cutcost-wordmark { font-size: 23px; }
  .sidebar .brand .cutcost-wordmark small { font-size: 7px; }
}