:root{color:var(--text);background:var(--canvas);font-synthesis:none;--brand:#0b1f3a;--brand-hover:#102b50;--action:#1769aa;--action-hover:#12558b;--canvas:#f4f7fb;--workspace:#f5f7fa;--surface:#fff;--surface-muted:#f8fafc;--text:#172033;--text-muted:#64748b;--border:#cfdce8;--focus:#1772b5;--success:#14864f;--warning:#b9680c;--danger:#c93838;--neutral:#7b8794;--shadow:0 10px 30px #0b1f3a12;font-family:Inter,Segoe UI,Roboto,Arial,sans-serif}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--brand:#07182e;--brand-hover:#102b50;--action:#5bb6f0;--action-hover:#7bc6f5;--canvas:#081422;--workspace:#0b1827;--surface:#102235;--surface-muted:#122438;--text:#dbe7f3;--text-muted:#9eb0c2;--border:#38516a;--focus:#5bb6f0;--success:#46c987;--warning:#f0a84b;--danger:#f27474;--neutral:#9eabb8;--shadow:0 12px 32px #00000040}}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--canvas);min-width:320px}button,input{font:inherit}button,a,input{outline:none}button:focus-visible,a:focus-visible,input:focus-visible{box-shadow:0 0 0 3px #1772b533}button{min-height:44px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-shell{grid-template-columns:260px 1fr;min-height:100vh;display:grid}.sidebar{background:var(--brand);color:#fff;z-index:20;flex-direction:column;height:100vh;padding:18px 14px 14px;transition:width .2s,transform .2s;display:flex;position:sticky;top:0}.brand-lockup{border-bottom:1px solid #ffffff1f;align-items:center;min-height:72px;padding:0 8px 16px;display:flex}.sidebar-logo{width:174px;max-width:100%;height:auto;display:block}.brand-mark{width:38px;height:38px;color:var(--brand);background:#fff;border-radius:11px;flex:0 0 38px;place-items:center;font-weight:800;display:grid}.brand-copy{gap:2px;display:grid;overflow:hidden}.brand-copy strong{white-space:nowrap;font-size:1.05rem}.brand-copy span{color:#afc4d9;white-space:nowrap;font-size:.78rem}.primary-nav{gap:5px;padding:18px 0;display:grid;overflow-y:auto}.nav-item{color:#cbd9e8;white-space:nowrap;border-radius:9px;align-items:center;gap:12px;min-height:46px;padding:0 12px;font-size:.92rem;font-weight:550;text-decoration:none;display:flex}.nav-item:hover{color:#fff;background:#ffffff12}.nav-item.is-active{color:#fff;background:#1769aa}.collapse-button{color:#cbd9e8;cursor:pointer;background:0 0;border:0;border-top:1px solid #ffffff1f;align-items:center;gap:10px;margin-top:auto;padding:0 12px;display:flex}.workspace{background:var(--workspace);min-width:0}.topbar{z-index:10;background:color-mix(in srgb, var(--surface) 94%, transparent);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);align-items:center;gap:20px;height:70px;padding:0 28px;display:flex;position:sticky;top:0}.breadcrumb{color:var(--text-muted);white-space:nowrap;font-size:.88rem}.global-search{border:1px solid var(--border);background:var(--surface-muted);max-width:520px;height:42px;color:var(--text-muted);border-radius:10px;flex:1;align-items:center;gap:10px;margin-left:auto;padding:0 13px;display:flex}.global-search input{width:100%;color:var(--text);background:0 0;border:0;font-size:.9rem}.topbar-actions{align-items:center;gap:4px;display:flex}.icon-button,.user-button{color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:9px;justify-content:center;align-items:center;display:inline-flex}.icon-button{width:44px}.user-button{color:var(--text);gap:8px;padding:0 8px;font-weight:700}.mobile-menu{display:none}.main-content{padding:28px}.pos-page{max-width:1600px;margin:0 auto}.page-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;display:flex}.page-heading h1{letter-spacing:-.035em;margin:4px 0 0;font-size:clamp(1.55rem,3vw,2.1rem)}.eyebrow{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin:0;font-size:.83rem;font-weight:700}.status-button{border:1px solid color-mix(in srgb, var(--warning) 35%, var(--border));background:color-mix(in srgb, var(--warning) 8%, var(--surface));color:var(--warning);cursor:pointer;border-radius:10px;align-items:center;gap:9px;padding:0 14px;display:flex}.status-button strong{border-left:1px solid color-mix(in srgb, var(--warning) 30%, transparent);padding-left:8px}.pos-grid{grid-template-columns:minmax(0,1.6fr) minmax(340px,.8fr);gap:20px;display:grid}.panel{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:14px}.catalog-panel{min-height:650px;padding:22px}.product-search>span{margin-bottom:8px;font-size:.88rem;font-weight:700;display:block}.input-with-action{border:1px solid var(--border);background:var(--surface-muted);height:50px;color:var(--text-muted);border-radius:10px;align-items:center;gap:10px;padding-left:15px;display:flex}.input-with-action:focus-within{border-color:var(--focus);box-shadow:0 0 0 3px #1772b521}.input-with-action input{min-width:0;height:100%;color:var(--text);background:0 0;border:0;flex:1}.input-with-action button{border:0;border-left:1px solid var(--border);height:100%;color:var(--text-muted);background:0 0;align-items:center;gap:7px;padding:0 16px;display:inline-flex}.notice{background:color-mix(in srgb, var(--action) 8%, var(--surface));color:var(--action);border-radius:10px;gap:12px;margin-top:18px;padding:14px 16px;display:flex}.notice p{margin:0;line-height:1.5}.terminal-activity{border-top:1px solid var(--border);margin-top:42px;padding-top:22px}.terminal-activity h2,.cart-heading h2{margin:0;font-size:1rem}.terminal-activity p{color:var(--text-muted)}.cart-panel{flex-direction:column;min-height:650px;padding:22px;display:flex}.cart-heading{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding-bottom:18px;display:flex}.cart-heading span{text-align:center;background:var(--surface-muted);min-width:30px;color:var(--text-muted);border-radius:999px;padding:4px 8px;font-size:.82rem;font-weight:700}.empty-cart{text-align:center;color:var(--text-muted);flex-direction:column;flex:1;justify-content:center;align-items:center;padding:40px 20px;display:flex}.empty-cart strong{color:var(--text)}.empty-cart p{max-width:270px;margin:8px 0 0;line-height:1.5}.empty-icon{width:62px;height:62px;color:var(--action);background:color-mix(in srgb, var(--action) 10%, var(--surface));border-radius:18px;place-items:center;margin-bottom:15px;display:grid}.totals{border-top:1px solid var(--border);margin:0;padding:18px 0}.totals div{color:var(--text-muted);justify-content:space-between;gap:20px;margin:0 0 10px;display:flex}.totals dt,.totals dd{margin:0}.totals .grand-total{border-top:1px dashed var(--border);color:var(--text);margin:16px 0 0;padding-top:16px;font-size:1.2rem;font-weight:800}.charge-button{background:var(--action);color:#fff;border:0;border-radius:10px;width:100%;font-weight:800}.charge-button:disabled,.input-with-action button:disabled{opacity:.48;cursor:not-allowed}.app-shell.is-collapsed{grid-template-columns:76px 1fr}.app-shell.is-collapsed .brand-copy,.app-shell.is-collapsed .nav-item span,.app-shell.is-collapsed .collapse-button span{display:none}.app-shell.is-collapsed .brand-lockup{width:48px;padding-left:0;padding-right:0;overflow:hidden}.app-shell.is-collapsed .sidebar-logo{width:174px;max-width:none}.app-shell.is-collapsed .collapse-button svg{transform:rotate(180deg)}.app-shell.is-collapsed .nav-item{justify-content:center;padding:0}.scrim{display:none}.route-status,.login-page{place-items:center;min-height:100vh;padding:24px;display:grid}.route-status{color:var(--text-muted)}.login-page{background:radial-gradient(circle at 20% 0%, color-mix(in srgb, var(--action) 15%, transparent), transparent 34%), var(--canvas)}.login-card{border:1px solid var(--border);background:var(--surface);width:min(100%,430px);box-shadow:var(--shadow);border-radius:18px;padding:36px}.login-brand{background:var(--brand);border-radius:18px 18px 0 0;justify-content:center;align-items:center;margin:-36px -36px 34px;padding:24px 28px;display:flex}.login-brand img{width:min(100%,235px);height:auto;display:block}.login-card h1{letter-spacing:-.035em;margin:7px 0 8px;font-size:2rem}.login-intro{color:var(--text-muted);margin:0 0 28px;line-height:1.55}.login-card form{gap:18px;display:grid}.form-field{color:var(--text);gap:8px;font-size:.9rem;font-weight:700;display:grid}.field-control{border:1px solid var(--border);min-height:48px;color:var(--text-muted);background:var(--surface-muted);border-radius:10px;align-items:center;gap:10px;padding:0 13px;display:flex}.field-control:focus-within{border-color:var(--focus);box-shadow:0 0 0 3px #1772b521}.field-control input{min-width:0;height:46px;color:var(--text);background:0 0;border:0;flex:1}.checkbox-field{color:var(--text-muted);align-items:center;gap:9px;font-size:.88rem;display:flex}.checkbox-field input{width:18px;height:18px;accent-color:var(--action)}.form-error{background:color-mix(in srgb, var(--danger) 10%, var(--surface));color:var(--danger);border-radius:9px;margin:0;padding:11px 13px;font-size:.88rem;line-height:1.45}.primary-button{background:var(--action);color:#fff;cursor:pointer;border:0;border-radius:10px;width:100%;font-weight:800}.primary-button:hover{background:var(--action-hover)}.primary-button:disabled{opacity:.6;cursor:wait}.management-page,.form-page{max-width:1280px;margin:0 auto}.management-heading{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px;display:flex}.management-heading h1,.form-page h1{margin:5px 0 7px;font-size:clamp(1.55rem,3vw,2rem)}.management-heading p,.form-page header>p:last-child{color:var(--text-muted);margin:0}.primary-link,.secondary-link,.back-link{border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:44px;font-weight:750;text-decoration:none;display:inline-flex}.primary-link{background:var(--action);color:#fff;padding:0 16px}.secondary-link{border:1px solid var(--border);color:var(--text);padding:0 16px}.back-link{color:var(--action);margin-bottom:18px}.list-toolbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;display:flex}.list-search{border:1px solid var(--border);background:var(--surface);width:min(100%,560px);min-height:46px;color:var(--text-muted);border-radius:10px;align-items:center;gap:10px;padding-left:13px;display:flex}.list-search input{min-width:0;color:var(--text);background:0 0;border:0;flex:1}.list-search button{border:0;border-left:1px solid var(--border);color:var(--action);cursor:pointer;background:0 0;padding:0 16px;font-weight:750}.result-count{color:var(--text-muted);font-size:.9rem}.table-panel{border:1px solid var(--border);background:var(--surface);min-height:300px;box-shadow:var(--shadow);border-radius:14px;overflow:hidden}.responsive-table{overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{border-bottom:1px solid var(--border);text-align:left;white-space:nowrap;padding:15px 18px}th{background:var(--surface-muted);color:var(--text-muted);text-transform:uppercase;letter-spacing:.035em;font-size:.82rem}td{font-size:.92rem}tbody tr:last-child td{border-bottom:0}.code-cell{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-weight:750}.status-pill{background:var(--surface-muted);border-radius:999px;padding:5px 9px;font-size:.8rem;font-weight:750;display:inline-flex}.status-active{color:var(--success);background:color-mix(in srgb, var(--success) 10%, var(--surface))}.status-provisioning{color:var(--action);background:color-mix(in srgb, var(--action) 10%, var(--surface))}.status-failed{color:var(--danger);background:color-mix(in srgb, var(--danger) 10%, var(--surface))}.list-state{min-height:300px;color:var(--text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:9px;padding:30px;display:flex}.list-state strong{color:var(--text)}.list-state p{margin:0}.secondary-button{border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:9px;align-items:center;gap:8px;padding:0 14px;display:inline-flex}.pagination{color:var(--text-muted);justify-content:flex-end;align-items:center;gap:12px;margin-top:16px;display:flex}.pagination button{border:1px solid var(--border);background:var(--surface);width:44px;color:var(--text);border-radius:9px}.pagination button:disabled{opacity:.45}.form-page{max-width:760px}.entity-form{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:14px;gap:22px;margin-top:26px;padding:26px;display:grid}.text-input{border:1px solid var(--border);background:var(--surface-muted);min-height:48px;color:var(--text);border-radius:10px;padding:0 13px}.text-input:focus{border-color:var(--focus);box-shadow:0 0 0 3px #1772b521}.form-field small{color:var(--text-muted);font-weight:400;line-height:1.45}.form-actions{justify-content:flex-end;gap:12px;padding-top:6px;display:flex}.action-button{align-items:center;gap:8px;width:auto;padding:0 18px;display:inline-flex}.table-link{color:var(--action);text-decoration:none}.table-link:hover{text-decoration:underline}.detail-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.detail-grid{border:1px solid var(--border);background:var(--border);box-shadow:var(--shadow);border-radius:14px;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:26px 0;display:grid;overflow:hidden}.detail-grid div{background:var(--surface);min-height:110px;padding:20px}.detail-grid dt{color:var(--text-muted);font-size:.85rem}.detail-grid dd{overflow-wrap:anywhere;margin:9px 0 0;font-weight:750}.detail-actions{gap:12px;display:flex}.danger-button{border:1px solid color-mix(in srgb, var(--danger) 35%, var(--border));background:color-mix(in srgb, var(--danger) 8%, var(--surface));min-height:44px;color:var(--danger);cursor:pointer;border-radius:10px;align-items:center;gap:8px;padding:0 16px;font-weight:750;display:inline-flex}.detail-notice{background:color-mix(in srgb, var(--warning) 9%, var(--surface));color:var(--warning);border-radius:10px;margin-top:18px;padding:13px 15px}.companies-section{border-top:1px solid var(--border);margin-top:34px;padding-top:26px}.companies-section>header{justify-content:space-between;align-items:center;gap:18px;margin-bottom:16px;display:flex}.companies-section h2{margin:0 0 5px;font-size:1.2rem}.companies-section header p{color:var(--text-muted);margin:0}.inline-empty{border:1px dashed var(--border);min-height:150px;color:var(--text-muted);text-align:center;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:24px;display:flex}.company-list{gap:12px;display:grid}.company-list article{border:1px solid var(--border);background:var(--surface);border-radius:11px;justify-content:space-between;gap:20px;padding:17px;display:flex}.company-list article>div{gap:5px;display:grid}.company-list article span{color:var(--text-muted)}.company-list dl{gap:28px;margin:0;display:flex}.company-list dl div{gap:4px;display:grid}.company-list dt{color:var(--text-muted);font-size:.78rem}.company-list dd{margin:0;font-weight:700}.form-columns{grid-template-columns:1fr 1.4fr;gap:18px;display:grid}.license-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:18px;display:grid}.license-card{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:14px;gap:17px;padding:22px;display:grid}.license-card header{min-height:86px}.license-card h2{margin:0 0 7px;font-size:1.12rem}.license-card header p{color:var(--text-muted);margin:0;line-height:1.45}.license-card .form-columns{grid-template-columns:1fr 1fr}.company-picker{border:1px solid var(--border);border-radius:12px;gap:10px;margin:0;padding:16px;display:grid}.company-picker legend{color:var(--text);padding:0 6px;font-weight:700}.company-picker>label{background:var(--surface-subtle);cursor:pointer;border-radius:8px;align-items:center;gap:12px;padding:10px;display:flex}.company-picker input{width:18px;height:18px;accent-color:var(--action)}.company-picker label span{gap:2px;display:grid}.company-picker small{color:var(--text-muted)}.company-select select{border:1px solid var(--border);max-width:220px;min-height:38px;color:var(--text);background:var(--surface);border-radius:9px;padding:0 34px 0 12px}.session-list{gap:12px;display:grid}.session-list article{border:1px solid var(--border);background:var(--surface);border-radius:12px;grid-template-columns:minmax(160px,1fr) 2fr auto;align-items:center;gap:20px;padding:18px;display:grid}.session-list article>div{gap:4px;display:grid}.session-list article span,.session-list dt{color:var(--text-muted)}.session-list dl{grid-template-columns:repeat(3,1fr);gap:16px;margin:0;display:grid}.session-list dl div{gap:3px;display:grid}.session-list dd{margin:0}@media (width<=980px){.app-shell,.app-shell.is-collapsed{grid-template-columns:1fr}.sidebar{width:min(280px,88vw);position:fixed;left:0;transform:translate(-105%);box-shadow:20px 0 50px #00000040}.sidebar.is-open{transform:translate(0)}.scrim{z-index:15;background:#020c188c;border:0;width:100%;height:100%;display:block;position:fixed;inset:0}.mobile-menu{display:inline-flex}.collapse-button{display:none}.pos-grid{grid-template-columns:1fr}.catalog-panel,.cart-panel{min-height:480px}}@media (width<=680px){.topbar{gap:8px;height:62px;padding:0 12px}.breadcrumb,.global-search,.topbar-actions .icon-button{display:none}.topbar-actions{margin-left:auto}.main-content{padding:18px 12px}.page-heading{flex-direction:column;align-items:stretch}.status-button{justify-content:center}.catalog-panel,.cart-panel{min-height:430px;padding:16px}.input-with-action button span{display:none}.login-page{padding:12px}.login-card{padding:26px 20px}.login-brand{margin:-26px -20px 28px;padding:20px}.management-heading,.list-toolbar{flex-direction:column;align-items:stretch}.primary-link{width:100%}.result-count{align-self:flex-end}.entity-form{padding:20px 16px}.form-actions{flex-direction:column-reverse}.detail-heading,.detail-actions{flex-direction:column;align-items:stretch}.detail-grid{grid-template-columns:1fr}.companies-section>header,.company-list article,.company-list dl{flex-direction:column;align-items:stretch}.form-columns,.license-grid{grid-template-columns:1fr}.session-list article,.session-list dl{grid-template-columns:1fr;align-items:stretch}}@media (width<=1180px) and (width>=681px){.license-grid{grid-template-columns:1fr 1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}