:root{color:#172033;background:#f4f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}a{color:inherit;text-decoration:none}button,input{font:inherit}.login-page{align-items:center;background:linear-gradient(120deg,#0a2940de,#125472b8),url(https://images.unsplash.com/photo-1551288049-bebda4e38f71?auto=format&fit=crop&w=1800&q=80);background-position:center;background-size:cover;display:flex;min-height:100vh;padding:32px}.login-panel{color:#fff;max-width:520px}.login-panel h1{font-size:44px;line-height:1.05;margin:20px 0 14px}.login-panel p{color:#ffffffd1;font-size:17px;line-height:1.65;margin:0 0 24px}.brand-mark{align-items:center;background:#13b58f;border-radius:8px;color:#05221d;display:inline-flex;font-weight:800;height:40px;justify-content:center;width:40px}.primary-action,.secondary-action,.icon-button{align-items:center;border:0;border-radius:8px;cursor:pointer;display:inline-flex;gap:8px;justify-content:center}.primary-action{background:#fff;color:#102033;font-weight:700;min-height:44px;padding:0 18px}.login-host{color:#ffffffad;display:block;font-size:13px;margin-top:16px}.app-shell{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:100vh}.app-shell.is-collapsed{grid-template-columns:78px minmax(0,1fr)}.sidebar{background:#101926;color:#dfe8f3;min-width:0;padding:18px 14px}.sidebar-brand{align-items:center;display:flex;gap:12px;margin-bottom:22px;min-height:44px}.sidebar-brand strong,.sidebar-brand span{display:block}.sidebar-brand span{color:#91a2b6;font-size:13px}.is-collapsed .sidebar-brand div:last-child,.is-collapsed .sidebar nav span{display:none}.sidebar nav{display:grid;gap:6px}.sidebar nav a{align-items:center;border-radius:8px;color:#aebdcb;display:flex;gap:10px;min-height:40px;padding:0 11px}.sidebar nav a.active,.sidebar nav a:hover{background:#1f3145;color:#fff}.workspace{min-width:0}.topbar{align-items:center;background:#fff;border-bottom:1px solid #dbe3ec;display:flex;gap:16px;min-height:68px;padding:0 24px}.icon-button{background:#edf2f7;color:#253447;height:38px;width:38px}.search-box{align-items:center;background:#f4f7fb;border:1px solid #dce5ef;border-radius:8px;display:flex;flex:1;gap:8px;max-width:560px;min-height:40px;padding:0 12px}.search-box input{background:transparent;border:0;color:#172033;min-width:0;outline:0;width:100%}.user-chip{align-items:center;display:flex;gap:10px;margin-left:auto}.page{padding:28px}.page-header{align-items:flex-start;display:flex;gap:20px;justify-content:space-between;margin-bottom:24px}.page-header h1{font-size:28px;line-height:1.15;margin:0 0 6px}.page-header p{color:#5f6f82;margin:0}.secondary-action{background:#fff;border:1px solid #d9e2ec;color:#1d2d3f;min-height:38px;padding:0 12px}.metric-grid{display:grid;gap:16px;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:18px}.metric-card,.panel{background:#fff;border:1px solid #dce4ed;border-radius:8px}.metric-card{display:grid;gap:8px;min-height:148px;padding:18px}.metric-card svg{color:#11836d}.metric-card span,.metric-card small{color:#617184}.metric-card strong{font-size:30px}.content-grid{display:grid;gap:16px;grid-template-columns:1.15fr .85fr}.panel{overflow:hidden}.panel>header{border-bottom:1px solid #e1e8f0;padding:16px 18px}.panel h2{font-size:16px;margin:0}.service-list,.tenant-list{display:grid}.service-row,.tenant-row{align-items:center;border-bottom:1px solid #eef2f6;display:grid;gap:16px;min-height:68px;padding:0 18px}.service-row{grid-template-columns:minmax(0,1fr) 120px 80px}.tenant-row{grid-template-columns:28px minmax(0,1fr) 80px}.service-row:last-child,.tenant-row:last-child{border-bottom:0}.service-row span,.tenant-row span{color:#607184;font-size:13px}.service-row strong,.tenant-row strong{display:block}.status{border-radius:999px;font-weight:700;justify-self:start;padding:5px 10px}.status.healthy{background:#dff7ed;color:#08614e}.status.degraded{background:#fff0d6;color:#8a5a00}.empty-state{align-items:center;color:#526174;display:grid;justify-items:center;min-height:360px;padding:32px;text-align:center}.empty-state h2{color:#172033;margin:14px 0 6px}.empty-state p{margin:0 0 18px;max-width:440px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:980px){.app-shell,.app-shell.is-collapsed{grid-template-columns:1fr}.sidebar{display:none}.metric-grid,.content-grid{grid-template-columns:1fr}.page-header,.topbar{align-items:stretch;flex-wrap:wrap}}.alert{align-items:center;border-radius:8px;display:flex;gap:8px;margin-bottom:16px;padding:12px 14px}.alert.error{background:#fff1f1;border:1px solid #f4c7c7;color:#8f1d1d}.panel>header{align-items:center;display:flex;gap:12px;justify-content:space-between}.panel-count,.pill{background:#edf4fb;border:1px solid #d7e4ef;border-radius:999px;color:#38536c;font-size:12px;font-weight:700;padding:4px 9px}.status.inactive{background:#eef2f6;color:#617184}.split-layout{display:grid;gap:16px;grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr)}.permission-layout{grid-template-columns:minmax(260px,.52fr) minmax(0,1.48fr)}.access-layout{grid-template-columns:minmax(300px,.68fr) minmax(0,1.32fr)}.stack{display:grid;gap:16px}.entity-list{display:grid;max-height:calc(100vh - 220px);overflow:auto}.entity-row{align-items:center;background:#fff;border:0;border-bottom:1px solid #eef2f6;color:#172033;cursor:pointer;display:grid;gap:12px;grid-template-columns:minmax(0,1fr) auto;min-height:70px;padding:12px 16px;text-align:left}.entity-row:hover,.entity-row.selected{background:#f3f8fb}.entity-row.selected{box-shadow:inset 3px 0 #13b58f}.entity-row strong,.summary-row strong{display:block;overflow-wrap:anywhere}.entity-row span,.summary-row span,.muted{color:#617184;font-size:13px}.summary-list{display:grid}.summary-row{align-items:center;border-bottom:1px solid #eef2f6;display:grid;gap:12px;grid-template-columns:28px minmax(0,1fr) auto;min-height:64px;padding:10px 16px}.summary-row:last-child{border-bottom:0}.detail-grid{display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr));padding:18px}.detail-grid.small{grid-template-columns:repeat(4,minmax(0,1fr))}.detail-grid>div{min-width:0}.label{color:#66778a;display:block;font-size:12px;font-weight:700;margin-bottom:5px;text-transform:uppercase}code{background:#f2f6fa;border:1px solid #dce5ef;border-radius:6px;display:inline-block;max-width:100%;overflow-wrap:anywhere;padding:4px 6px}.credential-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.credential-row code{flex:1 1 220px}.muted-small{color:#637083;display:inline-block;font-size:12px;margin-top:6px}.chip-list{display:flex;flex-wrap:wrap;gap:6px}.chip{background:#f0f7f5;border:1px solid #cfe9e2;border-radius:999px;color:#0d6755;font-size:12px;font-weight:700;max-width:100%;overflow-wrap:anywhere;padding:4px 8px}.form-grid{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr));padding:18px}.service-form{display:grid;gap:14px;padding:16px}.form-section{border:1px solid #e1e8f0;border-radius:8px;display:grid;gap:14px;padding:14px}.form-section>header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.form-section h3{font-size:15px;margin:0 0 3px}.form-section header span{color:#66778a;font-size:12px}.compact-grid{padding:0}.form-grid label{display:grid;gap:6px}.form-grid label>span{color:#4f6073;font-size:13px;font-weight:700}.form-grid input,.form-grid textarea,.form-grid select,.list-editor input,.page-search input{background:#fff;border:1px solid #d8e2ec;border-radius:8px;color:#172033;min-height:40px;outline:0;padding:8px 10px;width:100%}.form-grid select{-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-grid textarea{min-height:72px;resize:vertical}.form-grid .wide{grid-column:1 / -1}.check-row{align-items:center;display:flex!important;gap:10px!important}.check-row input,.permission-item input{height:16px;width:16px}.primary-action.dark{background:#102033;color:#fff;grid-column:1 / -1}.service-form>.primary-action.dark{justify-self:end}.service-check{align-self:end;min-height:40px}.list-editor{display:grid;gap:8px}.list-editor-head{align-items:center;display:flex;justify-content:space-between}.list-editor-head>span{color:#4f6073;font-size:13px;font-weight:700}.list-editor-rows{display:grid;gap:8px}.list-editor-row{display:grid;gap:8px;grid-template-columns:minmax(0,1fr) 34px}.icon-button.compact{height:34px;width:34px}.mini-action,.preset-button{align-items:center;background:#f7fafc;border:1px solid #d8e2ec;border-radius:8px;color:#30445a;cursor:pointer;display:inline-flex;font-size:12px;font-weight:700;gap:6px;min-height:30px;padding:0 9px}.preset-row{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.danger-text{color:#9f1d1d}.top-divider{border-top:1px solid #e4ebf2;margin-top:4px}.catalog-grid{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-workspace{border:1px solid #e1e8f0;border-radius:8px;display:grid;gap:12px;min-width:0;padding:14px}.catalog-head{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.catalog-head h3{font-size:15px;margin:0 0 3px}.catalog-head span{color:#66778a;font-size:12px}.catalog-search{margin:0;max-width:none}.catalog-list{border:1px solid #e1e8f0;border-radius:8px;display:grid;max-height:430px;overflow:auto}.compact-list{max-height:330px}.catalog-row{align-items:center;border-bottom:1px solid #eef2f6;display:grid;gap:12px;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) auto;min-height:64px;padding:10px 12px}.catalog-row:last-child{border-bottom:0}.catalog-row strong,.catalog-row span{display:block;overflow-wrap:anywhere}.catalog-row strong{font-size:14px}.catalog-row span,.catalog-meta span{color:#66778a;font-size:12px}.catalog-meta{display:flex;flex-wrap:wrap;gap:6px}.catalog-meta span{background:#f6f9fc;border:1px solid #dfe8f1;border-radius:999px;padding:4px 8px}.catalog-form{padding:0}.form-actions{align-items:center;display:flex;gap:10px;justify-content:flex-end}.permission-groups{display:grid;gap:14px;max-height:calc(100vh - 222px);overflow:auto;padding:16px}.permission-group{border:1px solid #e0e8f0;border-radius:8px;overflow:hidden}.permission-group>header{align-items:center;background:#f6f9fc;border-bottom:1px solid #e0e8f0;display:flex;justify-content:space-between;padding:12px 14px}.permission-group h3,.module-block h3{font-size:14px;margin:0}.permission-group header span{color:#66778a;font-size:12px;font-weight:700}.permission-list,.role-check-grid{display:grid}.role-check-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:14px}.permission-item{align-items:center;border-bottom:1px solid #eef2f6;color:#172033;display:grid;gap:10px;grid-template-columns:auto minmax(0,1fr) auto;min-height:58px;padding:10px 12px}.permission-item:last-child{border-bottom:0}.permission-item strong,.permission-item span{display:block;overflow-wrap:anywhere}.permission-item span{color:#66778a;font-size:12px}.page-search{align-items:center;background:#fff;border:1px solid #d8e2ec;border-radius:8px;display:flex;gap:8px;margin-bottom:16px;max-width:520px;padding:0 12px}.page-search input{border:0;padding-left:0}.panel-search{margin:12px 16px;max-width:none}.access-preview{display:grid;gap:16px;padding:16px}.access-summary{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.access-summary>div{background:#f7fafc;border:1px solid #e1e8f0;border-radius:8px;padding:12px}.access-summary strong{display:block;font-size:24px}.module-list{display:grid;gap:10px}.module-block{border-top:1px solid #e7edf3;display:grid;gap:8px;padding-top:12px}.module-block div{display:flex;flex-wrap:wrap;gap:6px}.page-pill{border-radius:999px;font-size:12px;font-weight:700;max-width:100%;overflow-wrap:anywhere;padding:5px 8px}.page-pill.allowed{background:#e1f7ec;color:#08614e}.page-pill.blocked{background:#f1f4f7;color:#67788a}.empty-state.compact{min-height:190px}@media(max-width:1120px){.split-layout,.permission-layout,.access-layout,.detail-grid.small,.catalog-grid,.role-check-grid,.access-summary{grid-template-columns:1fr}.entity-list,.permission-groups{max-height:none}}