:root{color:#18211e;font-synthesis:none;text-rendering:optimizelegibility;background:#eef2ef;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{background:#eef2ef;min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer}.page-shell{width:min(1480px,100vw - 36px);margin:0 auto;padding:32px 0 48px}.login-page{place-items:center;min-height:100vh;display:grid}.login-panel,.create-section,.groups-shell{background:#fbfcfb;border:1px solid #d4ddd7;border-radius:8px;box-shadow:0 18px 40px #19262014}.login-panel{width:min(440px,100%);padding:28px}.top-bar{border-bottom:1px solid #d4ddd7;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:18px;padding:22px 0 14px;display:flex}.top-actions,.section-heading,.profile-heading,.group-card-head,.group-card-footer,.pill-row,.summary-row,.template-row,.toggle-box,.check-line{align-items:center;display:flex}.top-actions{gap:10px}.eyebrow{color:#557064;letter-spacing:0;text-transform:uppercase;margin:0 0 7px;font-size:12px;font-weight:800}h1,h2,h3,h4,p{margin:0}h1{font-size:32px;line-height:1.1}h2{font-size:20px;line-height:1.2}h3{font-size:18px;line-height:1.2}h4{font-size:18px;line-height:1.25}.header-copy,.login-copy{color:#5d6e66;margin-top:8px;font-size:14px;line-height:1.6}.login-form{gap:14px;margin-top:22px;display:grid}.create-section,.groups-shell{gap:18px;margin-top:18px;padding:18px;display:grid}.matrix-shell{gap:0;padding:0;overflow:hidden}.matrix-shell .section-heading{padding:18px}.matrix-caption{color:#60716a;font-size:13px;font-weight:800}.section-heading,.profile-heading,.group-card-head,.group-card-footer{justify-content:space-between;gap:16px}.create-grid,.control-grid{gap:12px;display:grid}.create-grid{grid-template-columns:minmax(120px,.7fr) minmax(160px,1fr) minmax(170px,1fr) minmax(220px,2fr) auto;align-items:end}.control-grid{grid-template-columns:repeat(5,minmax(140px,1fr))}.field{gap:6px;display:grid}.field>span{color:#5c6c65;font-size:12px;font-weight:800}.field input,.field select{color:#18211e;background:#fff;border:1px solid #cbd7d0;border-radius:6px;outline:none;width:100%;min-height:42px;padding:0 11px}.field input:focus,.field select:focus{border-color:#2f806d;box-shadow:0 0 0 3px #2f806d24}.wide{min-width:0}.notes-field{grid-column:span 3}.primary-button,.ghost-button,.template-button{border:1px solid #0000;border-radius:6px;min-height:40px;font-weight:800}.primary-button{color:#fff;background:#17201d;padding:0 18px}.ghost-button,.template-button{color:#1c2824;background:#fff;border-color:#cbd7d0;padding:0 13px}.ghost-button.danger{color:#9d2b22}.create-button{white-space:nowrap}.status{color:#164936;background:#eaf7f1;border:1px solid #b7d8ca;border-radius:8px;margin-top:14px;padding:12px 14px;font-weight:700}.status.error{color:#9d2b22;background:#fff1ef;border-color:#efc2bd}.profile-section{gap:12px;display:grid}.profile-heading{padding:8px 0 0}.profile-heading span{color:#65756e;font-size:13px;font-weight:800}.group-grid{gap:14px;display:grid}.group-card{background:#fff;border:1px solid #d4ddd7;border-radius:8px;gap:14px;padding:16px;display:grid}.group-id{color:#60736a;margin-bottom:4px;font-size:12px;font-weight:800}.pill-row,.summary-row,.template-row,.toggle-box{flex-wrap:wrap;gap:8px}.pill,.summary-row span{color:#40594f;background:#edf3f0;border-radius:999px;align-items:center;min-height:28px;padding:0 10px;font-size:12px;font-weight:800;display:inline-flex}.pill.strong{color:#fff;background:#17201d}.summary-row span{background:#f4f7f5}.warning-box{color:#74511a;background:#fff8e5;border:1px solid #e5c173;border-radius:8px;gap:6px;padding:10px 12px;font-size:13px;line-height:1.5;display:grid}.template-button{min-height:32px;font-size:12px}.toggle-box{align-content:end;min-height:64px}.check-line{color:#25332e;gap:8px;min-height:34px;font-size:13px;font-weight:800}.check-line input{accent-color:#17201d;width:16px;height:16px}.group-card-footer{color:#64746d;padding-top:4px;font-size:13px}.matrix-scroll{border-top:1px solid #d4ddd7;min-height:320px;max-height:calc(100vh - 318px);overflow:auto}.private-matrix-scroll{min-height:0;max-height:220px}.permission-table{border-collapse:separate;border-spacing:0;width:max(2260px,100%);font-size:13px}.private-permission-table{width:max(1120px,100%)}.permission-table th,.permission-table td{vertical-align:middle;border-bottom:1px solid #dce4df;border-right:1px solid #dce4df;padding:8px}.permission-table th{z-index:3;color:#40564e;text-align:center;white-space:nowrap;background:#edf3f0;height:36px;min-height:42px;font-size:12px;font-weight:900;position:sticky;top:0}.permission-table .feature-row th{top:42px}.permission-table .feature-category{color:#1f3f34;background:#e3ebe7;font-size:12px}.permission-table td{background:#fff;height:68px}.permission-table tr:nth-child(2n) td{background:#fbfcfb}.permission-table tr.has-warning td{background:#fffaf0}.permission-table tr.is-disabled td{color:#68766f;background:#f4f6f3}.permission-table .sticky-col{z-index:2;border-left:0;min-width:154px;position:sticky;left:0;box-shadow:1px 0 #dce4df}.permission-table th.sticky-col{z-index:5}.group-cell{min-width:154px}.group-cell strong{color:#16211d;margin-bottom:4px;font-size:14px;display:block}.group-cell span{color:#6c7a73;white-space:nowrap;font-size:11px;display:block}.matrix-input,.matrix-select{color:#18211e;background:#fff;border:1px solid #cbd7d0;border-radius:6px;outline:none;min-height:34px}.matrix-input{padding:0 9px}.matrix-select{padding:0 7px}.matrix-input:focus,.matrix-select:focus{border-color:#2f806d;box-shadow:0 0 0 3px #2f806d24}.name-input{width:180px}.profile-select{width:150px}.mode-select,.template-select{width:128px}.notes-input{width:270px}.toggle-cell,.save-cell{text-align:center;white-space:nowrap;min-width:72px}.matrix-check{color:#53665e;background:#fff;border:1px solid #cbd7d0;border-radius:6px;justify-content:center;align-items:center;gap:6px;min-width:58px;height:32px;padding:0 8px;font-size:12px;font-weight:900;display:inline-flex}.matrix-check input{accent-color:#17201d;width:15px;height:15px;margin:0}.matrix-check.is-on{color:#153d2e;background:#e9f4ef;border-color:#799c8d}.matrix-check.special.is-on{color:#263d78;background:#edf2ff;border-color:#7b91c8}.matrix-check.danger.is-on{color:#9d2b22;background:#fff1ef;border-color:#d08b84}.status-cell{min-width:260px}.summary-row.compact{gap:5px}.summary-row.compact span{min-height:24px;padding:0 8px;font-size:11px}.warning-inline{color:#78521d;gap:4px;margin-top:6px;font-size:12px;line-height:1.45;display:grid}.matrix-save-button{min-width:64px;min-height:34px;padding:0 12px}@media (width<=980px){.top-bar{display:grid}.create-grid,.control-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.notes-field{grid-column:span 2}.matrix-shell .section-heading{align-items:start;display:grid}}@media (width<=620px){.page-shell{width:min(100vw - 20px,1480px);padding-top:18px}.create-grid,.control-grid{grid-template-columns:1fr}.notes-field{grid-column:span 1}.group-card-head,.group-card-footer{display:grid}.top-actions{width:100%}.top-actions .ghost-button{flex:1}}