:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#18211b;background:#f4f6f4;font-synthesis:none;text-rendering:optimizeLegibility;letter-spacing:0;--green-950: #0b3024;--green-900: #104a36;--green-700: #176b46;--green-100: #e6f2e9;--lime: #92c94c;--surface: #ffffff;--canvas: #f4f6f4;--text: #18211b;--muted: #637269;--border: #d7ded8;--border-soft: #e7ebe8;--warning: #9a6100;--warning-bg: #fff1d5;--danger: #a22a22;--danger-bg: #fce9e7;--success: #236a3d;--success-bg: #e7f4ea}*{box-sizing:border-box}html{min-width:320px}body{margin:0;min-width:320px;min-height:100vh;background:var(--canvas)}button,input,select,textarea{font:inherit;letter-spacing:0}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(23,107,70,.25);outline-offset:2px}h1,h2,h3,p{margin:0}h1{font-size:24px;font-weight:500}h2{font-size:17px;font-weight:500}h3{font-size:14px;font-weight:500}strong{font-weight:500}small{font-size:12px}svg{width:17px;height:17px;flex:0 0 auto}code{font-family:Consolas,monospace;font-size:12px}.app-shell{min-height:100vh;display:grid;grid-template-columns:218px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;z-index:20;display:flex;flex-direction:column;padding:18px 13px;color:#f4fbf6;background:var(--green-900)}.brand-lockup{display:flex;align-items:center;gap:10px}.brand-lockup strong,.brand-lockup small{display:block}.brand-lockup strong{font-size:15px}.brand-lockup small{color:#c2d8ca;margin-top:2px}.brand-mark{width:33px;height:33px;display:grid;place-items:center;border-radius:7px;color:var(--green-950);background:var(--lime)}.brand-mark svg{width:19px;height:19px}.sidebar .brand-lockup{padding:0 8px 16px}.sidebar nav{display:grid;gap:3px}.sidebar nav a{display:flex;align-items:center;gap:10px;min-height:39px;padding:8px 10px;border-radius:6px;color:#dceadf;text-decoration:none;font-size:14px}.sidebar nav a:hover{background:#1a5941;color:#fff}.sidebar nav a.active{color:var(--green-950);background:#e4efe7}.sidebar nav a[data-divided=true]{margin-top:9px;border-top:1px solid #3d705d;border-radius:0 0 6px 6px;padding-top:14px}.profile{margin-top:auto;padding:14px 8px 0;border-top:1px solid #3d705d}.profile strong,.profile small{display:block}.profile small{color:#c2d8ca;margin-top:3px}.profile button{display:flex;align-items:center;gap:7px;margin-top:10px;padding:5px 0;color:#dceadf;border:0;background:none;cursor:pointer}.main-column{min-width:0}.topbar{position:sticky;top:0;z-index:10;min-height:62px;display:flex;align-items:center;gap:13px;padding:10px 22px;border-bottom:1px solid var(--border);background:#fffffff5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.global-search{position:relative;flex:1;max-width:580px}.global-search svg{position:absolute;left:11px;top:10px;color:var(--muted)}.global-search input{width:100%;height:38px;padding:8px 12px 8px 37px;color:var(--text);border:1px solid #c7d0c9;border-radius:6px;background:#f7f9f7}.production-status{display:inline-flex;align-items:center;gap:7px;margin-left:auto;color:var(--success);font-size:13px;white-space:nowrap}.production-status span{width:8px;height:8px;border-radius:50%;background:#32a35b}.icon-button{position:relative;width:36px;height:36px;display:inline-grid;place-items:center;padding:0;color:var(--text);border:1px solid #c5cec7;border-radius:6px;background:var(--surface);cursor:pointer}.notification b{position:absolute;top:-6px;right:-5px;min-width:17px;height:17px;display:grid;place-items:center;padding:0 4px;color:#fff;background:#b42820;border-radius:9px;font-size:10px;font-weight:500}.mobile-menu{display:none}.page-frame{width:min(1400px,100%);padding:24px}.page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.page-heading p{margin-top:4px;color:var(--muted);font-size:13px}.heading-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:7px 11px;color:var(--text);border:1px solid #bcc7bf;border-radius:6px;background:var(--surface);text-decoration:none;cursor:pointer;white-space:nowrap}.button:hover{background:#f2f6f3}.button.primary{color:#fff;border-color:var(--green-700);background:var(--green-700)}.button.primary:hover{background:#125a3b}.button.danger{color:var(--danger);border-color:#d8aaa6}.button.compact{min-height:31px;padding:5px 8px;font-size:12px}.button.compact svg{width:14px;height:14px}.button.block{width:100%}.button:disabled{opacity:.55;cursor:not-allowed}.link-button{color:var(--green-700);border:0;background:none;cursor:pointer}.metric-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:18px;overflow:hidden;border:1px solid var(--border);border-radius:7px;background:var(--surface)}.metric-strip.three{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-strip>div{min-width:0;padding:15px 17px;border-right:1px solid var(--border)}.metric-strip>div:last-child{border-right:0}.metric-strip span,.metric-strip strong,.metric-strip small{display:block}.metric-strip span{color:var(--muted);font-size:12px}.metric-strip strong{margin:5px 0 4px;font-size:22px;font-variant-numeric:tabular-nums}.metric-strip small{color:var(--muted)}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(260px,.82fr);gap:16px}.panel{min-width:0;padding:16px;border:1px solid var(--border);border-radius:7px;background:var(--surface)}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:36px;margin-bottom:10px}.alert-list{display:grid}.alert-row{display:grid;grid-template-columns:10px minmax(0,1fr) auto;align-items:start;gap:10px;padding:11px 0;border-top:1px solid var(--border-soft)}.alert-row:first-child{border-top:0}.alert-row strong,.alert-row small{display:block}.alert-row small{margin-top:4px;color:var(--muted)}.alert-row time{color:var(--muted);font-size:12px;white-space:nowrap}.severity,.health-dot{width:8px;height:8px;display:inline-block;margin-top:5px;border-radius:50%;background:#32a35b}.severity.critical,.severity.urgent{background:#c9362d}.severity.warning,.severity.high,.health-dot.warning{background:#d88b0c}.service-list{display:grid;gap:13px}.service-row{display:grid;grid-template-columns:9px minmax(0,1fr) auto;align-items:center;gap:8px}.service-row .health-dot{margin:0}.service-row small{color:var(--muted);text-align:right}.bar-chart{height:215px;display:flex;align-items:flex-end;gap:14px;padding:16px 8px 0;border-bottom:1px solid #b8c2ba}.bar-column{position:relative;flex:1;height:100%;display:flex;align-items:flex-end;justify-content:center}.bar-column>span{width:min(34px,62%);min-height:8px;border-radius:3px 3px 0 0;background:#2d8055}.bar-column small{position:absolute;bottom:-22px;color:var(--muted)}.wide .bar-chart{margin-bottom:24px}.work-list{display:grid}.work-list>div{display:grid;grid-template-columns:9px minmax(0,1fr) auto;align-items:start;gap:9px;padding:11px 0;border-top:1px solid var(--border-soft)}.work-list>div:first-child{border-top:0}.work-list strong,.work-list small{display:block}.work-list small{margin-top:4px;color:var(--muted)}.work-list time{color:var(--muted);font-size:12px}.filters{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:14px}.filters label{position:relative;min-width:260px}.filters label svg{position:absolute;left:10px;top:9px;color:var(--muted)}.filters input,.filters select,select{height:36px;padding:7px 10px;color:var(--text);border:1px solid #bdc7c0;border-radius:6px;background:var(--surface)}.filters input{width:100%;padding-left:34px}.table-panel{padding:0;overflow:hidden}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13px}th{padding:10px 13px;color:var(--muted);border-bottom:1px solid var(--border);background:#fafbfa;font-weight:500;text-align:left;white-space:nowrap}td{padding:11px 13px;border-bottom:1px solid var(--border-soft);vertical-align:middle}tbody tr:last-child td{border-bottom:0}tbody tr.clickable{cursor:pointer}tbody tr.clickable:hover{background:#f4f8f5}.company-row td{padding:9px 13px;color:#244f38;background:#edf4ef;border-top:1px solid #ccd9cf}.company-row td{display:flex;align-items:center;gap:8px}.company-row td small{margin:0 0 0 4px;color:var(--muted)}.company-row svg{width:15px;height:15px}.subscription-table td:first-child{min-width:230px}td strong,td small{display:block}td small{margin-top:4px;color:var(--muted)}.number{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.status{display:inline-flex;align-items:center;min-height:24px;padding:3px 8px;border-radius:12px;font-size:11px;white-space:nowrap}.status.success{color:var(--success);background:var(--success-bg)}.status.warning{color:var(--warning);background:var(--warning-bg)}.status.danger{color:var(--danger);background:var(--danger-bg)}.tabs{display:flex;gap:18px;margin-bottom:16px;overflow-x:auto;border-bottom:1px solid var(--border)}.tabs button{padding:9px 1px;color:var(--muted);border:0;border-bottom:2px solid transparent;background:none;cursor:pointer;white-space:nowrap}.tabs button.active{color:var(--text);border-bottom-color:#2c8a59}.drawer-scrim,.modal-scrim,.sidebar-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;border:0;background:#0a160f6b}.drawer{position:fixed;z-index:41;top:0;right:0;width:min(560px,100%);height:100vh;overflow-y:auto;padding:20px;border-left:1px solid var(--border);background:var(--surface);box-shadow:-14px 0 34px #0d2c1c2e}.drawer-head{display:flex;justify-content:space-between;gap:15px;padding-bottom:16px;border-bottom:1px solid var(--border)}.drawer-head h2{margin:9px 0 4px;font-size:22px}.drawer-head p{color:var(--muted);font-size:13px}.detail-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:16px 0;border:1px solid var(--border);border-radius:7px}.detail-metrics>div{padding:12px;border-right:1px solid var(--border)}.detail-metrics>div:last-child{border-right:0}.detail-metrics span,.detail-metrics strong,.detail-metrics small{display:block}.detail-metrics span,.detail-metrics small{color:var(--muted);font-size:11px}.detail-metrics strong{margin:4px 0}.drawer-section{padding:16px 0;border-top:1px solid var(--border)}.drawer-section:first-of-type{border-top:0}.subscription-drawer{width:min(650px,100%)}.machine-list,.payment-candidates{display:grid;margin-top:9px}.machine-list>div{display:grid;grid-template-columns:10px minmax(0,1fr) auto;align-items:start;gap:9px;padding:10px 0;border-top:1px solid var(--border-soft)}.machine-list>div:first-child,.payment-candidates>div:first-child{border-top:0}.machine-list .health-dot{margin-top:4px}.machine-list strong,.machine-list small,.payment-candidates strong,.payment-candidates small{display:block}.machine-list small,.payment-candidates small{margin-top:3px;color:var(--muted);overflow-wrap:anywhere}.payment-candidates>div{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:10px 0;border-top:1px solid var(--border-soft)}.action-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.timeline{margin-top:8px}.timeline p{display:grid;grid-template-columns:9px 1fr;gap:9px;padding:10px 0;border-top:1px solid var(--border-soft)}.timeline strong,.timeline small{display:block}.timeline small{grid-column:2;color:var(--muted)}.support-layout{display:grid;grid-template-columns:minmax(240px,.72fr) minmax(0,1.5fr);gap:16px}.ticket-queue{padding:12px}.ticket-item{width:100%;display:grid;gap:5px;padding:11px;color:var(--text);border:0;border-left:3px solid transparent;background:transparent;text-align:left;cursor:pointer}.ticket-item:hover,.ticket-item.active{border-left-color:#32a35b;background:#eef5f0}.ticket-item .status{justify-self:start}.ticket-item small{color:var(--muted)}.ticket-meta{margin:6px 0 14px;color:var(--muted);font-size:12px}.ticket-entries article{display:grid;grid-template-columns:9px minmax(0,1fr);gap:10px;padding:12px 0;border-top:1px solid var(--border-soft)}.ticket-entries article p{margin:5px 0}.ticket-entries article small{color:var(--muted)}.ticket-detail .heading-actions{margin-top:16px}.approval-list{padding:0 16px}.approval-list article{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;padding:16px 0;border-bottom:1px solid var(--border-soft)}.approval-list article:last-child{border-bottom:0}.approval-list article h2{margin:8px 0 5px}.approval-list .muted{display:inline;margin-left:8px;font-size:12px}.empty{padding:20px;color:var(--muted);text-align:center}.role-summary{margin-top:16px}.role-summary>div{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:14px}.role-summary p{display:grid;grid-template-columns:24px 1fr;gap:4px 8px}.role-summary p svg{grid-row:1 / 3;color:var(--green-700)}.role-summary small{color:var(--muted)}.modal-scrim{display:grid;place-items:center;padding:18px;overflow-y:auto}.modal-scrim{z-index:60}.modal{width:min(520px,100%);padding:19px;border:1px solid var(--border);border-radius:8px;background:var(--surface);box-shadow:0 20px 50px #0000003d}.renewal-modal{width:min(700px,100%)}.mode-switch{display:grid;grid-template-columns:1fr 1fr;margin-bottom:14px;padding:3px;border:1px solid var(--border);border-radius:6px;background:#f3f6f4}.mode-switch button{min-height:36px;color:var(--muted);border:0;border-radius:4px;background:transparent;cursor:pointer}.mode-switch button.active{color:var(--green-900);background:var(--surface);box-shadow:0 1px 3px #0f2d1c1f;font-weight:600}.modal-head{display:flex;justify-content:space-between;gap:14px;margin-bottom:16px}.modal-head h2{margin:6px 0 4px;font-size:21px}.muted{color:var(--muted)}.eyebrow{color:var(--green-700);font-size:11px;font-weight:500}.field{display:grid;gap:6px}.field>span{color:var(--muted);font-size:12px}.field input,.field textarea,.field select{width:100%;padding:9px 10px;color:var(--text);border:1px solid #b9c5bc;border-radius:6px;background:var(--surface)}.field textarea{min-height:94px;resize:vertical}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.renewal-period{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin-bottom:15px;padding:12px;background:#f2f6f3;border-radius:6px}.renewal-period small,.renewal-period strong{display:block}.renewal-period small{margin-bottom:4px;color:var(--muted)}.candidate-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:14px}.candidate-picker>span{grid-column:1 / -1;color:var(--muted);font-size:12px}.candidate-picker button{min-width:0;padding:9px;color:var(--text);border:1px solid var(--border);border-radius:6px;background:#fafbfa;text-align:left;cursor:pointer}.candidate-picker button.selected{border-color:var(--green-700);background:var(--green-100)}.candidate-picker strong,.candidate-picker small{display:block;overflow-wrap:anywhere}.candidate-picker small{margin-top:3px;color:var(--muted)}.machine-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:14px 0;padding:10px;border:1px solid var(--border);border-radius:6px}.machine-picker legend{padding:0 5px;color:var(--muted);font-size:12px}.machine-picker label{min-width:0;display:flex;align-items:flex-start;gap:8px;padding:8px;cursor:pointer}.machine-picker label.disabled{opacity:.55;cursor:not-allowed}.machine-picker input{margin-top:3px;accent-color:var(--green-700)}.machine-picker strong,.machine-picker small{display:block;overflow-wrap:anywhere}.machine-picker small{margin-top:3px;color:var(--muted)}.policy-note{display:flex;align-items:flex-start;gap:8px;margin-top:12px;padding:10px;color:#3d5a48;border-radius:6px;background:#edf5ef;font-size:12px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.approval-impact{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;margin:14px 0;padding:12px;border-radius:6px;background:#f3f6f4}.approval-impact small,.approval-impact strong{display:block}.approval-impact small,.reason-box small{color:var(--muted)}.approval-impact strong{margin-top:4px}.approval-details{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:14px;padding:12px;border:1px solid var(--border);border-radius:6px}.approval-details p{min-width:0}.approval-details small,.approval-details strong{display:block}.approval-details small{margin-bottom:3px;color:var(--muted)}.approval-details strong{overflow-wrap:anywhere}.reason-box{margin-bottom:14px;padding:12px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.reason-box p{margin-top:5px}.toast{position:fixed;z-index:70;top:76px;right:22px;max-width:min(380px,calc(100vw - 32px));display:flex;align-items:center;gap:8px;padding:11px 14px;color:#fff;border-radius:6px;background:var(--green-700);box-shadow:0 12px 30px #0d2c1c3d}.loading{min-height:280px;display:grid;grid-template-columns:repeat(3,10px);place-content:center;gap:6px}.loading span{width:10px;height:10px;border-radius:50%;background:#4d8c69;animation:pulse 1s infinite alternate}.loading span:nth-child(2){animation-delay:.2s}.loading span:nth-child(3){animation-delay:.4s}@keyframes pulse{to{opacity:.25;transform:translateY(-4px)}}.error-state{min-height:280px;display:grid;place-content:center;justify-items:center;gap:8px;text-align:center}.error-state p{color:var(--muted)}.form-error{color:var(--danger);font-size:13px}.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(320px,.9fr) minmax(420px,1.1fr);background:var(--surface)}.login-brand{display:flex;flex-direction:column;justify-content:space-between;padding:clamp(28px,5vw,70px);color:#f6fbf7;background:var(--green-900)}.login-brand h1{max-width:560px;font-size:clamp(34px,4vw,56px);line-height:1.05}.login-brand>div:nth-child(2) p{max-width:520px;margin-top:18px;color:#cbe0d1;font-size:17px;line-height:1.5}.login-foot{color:#b9d0c1;font-size:12px}.login-form-wrap{display:grid;place-items:center;padding:28px}.login-form{width:min(390px,100%);display:grid;gap:18px}.login-form h2{margin:6px 0;font-size:30px}.login-form .field input{height:43px}.login-form .link-button{justify-self:center}.demo-note{padding:9px;color:#65531e;border-radius:6px;background:#fff4d8;font-size:12px;text-align:center}@media(max-width:1050px){.app-shell{grid-template-columns:76px minmax(0,1fr)}.sidebar{padding-inline:10px}.sidebar .brand-lockup>div,.sidebar nav a:not(.active){font-size:0}.sidebar nav a{justify-content:center;gap:0}.sidebar nav a.active{font-size:0}.sidebar nav a svg{width:19px;height:19px}.profile strong,.profile small{display:none}.profile button{width:100%;justify-content:center;font-size:0}}@media(max-width:820px){.app-shell{display:block}.sidebar{position:fixed;left:-230px;width:218px;transition:left .18s ease}.sidebar.open{left:0}.sidebar .brand-lockup>div,.sidebar nav a,.sidebar nav a.active,.profile button{font-size:14px}.sidebar nav a{justify-content:flex-start;gap:10px}.profile strong,.profile small{display:block}.profile button{justify-content:flex-start}.sidebar-scrim{z-index:19}.mobile-menu{display:inline-grid}.page-frame{padding:18px}.dashboard-grid,.support-layout{grid-template-columns:1fr}.metric-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-strip>div:nth-child(2){border-right:0}.metric-strip>div:nth-child(-n+2){border-bottom:1px solid var(--border)}.role-summary>div{grid-template-columns:1fr}.login-shell{grid-template-columns:1fr}.login-brand{min-height:260px;gap:44px}.login-brand h1{font-size:36px}.login-form-wrap{min-height:520px}}@media(max-width:560px){.topbar{padding:9px 12px}.production-status{display:none}.global-search input::placeholder{color:transparent}.page-frame{padding:14px}.page-heading{flex-direction:column}.page-heading h1{font-size:22px}.metric-strip,.metric-strip.three{grid-template-columns:1fr}.metric-strip>div{border-right:0;border-bottom:1px solid var(--border)}.metric-strip>div:last-child{border-bottom:0}.filters label{min-width:100%}.drawer{padding:15px}.detail-metrics{grid-template-columns:1fr}.detail-metrics>div{border-right:0;border-bottom:1px solid var(--border)}.detail-metrics>div:last-child{border-bottom:0}.approval-list article{grid-template-columns:1fr}.approval-list article .button{justify-self:start}.approval-impact{grid-template-columns:1fr}.approval-impact>svg{transform:rotate(90deg)}.approval-details{grid-template-columns:1fr}.modal-actions{flex-wrap:wrap}.form-grid,.candidate-picker,.machine-picker,.renewal-period{grid-template-columns:1fr}.renewal-period>svg{transform:rotate(90deg)}.payment-candidates>div{grid-template-columns:minmax(0,1fr) auto}.payment-candidates .status{grid-column:1 / -1;justify-self:start}.login-brand{padding:24px}.login-brand h1{font-size:31px}.login-form-wrap{padding:24px 18px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}