:root{color:#20252e;background:#f5f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px}*{box-sizing:border-box}body{background:linear-gradient(#ffffffe6,#f5f7fbf2),#f5f7fb;min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer;border:0;border-radius:6px;min-height:42px;padding:0 14px;font-weight:700}button:disabled{cursor:not-allowed;opacity:.62}a{color:#3157a4;font-weight:700;text-decoration:none}a:hover{text-decoration:underline}.center-screen{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.auth-page{grid-template-columns:minmax(0,1fr) minmax(320px,440px);min-height:100vh;display:grid}.auth-intro{color:#fff;background:#20252e;align-content:center;gap:20px;padding:clamp(32px,6vw,72px);display:grid}.auth-intro h1{letter-spacing:0;max-width:760px;margin:0;font-size:clamp(2rem,5vw,4.2rem);line-height:1}.auth-intro p{color:#d8e0e8;max-width:620px;margin:0;font-size:1.05rem;line-height:1.6}.auth-panel{align-content:center;padding:24px;display:grid}.form-panel{background:#fff;border:1px solid #d9e1ea;border-radius:8px;gap:18px;padding:28px;display:grid;box-shadow:0 18px 45px #20252e1f}.form-panel h2,.page-title h1{letter-spacing:0;margin:0;font-size:1.65rem;line-height:1.15}.muted{color:#5f6977;margin:0;line-height:1.55}.field{gap:7px;display:grid}.field span,.field label{color:#344052;font-size:.92rem;font-weight:700}.field input,.field select{color:#20252e;background:#fff;border:1px solid #c8d2df;border-radius:6px;width:100%;min-height:44px;padding:0 12px}.field input:focus,.field select:focus,button:focus-visible,a:focus-visible{outline-offset:2px;outline:3px solid #3157a459}.field-error,.error-message{color:#9d2a2a;margin:0;font-size:.9rem;line-height:1.4}.notice,.success-message{color:#175c3f;background:#e9f7ef;border:1px solid #b7dec7;border-radius:6px;margin:0;padding:12px;line-height:1.45}.error-message{background:#fff0f0;border:1px solid #efb4b4;border-radius:6px;padding:12px}.primary-button{color:#fff;background:#187a55}.secondary-button{color:#20252e;background:#e9eef5}.danger-button{color:#fff;background:#9d2a2a}.app-shell{grid-template-columns:248px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{color:#fff;background:#20252e;flex-direction:column;gap:24px;padding:24px;display:flex}.brand{gap:4px;display:grid}.brand strong{font-size:1.2rem}.brand span,.user-summary{color:#c4ced9;font-size:.92rem}.nav-list{gap:8px;display:grid}.nav-list a{color:#fff;border-radius:6px;padding:10px 12px}.nav-list a.active{background:#3157a4;text-decoration:none}.sidebar-footer{gap:12px;margin-top:auto;display:grid}.content{gap:24px;padding:clamp(20px,4vw,40px);display:grid}.page-title{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:12px;display:flex}.panel{background:#fff;border:1px solid #d9e1ea;border-radius:8px;padding:22px}.create-grid{grid-template-columns:repeat(4,minmax(140px,1fr)) auto;gap:14px;display:grid}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:760px}th,td{text-align:left;vertical-align:middle;border-bottom:1px solid #e4e9ef;padding:14px 10px}th{color:#5f6977;letter-spacing:0;text-transform:uppercase;font-size:.82rem}.actions{flex-wrap:wrap;gap:8px;display:flex}.status{text-transform:capitalize;border-radius:999px;padding:7px 10px;font-size:.84rem;font-weight:800;line-height:1;display:inline-flex}.status-active{color:#175c3f;background:#e9f7ef}.status-invited{color:#8b520f;background:#fff3df}.status-disabled{color:#5f6977;background:#f0f1f4}@media (width<=860px){.auth-page,.app-shell{grid-template-columns:1fr}.auth-intro{min-height:34vh}.sidebar{position:static}.create-grid{grid-template-columns:1fr}}