:root{color-scheme:light;--ink: #172033;--muted: #5f6c80;--line: #d9dee7;--line-soft: #eaecf0;--surface: #ffffff;--surface-soft: #f8fafc;--surface-strong: #eef2f6;--brand: #111827;--brand-accent: #b42318;--success: #067647;--warning: #b54708;--danger: #b42318;--focus: #2563eb;font-family:Inter,Segoe UI Variable,Segoe UI,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-synthesis:none;font-optical-sizing:auto;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#f3f4f6;color:var(--ink);font-size:.9375rem;line-height:1.5}h1,h2,h3,h4,h5,h6,strong,b{letter-spacing:-.015em}h1,h2,h3,h4,h5,h6{line-height:1.2}body.ui-scroll-locked{overflow:hidden}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}button,a,input,select,textarea{transition:border-color .16s ease,background .16s ease,color .16s ease,box-shadow .16s ease}button{cursor:pointer}button{min-height:2.4rem;border:0;border-radius:8px;padding:.62rem .9rem;background:var(--brand);color:#fff;font-weight:600}button.ghost,.ghost{border:1px solid var(--line);background:#fff;color:var(--ink)}button.danger,.danger{color:var(--danger)}button:disabled{cursor:not-allowed;opacity:.55}input,select,textarea{width:100%;min-height:2.55rem;border:1px solid var(--line);border-radius:8px;padding:.65rem .75rem;background:#fff;color:var(--ink)}textarea{resize:vertical}input[type=color]{padding:.2rem}input:focus,select:focus,textarea:focus,button:focus-visible,a:focus-visible{outline:0;border-color:var(--focus);box-shadow:0 0 0 3px #2563eb24}h1,h2,h3,p{margin-top:0}h1{margin-bottom:.25rem;font-size:clamp(1.65rem,2vw,2.1rem)}h2{margin-bottom:.2rem;font-size:1.15rem}h3{margin-bottom:.75rem;font-size:1rem}label{display:grid;gap:.35rem;color:#344054;font-size:.88rem;font-weight:600}.admin-shell{display:grid;grid-template-columns:17rem minmax(0,1fr);min-height:100vh}.app-sidebar{position:sticky;top:0;display:flex;flex-direction:column;gap:1.25rem;height:100vh;min-height:0;border-right:1px solid var(--line-soft);background:#fff;padding:1rem;overflow:hidden}.brand-block{display:grid;gap:.2rem;border-bottom:1px solid var(--line-soft);padding-bottom:1rem}.brand-block span,.eyebrow{color:var(--brand-accent);font-size:.75rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.brand-block strong{font-size:1.05rem}.nav-group{display:grid;gap:.3rem}.nav-group small{margin-bottom:.25rem;color:var(--muted);font-size:.72rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.nav-group a{display:flex;align-items:center;gap:.65rem;border-radius:8px;padding:.68rem .75rem;color:#344054;font-weight:600}.nav-group a:hover,.nav-group a.active{background:#f2f4f7;color:var(--ink)}.company-quick-nav{margin-top:0;min-height:0}.sidebar-search{gap:.3rem}.sidebar-search span{color:var(--muted);font-size:.72rem;font-weight:700}.sidebar-search input{min-height:2.25rem;padding:.5rem .6rem;font-size:.85rem}.sidebar-company-list{display:grid;gap:.35rem;max-height:min(38vh,24rem);min-height:8rem;overflow:auto;padding-right:.15rem}.sidebar-company-link{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.35rem;align-items:start;border:1px solid transparent;border-radius:8px;padding:.55rem;color:#344054}.sidebar-company-link strong,.sidebar-company-link small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-company-link strong{font-size:.88rem}.sidebar-company-link small,.sidebar-company-link em{color:var(--muted);font-size:.72rem;font-style:normal}.sidebar-company-link:hover,.sidebar-company-link.active{border-color:#b4231838;background:#b423180f;color:var(--ink)}.sidebar-empty,.sidebar-error{margin:0;font-size:.82rem}.sidebar-error{color:var(--danger)}.sidebar-action{display:flex;align-items:center;justify-content:center;gap:.65rem;margin-top:auto}.app-main{min-width:0;min-height:100vh;padding:1.4rem}.page-shell,.company-workspace{display:grid;gap:1rem;align-content:start;min-width:0}.company-workspace{grid-template-rows:auto minmax(0,1fr);gap:.75rem;min-height:calc(100vh - 2.8rem)}.page-shell.compact{margin-top:0;min-height:0}.page-head,.section-head,.panel-head,.button-row,.inline-row,.checkbox-row,.company-header,.company-summary-strip,.tab-nav,.segmented-control{display:flex}.page-head,.section-head,.panel-head{align-items:flex-start;justify-content:space-between;gap:1rem}.page-head>div>span,.section-head>div>span,.panel p,.muted,.stack-list span,.stack-list small,.company-card span,.company-card small,.info-block span,.info-block small,.price-card small,.package-status-card small,.qr-card span,.qr-card small{color:var(--muted)}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem}.metric-grid article,.panel{border:1px solid var(--line-soft);border-radius:8px;background:var(--surface);box-shadow:0 1px 2px #1018280d}.metric-grid article{display:grid;gap:.2rem;padding:.95rem}.metric-grid span,.company-summary-strip span,.price-card span,.package-status-card span{color:var(--muted);font-size:.76rem;font-weight:800;letter-spacing:.03em;text-transform:uppercase}.metric-grid strong{font-size:1.55rem}.content-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.content-grid.two-columns,.directory-layout,.package-layout,.asset-layout,.service-layout{grid-template-columns:repeat(2,minmax(0,1fr))}.panel{min-width:0;padding:1rem}.panel.narrow{max-width:none}.panel.span-two,.span-two{grid-column:1/-1}.field-grid{display:grid;gap:.8rem}.field-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.field-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.field-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.button-row,.inline-row,.checkbox-row{align-items:center;gap:.55rem}.button-row{margin-top:1rem;flex-wrap:wrap}.button-row.tight{margin-top:0}.inline-row input{flex:1}.checkbox{display:flex;align-items:center;gap:.55rem;margin-top:.8rem}.checkbox input{width:auto;min-height:auto}.compact-checkbox{margin-top:0}.align-end{align-self:end;padding-bottom:.8rem}.notice{border-radius:8px;padding:.8rem 1rem}.notice.success{background:#0676471a;color:var(--success)}.notice.error{background:#b423181a;color:var(--danger)}.button-link{display:inline-grid;min-height:2.4rem;place-items:center;border-radius:8px;padding:.62rem .9rem;background:var(--brand);color:#fff;font-weight:600}.icon-button{display:inline-grid;width:2.4rem;min-height:2.4rem;place-items:center;padding:0}.stack-list,.company-card-list,.membership-list,.repeater,.tag-editor,.qr-grid{display:grid;gap:.7rem;margin-top:.8rem}.stack-list a,.stack-list button,.stack-list>div,.company-card,.membership-row,.repeater-card,.qr-card,.info-block,.package-status-card,.price-card,.alert-row{display:grid;gap:.25rem;width:100%;border:1px solid var(--line-soft);border-radius:8px;padding:.8rem;background:var(--surface-soft);color:var(--ink);text-align:left}.stack-list button.active,.company-card:hover,.stack-list a:hover{border-color:#b4231859;background:#b4231812}.company-card{grid-template-columns:minmax(0,1fr) auto;align-items:start}.company-card>span{grid-column:1/-1}.warning{color:var(--warning);font-weight:700}.company-header{position:sticky;top:0;z-index:5;display:grid;grid-template-columns:minmax(16rem,1fr) minmax(13rem,18rem);gap:1rem;border:1px solid var(--line-soft);border-radius:8px;background:#fffffff5;padding:1rem;box-shadow:0 1px 2px #1018280f}.company-title h1{margin-bottom:.2rem}.company-title span{color:var(--muted)}.company-summary-strip{grid-column:1/-1;gap:.6rem}.company-summary-strip article{flex:1;border:1px solid var(--line-soft);border-radius:8px;padding:.65rem .75rem;background:var(--surface-soft)}.company-summary-strip strong{display:block;margin-top:.1rem}.tab-nav{grid-column:1/-1;flex-wrap:wrap;gap:.35rem;border-top:1px solid var(--line-soft);padding-top:.8rem}.tab-nav a{border-radius:8px;padding:.55rem .7rem;color:#344054;font-weight:600}.tab-nav a.active,.tab-nav a:hover{background:var(--brand);color:#fff}.subsection{margin-top:1rem;border-top:1px solid var(--line-soft);padding-top:1rem}.subsection.first{margin-top:0;border-top:0;padding-top:0}.subsection.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(15rem,.5fr);gap:1rem}.feature-checkbox{align-items:flex-start}.feature-checkbox span{display:grid;gap:.12rem}.feature-checkbox small{color:var(--muted);font-weight:500}.price-card strong{font-size:1.45rem}.usage-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem}.usage-grid article{border:1px solid var(--line-soft);border-radius:8px;padding:.75rem;background:var(--surface-soft)}.tag-list{display:flex;flex-wrap:wrap;gap:.45rem}.tag-list span,.tag-button{min-height:0;border:1px solid var(--line);border-radius:8px;padding:.36rem .58rem;background:#fff;color:var(--ink);font-size:.85rem}.repeater-card.compact{gap:.7rem}.membership-row{grid-template-columns:1fr}.membership-editor{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:.55rem;align-items:center}.inline-select{min-width:12rem}.qr-card{grid-template-columns:minmax(0,1fr)}.segmented-control{flex-wrap:wrap;gap:.35rem;margin-bottom:.8rem}.segmented-control button{border:1px solid var(--line);background:#fff;color:var(--ink)}.segmented-control button.active{border-color:var(--brand);background:var(--brand);color:#fff}.brand-preview{align-content:start;gap:.55rem}.brand-preview.dark{border-color:#94a3b859;background:#0b1020;color:#f8fafc}.brand-preview img,.logo-placeholder{display:grid;place-items:center;width:100%;max-height:8rem;min-height:5rem;border:1px dashed var(--line);border-radius:8px;object-fit:contain}.brand-preview.dark img,.brand-preview.dark .logo-placeholder{border-color:#94a3b873}.swatches{display:flex;gap:.45rem}.swatches i{display:block;width:2.5rem;height:.55rem;border-radius:8px}.directory-page{grid-template-rows:auto auto minmax(0,1fr)}.toolbar-head{align-items:center}.directory-workspace{display:grid;grid-template-columns:minmax(0,1fr);min-height:0}.table-panel{display:grid;gap:.9rem;overflow:hidden}.dashboard-list-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem}.table-toolbar{display:grid;grid-template-columns:minmax(16rem,1fr) minmax(11rem,14rem) auto;gap:.75rem;align-items:end}.table-count{display:grid;min-width:6rem;justify-items:end;padding-bottom:.2rem}.table-count strong{font-size:1.25rem}.table-count span{color:var(--muted);font-size:.78rem;font-weight:700;text-transform:uppercase}.data-table-wrap{min-height:0;overflow:auto;border:1px solid var(--line-soft);border-radius:8px}.data-table{width:100%;min-width:60rem;border-collapse:collapse}.data-table th,.data-table td{border-bottom:1px solid var(--line-soft);padding:.72rem .8rem;text-align:left;vertical-align:top}.data-table th{position:sticky;top:0;z-index:1;background:#f8fafc;color:var(--muted);font-size:.72rem;font-weight:800;letter-spacing:.03em;text-transform:uppercase}.data-table tbody tr{cursor:pointer}.data-table tbody tr:hover,.data-table tbody tr.selected{background:#b423180f}.data-table tbody tr:last-child td{border-bottom:0}.data-table td strong,.data-table td span,.data-table td small{display:block}.data-table td span,.data-table td small{color:var(--muted);font-size:.82rem}.empty-table{margin:0;padding:1rem}.status-pill{display:inline-flex;min-height:1.7rem;align-items:center;border-radius:999px;padding:.25rem .55rem;background:#0676471a;color:var(--success);font-size:.78rem;font-weight:700}.status-pill.warning{background:#b547081a;color:var(--warning)}.status-pill.compact{min-height:1.45rem;padding:.18rem .48rem;font-size:.72rem}.overview-chart-grid,.overview-ops-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;align-items:start}.chart-summary-list{display:grid;gap:.65rem}.chart-summary-list article{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.75rem;align-items:start;border:1px solid var(--line-soft);border-radius:8px;padding:.8rem;background:var(--surface-soft)}.chart-summary-list strong,.chart-summary-list span,.chart-summary-list small{display:block}.chart-summary-list span,.chart-summary-list small{color:var(--muted)}.chart-summary-list small{text-align:right}.company-detail-panel,.side-drawer{border:1px solid var(--line-soft);border-radius:8px;background:var(--surface);box-shadow:0 16px 40px #1018281f}.company-detail-panel{position:fixed;top:0;right:0;z-index:21;display:grid;grid-template-rows:auto minmax(0,auto) minmax(0,auto) minmax(0,auto) minmax(0,auto) auto;width:min(100vw,34rem);height:100vh;max-height:100vh;overflow:auto;border-radius:8px 0 0 8px}.company-detail-panel header,.side-drawer header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--line-soft);padding:1rem}.company-detail-panel header h2,.side-drawer header h2{margin-bottom:.15rem}.company-detail-panel header span,.side-drawer header span{color:var(--muted)}.detail-section{display:grid;gap:.65rem;border-bottom:1px solid var(--line-soft);padding:1rem}.detail-list{display:grid;gap:.55rem;margin:0}.detail-list div{display:grid;grid-template-columns:6rem minmax(0,1fr);gap:.65rem}.detail-list dt{color:var(--muted);font-size:.78rem;font-weight:800;text-transform:uppercase}.detail-list dd{min-width:0;margin:0;overflow-wrap:anywhere}.detail-note{margin:0;border-radius:8px;padding:.7rem;background:var(--surface-soft);color:#344054}.detail-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.detail-metrics article{border:1px solid var(--line-soft);border-radius:8px;padding:.65rem;background:var(--surface-soft)}.detail-metrics span{color:var(--muted);font-size:.72rem;font-weight:800;text-transform:uppercase}.detail-metrics strong{display:block;margin-top:.12rem}.package-status-card.compact{margin-top:0}.detail-footer,.drawer-footer{display:flex;gap:.55rem;align-items:center;justify-content:flex-end;padding:1rem}.drawer-backdrop{position:fixed;inset:0;z-index:20;background:#10182859}.side-drawer{position:fixed;top:0;right:0;z-index:21;display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:min(100vw,42rem);height:100vh;border-radius:8px 0 0 8px}.side-drawer.wide{width:min(100vw,58rem)}.drawer-body{display:grid;gap:1rem;overflow:auto;padding:1rem}.drawer-footer{border-top:1px solid var(--line-soft)}.package-loader{margin-top:.75rem}.skeleton-line,.skeleton-card .skeleton-line{display:block;width:100%;min-height:.85rem;border-radius:999px;background:linear-gradient(90deg,#eef2f6,#f8fafc,#eef2f6 90%);background-size:220% 100%;animation:skeleton-shimmer 1.35s ease-in-out infinite}.skeleton-line.short{width:42%}.skeleton-line.medium{width:68%}.skeleton-row{display:grid;gap:.45rem;border:1px solid var(--line-soft);border-radius:8px;padding:.8rem;background:var(--surface-soft)}.skeleton-row.compact{padding:.65rem}.skeleton-row.table{grid-template-columns:2fr repeat(3,1fr);align-items:center}.table-skeleton,.skeleton-form{display:grid;gap:.7rem}.skeleton-form.compact{align-content:start}.skeleton-card strong.skeleton-line{min-height:1.55rem}.skeleton-header .company-summary-strip article{display:grid;gap:.45rem}@keyframes skeleton-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@media(max-width:1180px){.admin-shell{grid-template-columns:1fr}.app-sidebar{position:static;height:auto;overflow:visible}.nav-group{grid-template-columns:repeat(4,minmax(0,1fr))}.company-quick-nav{margin-top:0}.company-quick-nav,.sidebar-company-list{grid-column:1/-1}.sidebar-company-list{grid-template-columns:repeat(2,minmax(0,1fr));max-height:none;min-height:0;overflow:visible}.nav-group small{grid-column:1/-1}.metric-grid,.overview-chart-grid,.overview-ops-grid,.field-grid.four,.usage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content-grid,.content-grid.two-columns,.directory-layout,.directory-workspace,.package-layout,.asset-layout,.service-layout,.subsection.split{grid-template-columns:1fr}.company-header{position:static}}@media(max-width:760px){.app-main{padding:1rem}.nav-group,.metric-grid,.field-grid.two,.field-grid.three,.field-grid.four,.usage-grid,.overview-chart-grid,.overview-ops-grid,.company-header,.membership-editor,.table-toolbar,.detail-metrics,.sidebar-company-list{grid-template-columns:1fr}.chart-summary-list article{grid-template-columns:1fr}.chart-summary-list small{text-align:left}.page-head,.section-head,.panel-head,.company-summary-strip,.button-row,.inline-row{display:grid}.inline-row input{width:100%}.data-table{min-width:48rem}.detail-footer,.drawer-footer{display:grid}}