:root{color:#172033;background:#f6f7f9;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select{font:inherit}.app-shell{min-height:100vh}.app-header{border-bottom:1px solid #d8dde8;background:#fff;padding:24px clamp(16px,4vw,48px)}.app-header h1,.home-panel h2,.auth-panel h2,.error-state h2{margin:0;letter-spacing:0}.app-header h1{font-size:clamp(1.5rem,1.2rem + 1vw,2rem);line-height:1.15}.eyebrow{margin:0 0 6px;color:#58667e;font-size:.78rem;font-weight:700;letter-spacing:0;text-transform:uppercase}.app-main{width:min(1280px,calc(100% - 32px));margin:0 auto;padding:24px 0}.home-panel{display:grid;gap:24px}.home-panel h2{font-size:1.25rem}.home-panel dl{display:grid;gap:16px;margin:0}.home-panel dl div{display:grid;gap:4px;border-bottom:1px solid #d8dde8;padding-bottom:16px}.home-panel dt{color:#58667e;font-size:.88rem;font-weight:700}.home-panel dd{margin:0;overflow-wrap:anywhere}.auth-panel{display:grid;max-width:1180px;gap:16px}.auth-panel h2{font-size:1.5rem}.auth-panel p{margin:0}.auth-panel button{width:fit-content;min-height:40px;border:1px solid #172033;border-radius:6px;background:#172033;color:#fff;cursor:pointer;padding:0 16px;font-weight:700}.auth-panel button:hover{background:#2d3a50}.auth-panel button:disabled{cursor:not-allowed;opacity:.65}.auth-panel .secondary-button{border-color:#b8c0cf;background:#fff;color:#172033}.auth-panel .secondary-button:hover{background:#edf1f6}.portal-session,.summary-row,.module-section,.module-placeholder{display:grid;gap:16px}.module-section h3,.module-placeholder h2{margin:0;letter-spacing:0}.summary-disclosure{display:grid;position:relative;max-width:420px;gap:8px}.summary-disclosure summary{display:flex;width:fit-content;min-height:34px;align-items:center;gap:10px;border:1px solid #b8c0cf;border-radius:6px;background:#fff;cursor:pointer;padding:0 12px;font-weight:700;list-style:none}.summary-disclosure summary::-webkit-details-marker{display:none}.summary-disclosure summary:after{content:"Show";color:#58667e;font-size:.78rem}.summary-disclosure[open] summary:after{content:"Hide"}.summary-disclosure[open]{z-index:5}.summary-disclosure[open]>:not(summary){position:absolute;top:calc(100% + 6px);left:0;width:min(420px,calc(100vw - 32px));max-height:320px;overflow:auto;border:1px solid #d8dde8;border-radius:6px;background:#fff;box-shadow:0 12px 32px #17203329;padding:12px}.summary-disclosure small{display:inline-flex;min-width:24px;min-height:24px;align-items:center;justify-content:center;border-radius:999px;background:#edf1f6;color:#58667e;font-size:.78rem}.account-details dl{display:grid;gap:8px;margin:0}.account-details dt{color:#58667e;font-size:.78rem;font-weight:700}.account-details dd{margin:0;overflow-wrap:anywhere}.role-explanations li{display:grid;gap:2px}.role-explanations strong{font-size:.86rem}.role-explanations span{color:#58667e}.summary-row{display:flex;flex-wrap:wrap;align-items:flex-start;gap:8px}.staff-identity-disclosure summary span{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.summary-row ul{display:grid;gap:6px;margin:0;padding-left:20px}.summary-row li{overflow-wrap:anywhere}.environment-badge{max-width:260px}.environment-badge p{margin:0;overflow-wrap:anywhere}.environment-badge summary{align-items:center}.environment-badge-local summary{border-left:4px solid #2f6fed}.environment-badge-dev summary{border-left:4px solid #2f6fed}.environment-badge-staging summary{border-left:4px solid #9a6a00}.environment-badge-production summary{border-left:4px solid #ba3a3a}.module-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.module-group{display:grid;gap:8px}.module-group h4{margin:0;color:#58667e;font-size:.88rem;letter-spacing:0}.home-dashboard{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}.home-primary{display:grid;gap:12px}.environment-safety,.capability-summary,.module-status-summary{border:1px solid #d8dde8;border-radius:6px;background:#fff}.environment-safety{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;border-left:4px solid #58667e;padding:10px 12px}.environment-safety-dev{border-left-color:#2f6fed}.environment-safety-staging{border-left-color:#9a6a00}.environment-safety-production{border-left-color:#ba3a3a}.environment-safety span{color:#58667e}.capability-summary{display:grid;gap:8px;padding:12px}.capability-summary h3{margin:0;font-size:1rem;letter-spacing:0}.capability-summary ul{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}.capability-summary li{border-radius:999px;background:#edf1f6;color:#172033;padding:4px 8px;font-size:.82rem;font-weight:700}.module-status-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1px;overflow:hidden;background:#d8dde8}.module-status-summary div{display:grid;gap:2px;background:#fff;padding:10px 12px}.module-status-summary strong{font-size:1.25rem}.module-status-summary span{color:#58667e;font-size:.82rem;font-weight:700}.home-section{display:grid;align-content:start;gap:12px}.home-section h3{margin:0;letter-spacing:0}.activity-list{display:grid;gap:8px;margin:0;padding-left:20px}.activity-list li{padding-left:4px}.activity-list strong,.activity-list span,.activity-list small{display:block}.activity-list small{color:#58667e}.audit-notice{display:grid;max-width:none;gap:4px;border-left:4px solid #58667e;background:#fff;padding:12px}.audit-notice strong{font-size:.92rem}.audit-notice span{color:#58667e}.auth-panel .module-button{display:grid;width:100%;min-height:86px;align-content:start;justify-items:start;gap:6px;border-color:#c5ccda;background:#fff;color:#172033;padding:12px;text-align:left}.auth-panel .module-button:hover{border-color:#172033;background:#f9fafc}.auth-panel .module-button:disabled{cursor:not-allowed;opacity:1}.auth-panel .module-button-locked{border-style:dashed;background:#f4f6f9;color:#58667e}.auth-panel .module-button-locked:hover{border-color:#c5ccda;background:#f4f6f9}.module-button span{font-weight:800}.module-button small,.module-button em{color:#58667e;line-height:1.3}.module-count{display:inline-flex;width:fit-content;min-height:24px;align-items:center;border-radius:6px;background:#edf1f6;color:#172033;padding:2px 8px;font-size:.78rem}.module-button em{font-size:.8rem;font-style:normal;font-weight:700}.state-text{color:#58667e}.error-text{color:#ba3a3a}.success-text{color:#1d6f42}.error-state{border-left:4px solid #ba3a3a;background:#fff;padding:16px}.error-state p{margin:8px 0 0}.confirmation-backdrop{position:fixed;inset:0;z-index:20;display:grid;place-items:center;background:#1720335c;padding:16px}.confirmation-dialog{display:grid;width:min(520px,100%);gap:14px;border:1px solid #c5ccda;border-radius:6px;background:#fff;padding:18px;box-shadow:0 24px 60px #1720333d}.confirmation-dialog h3,.confirmation-dialog p{margin:0;letter-spacing:0}.confirmation-dialog label{display:grid;gap:8px;color:#58667e;font-size:.88rem;font-weight:700}.confirmation-dialog textarea{border:1px solid #b8c0cf;border-radius:6px;color:#172033;padding:10px 12px;resize:vertical}.confirmation-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.reviewers-panel,.staff-roles-panel,.staff-identities-panel,.community-policy-panel,.account-moderation-panel,.account-lifecycle-panel,.content-moderation-panel,.live-sessions-panel,.product-feedback-panel,.reports-panel,.release-controls-panel,.audit-logs-panel{display:grid;gap:20px}.reviewers-panel h2,.staff-roles-panel h2,.staff-identities-panel h2,.community-policy-panel h2,.account-moderation-panel h2,.account-lifecycle-panel h2,.content-moderation-panel h2,.live-sessions-panel h2,.product-feedback-panel h2,.reports-panel h2,.release-controls-panel h2,.audit-logs-panel h2,.detail-panel h3{margin:0;font-size:1.35rem;letter-spacing:0}.product-feedback-panel label,.reports-panel label,.audit-filter-form label{color:#58667e;font-size:.88rem;font-weight:700}.panel-heading{display:flex;flex-wrap:wrap;gap:8px}.search-form{display:grid;gap:8px}.search-form label{color:#58667e;font-size:.88rem;font-weight:700}.search-form div{display:flex;flex-wrap:wrap;gap:8px}.search-form input{min-height:40px;min-width:min(280px,100%);border:1px solid #b8c0cf;border-radius:6px;padding:0 12px}.audit-filter-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));align-items:end;gap:12px}.audit-filter-form label{display:grid;gap:8px}.audit-filter-form input,.audit-filter-form select{min-height:40px;border:1px solid #b8c0cf;border-radius:6px;padding:0 12px;background:#fff}.moderation-form{display:grid;max-width:560px;gap:8px}.moderation-form label{color:#58667e;font-size:.88rem;font-weight:700}.moderation-form input,.moderation-form select,.moderation-form textarea,.release-controls-form input[type=text],.release-controls-form textarea{border:1px solid #b8c0cf;border-radius:6px;background:#fff;padding:10px 12px}.moderation-form textarea,.release-controls-form textarea{resize:vertical}.release-controls-form{display:grid;max-width:640px;gap:16px}.release-controls-form label,.release-control-group{display:grid;gap:8px}.release-controls-form label,.release-control-group h3{color:#58667e;font-size:.88rem;font-weight:700}.release-control-group h3{margin:0;letter-spacing:0}.release-controls-form input[type=text],.release-controls-form textarea{color:#172033;font-weight:400}.toggle-row{display:flex;width:fit-content;align-items:center;gap:8px}.toggle-row input{width:18px;height:18px}.compact-select{width:fit-content;min-height:36px;border:1px solid #b8c0cf;border-radius:6px;background:#fff;padding:0 10px}.feedback-filter-row{display:flex;flex-wrap:wrap;gap:12px}.feedback-filter-row label,.triage-control label{display:grid;gap:8px}.feedback-filter-row select,.triage-control select,.triage-control textarea{border:1px solid #b8c0cf;border-radius:6px;background:#fff;padding:10px 12px}.feedback-filter-row select,.triage-control select{min-height:40px}.triage-control{display:grid;max-width:520px;gap:12px}.triage-control textarea{resize:vertical}.split-panel{display:grid;grid-template-columns:minmax(0,1fr);gap:20px}.detail-panel{display:grid;gap:12px;border-top:1px solid #d8dde8;padding-top:16px}.detail-panel dl{display:grid;gap:10px;margin:0}.detail-panel dt{color:#58667e;font-size:.82rem;font-weight:700}.detail-panel dd{margin:0;overflow-wrap:anywhere}.detail-panel pre{overflow:auto;max-height:260px;border:1px solid #d8dde8;border-radius:6px;background:#fff;padding:12px;font-size:.85rem}.decision-control{display:flex;flex-wrap:wrap;align-items:end;gap:8px}.decision-control label{flex-basis:100%}.decision-control select{min-height:40px;border:1px solid #b8c0cf;border-radius:6px;background:#fff;padding:0 10px}.auth-panel .link-button{min-height:0;border:0;background:transparent;color:#1f4f8f;padding:0;text-align:left}.auth-panel .link-button:hover{background:transparent;color:#172033}.role-detail-panel,.role-list-section,.role-grant-panel{display:grid;gap:12px}.role-detail-panel h3,.role-detail-panel h4{margin:0;letter-spacing:0}.role-list{display:grid;max-width:560px;gap:8px;margin:0;padding:0;list-style:none}.role-list li{display:flex;min-height:48px;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;border:1px solid #d8dde8;border-radius:6px;background:#fff;padding:8px 10px}.role-list span{overflow-wrap:anywhere;font-weight:700}.role-grant-panel{max-width:560px}.role-grant-panel label{display:grid;gap:8px}.moderation-actions{display:flex;flex-wrap:wrap;gap:8px}.role-grant-panel select,.role-grant-panel textarea{border:1px solid #b8c0cf;border-radius:6px;background:#fff;padding:10px 12px}.role-grant-panel select{min-height:40px}.role-grant-panel textarea{resize:vertical}.table-wrap{display:grid;gap:12px;overflow-x:auto}table{width:100%;min-width:520px;border-collapse:collapse;background:#fff}.wide-table{min-width:760px}th,td{border-bottom:1px solid #d8dde8;padding:12px;text-align:left;vertical-align:top}th{color:#58667e;font-size:.82rem;font-weight:700}td{overflow-wrap:anywhere}.muted-cell{color:#58667e}@media(min-width:980px){.home-dashboard{grid-template-columns:minmax(0,1fr) 280px;align-items:start}.home-section{position:sticky;top:16px}}@media(max-width:600px){.app-main{width:min(100% - 24px,1280px);padding:16px 0 24px}.summary-row{display:grid;grid-template-columns:minmax(0,1fr)}.summary-disclosure,.summary-disclosure summary{max-width:100%;width:100%}.summary-disclosure[open]>:not(summary){width:100%}.audit-filter-form{grid-template-columns:minmax(0,1fr)}.audit-filter-form button,.panel-heading button{width:100%}th,td{padding:10px 8px}}
