:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f8fafc;color:#172033;font-synthesis:none;text-rendering:optimizeLegibility;--border: #d9e2ec;--muted: #667085;--panel: #ffffff;--primary: #0f766e;--primary-dark: #115e59;--blue: #2563eb;--warn: #b45309;--bad: #b42318;--shadow: 0 10px 30px rgba(15, 23, 42, .08)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}.app-loading{padding:32px;color:var(--muted)}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:#eef6f4}.login-panel{width:min(100%,420px);display:grid;gap:16px;background:#fff;border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow);padding:24px}.login-brand{display:flex;align-items:center;gap:12px;margin-bottom:4px}.login-brand svg{width:34px;height:34px;color:var(--primary)}.login-brand strong,.login-brand span{display:block}.login-brand strong{font-size:22px}.login-brand span{color:var(--muted);font-size:13px}.form-error{color:var(--bad);font-weight:800;font-size:13px}.shell{display:grid;grid-template-columns:76px minmax(0,1fr);min-height:100vh;transition:grid-template-columns .18s ease}.shell--expanded{grid-template-columns:248px minmax(0,1fr)}.sidebar{background:#102027;color:#ecfeff;padding:18px 12px;overflow:hidden}.brand{display:flex;align-items:center;gap:12px;height:46px;padding:0 8px}.brand svg{width:28px;height:28px;flex:0 0 auto}.brand div,.nav-link span{opacity:0;transition:opacity .14s ease;white-space:nowrap}.shell--expanded .brand div,.shell--expanded .nav-link span{opacity:1}.brand strong,.brand span{display:block}.brand span{color:#9bd3cf;font-size:12px;margin-top:2px}.nav{display:grid;gap:4px;margin-top:24px}.nav-link{display:flex;align-items:center;gap:12px;height:42px;border-radius:6px;color:#d9fffb;text-decoration:none;padding:0 12px}.nav-link svg{width:20px;height:20px;flex:0 0 auto}.nav-link:hover,.nav-link.is-active{background:#ffffff1f}.main{min-width:0;display:grid;grid-template-rows:64px minmax(0,1fr)}.topbar{display:flex;align-items:center;gap:14px;padding:0 22px;border-bottom:1px solid var(--border);background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:10}.topbar-title{display:flex;align-items:center;gap:8px;color:var(--muted);font-weight:700;margin-right:auto}.content{padding:26px;min-width:0}.icon-button{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--border);border-radius:6px;background:#fff;color:#172033}.icon-button svg,.button svg{width:18px;height:18px}.tenant-switcher{display:grid;grid-template-columns:auto minmax(150px,220px) 16px;align-items:center;gap:8px;border:1px solid var(--border);background:#fff;border-radius:6px;padding:6px 10px}.tenant-switcher span{color:var(--muted);font-size:12px}.tenant-switcher select{border:0;background:transparent;outline:0;font-weight:700;min-width:0}.page{display:grid;gap:20px}.page-heading{display:flex;align-items:end;justify-content:space-between;gap:16px}.eyebrow{display:block;color:var(--primary);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:0;margin-bottom:4px}h1,h2,h3,p{margin:0}h1{font-size:30px;line-height:1.15}h2{font-size:17px}h3{font-size:14px}.page-actions,.button-group{display:flex;gap:8px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:0 14px;border:1px solid var(--border);border-radius:6px;font-weight:800;background:#fff;color:#172033}.button--primary{background:var(--primary);border-color:var(--primary);color:#fff}.button--primary:hover{background:var(--primary-dark)}.button--ghost:hover{border-color:#9fb2c4}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.stat-card,.panel,.table-shell{background:var(--panel);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow)}.stat-card{display:flex;align-items:center;gap:14px;padding:16px;min-width:0}.stat-card span,.stat-card small{display:block;color:var(--muted)}.stat-card strong{display:block;font-size:26px;line-height:1.15;margin:4px 0}.stat-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:6px;background:#e6fffb;color:var(--primary);flex:0 0 auto}.dashboard-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:16px}.panel{padding:18px;min-width:0}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.stack-list{display:grid;gap:10px;color:#344054}.stack-list span{padding:10px 0;border-bottom:1px solid var(--border)}.split-grid{display:grid;grid-template-columns:330px minmax(0,1fr);gap:16px;align-items:start}.compact-form,.settings-grid{display:grid;gap:12px}label{display:grid;gap:6px;color:#344054;font-size:13px;font-weight:800}input,select{width:100%;border:1px solid var(--border);background:#fff;color:#172033;border-radius:6px;min-height:38px;padding:0 10px}input:focus,select:focus{outline:2px solid rgba(15,118,110,.22);border-color:var(--primary)}.check-row{display:flex;align-items:center;gap:8px}.check-row input{width:16px;height:16px;min-height:16px}.table-toolbar{display:flex;align-items:center;gap:10px;padding:12px;border-bottom:1px solid var(--border)}.search-field{display:grid;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:8px;flex:1 1 260px;min-width:180px}.search-field input{border:0;min-height:30px;padding:0;outline:0}.table-export-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.table-export-actions .button{min-height:34px;padding:0 10px}.table-shell{overflow:hidden;min-width:0}.table-header,.table-row,.table-total-row{display:grid;gap:12px;align-items:center;padding:0 14px}.table-header{height:42px;color:var(--muted);font-size:12px;font-weight:900;text-transform:uppercase;border-bottom:1px solid var(--border)}.table-sort-button{display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;color:inherit;font:inherit;font-weight:900;text-transform:inherit;padding:0;text-align:left}.table-sort-button svg{width:14px;height:14px}.table-viewport{height:430px;overflow:auto;position:relative}.table-row{position:absolute;top:0;left:0;right:0;min-height:52px;border-bottom:1px solid #edf2f7;color:#344054}.table-row strong{color:#172033}.row-actions{display:flex;align-items:center;gap:6px}.row-actions .icon-button{width:34px;height:34px}.inline-edit{display:grid;grid-template-columns:minmax(0,1fr) 34px;align-items:center;gap:6px}.inline-edit select{min-height:34px;padding:0 8px}.inline-edit .icon-button{width:34px;height:34px}.inline-edit .icon-button:disabled{opacity:.45;cursor:not-allowed}.table-footer{border-top:1px solid var(--border);background:#f8fafc}.table-total-row{min-height:42px;color:#172033;font-size:13px;font-weight:900;border-bottom:1px solid var(--border)}.table-total-row div:not(:first-child){color:var(--primary-dark)}.table-pagination{min-height:50px;display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:8px 12px;color:var(--muted);font-size:13px;font-weight:800}.table-pagination label{display:grid;grid-template-columns:auto 78px;align-items:center;gap:8px;color:var(--muted)}.table-pagination select{min-height:34px}.table-pagination .icon-button:disabled{opacity:.45;cursor:not-allowed}.empty-state{display:grid;place-items:center;height:220px;color:var(--muted)}.status-pill{display:inline-flex;align-items:center;justify-content:center;min-height:24px;padding:0 9px;border-radius:999px;font-size:12px;font-weight:900;background:#edf2f7;color:#344054;white-space:nowrap}.status-pill--good{background:#dcfce7;color:#166534}.status-pill--warn{background:#fef3c7;color:var(--warn)}.status-pill--bad{background:#fee4e2;color:var(--bad)}.tabs{display:flex;gap:6px;overflow-x:auto}.tabs button{min-height:36px;padding:0 12px;border:1px solid var(--border);border-radius:6px;background:#fff;font-weight:800;color:#344054;white-space:nowrap}.tabs button.is-active{background:#172033;color:#fff;border-color:#172033}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:920px;background:#fff;border:1px solid var(--border);border-radius:8px;padding:18px;box-shadow:var(--shadow)}.form-actions{grid-column:1 / -1;display:flex;gap:8px}.access-grid{display:grid;grid-template-columns:280px minmax(0,1fr);gap:16px;align-items:start}.role-list{display:grid;gap:8px}.role-list button{display:grid;grid-template-columns:20px minmax(0,1fr);gap:8px;align-items:center;text-align:left;border:1px solid var(--border);background:#fff;border-radius:8px;padding:12px}.role-list button.is-active{border-color:var(--primary);box-shadow:0 0 0 3px #0f766e1f}.role-list small{grid-column:2;color:var(--muted)}.permission-matrix{background:#fff;border:1px solid var(--border);border-radius:8px;padding:18px;box-shadow:var(--shadow)}.permission-group{display:grid;gap:10px;padding:14px 0;border-top:1px solid var(--border)}.permission-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.permission-toggle{display:flex;align-items:center;gap:8px;border:1px solid var(--border);border-radius:6px;padding:10px;font-weight:700}.permission-toggle input{width:16px;min-height:16px}.permission-toggle span{display:grid;gap:3px}.permission-toggle small{color:var(--muted);font-weight:500}.tenant-structure{display:grid;gap:16px;margin-top:24px}.tenant-structure>.panel-heading{margin:0}.structure-tenant-select{min-width:min(320px,100%)}.structure-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:start}.structure-column{padding:14px}.structure-column .panel-heading{margin-bottom:12px}.structure-column .icon-button:disabled{opacity:.4;cursor:not-allowed}.structure-list{display:grid;gap:8px}.structure-item{display:grid;grid-template-columns:minmax(0,1fr) 34px 34px;gap:6px;align-items:center;border:1px solid var(--border);border-radius:7px;padding:6px}.structure-item.is-active{border-color:var(--primary);box-shadow:0 0 0 2px #0f766e1f}.structure-item .icon-button{width:34px;height:34px}.structure-item-main{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;border:0;background:transparent;color:inherit;text-align:left;padding:4px}.structure-item-main strong{color:var(--primary-dark);font-size:12px}.structure-item-main span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.structure-item-main small{grid-column:2;color:var(--warn)}.structure-item-main svg{width:16px}.structure-empty{color:var(--muted);font-size:13px;padding:18px 6px;text-align:center}.structure-editor{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.structure-editor .panel-heading{grid-column:1 / -1;margin:0}.structure-editor>.button{align-self:end}@media(max-width:980px){.stats-grid,.dashboard-grid,.split-grid,.access-grid,.settings-grid,.structure-columns,.structure-editor{grid-template-columns:1fr}.structure-editor .panel-heading,.form-actions{grid-column:auto}.shell,.shell--expanded{grid-template-columns:1fr}.sidebar{display:none}.content{padding:18px}.topbar{padding:0 14px}.topbar-title{display:none}.tenant-switcher{grid-template-columns:minmax(0,1fr) 16px;margin-left:auto}.tenant-switcher span{display:none}.permission-list{grid-template-columns:1fr}}@media(max-width:680px){.page-heading{align-items:stretch;flex-direction:column}.stats-grid{gap:10px}.table-header{display:none}.table-row{grid-template-columns:1fr!important;gap:4px;align-items:start;padding:10px 14px;min-height:120px}.table-viewport{height:520px}.table-total-row{display:none}.table-pagination{justify-content:flex-start;flex-wrap:wrap}.table-toolbar{align-items:stretch;flex-direction:column}.table-export-actions .button{flex:1 1 0}}