.access-page{max-width:1500px;margin:0 auto}.access-hero{display:flex;gap:16px;align-items:center;margin-bottom:20px;padding:22px 26px;border-radius:18px;background:linear-gradient(135deg,#102c63,#183f82);color:#fff}.access-hero>span{display:grid;width:52px;height:52px;place-items:center;border-radius:15px;background:#ffffff1a}.access-hero svg{width:25px}.access-hero small{font-size:10px;font-weight:800;letter-spacing:2px;opacity:.75}.access-hero h1{margin:3px 0;font-size:26px}.access-hero p{margin:0;opacity:.8}.access-layout{display:grid;grid-template-columns:310px 1fr;gap:18px;align-items:start}.access-roles,.access-matrix{border:1px solid #d9e3f1;border-radius:17px;background:#fff;box-shadow:0 8px 26px rgba(25,55,100,.06)}.access-roles{padding:14px;position:sticky;top:90px}.access-roles h2{margin:4px 8px 12px;font-size:14px}.access-roles>a{display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center;margin:5px 0;padding:11px;border:1px solid transparent;border-radius:12px;color:#17345f;text-decoration:none}.access-roles>a:hover{background:#f5f8fc}.access-roles>a.active{border-color:#9bc4f7;background:#eef6ff}.access-roles>a>span{display:grid;width:36px;height:36px;place-items:center;border-radius:10px;background:#eef3f9}.access-roles svg{width:18px}.access-roles strong{display:block;font-size:13px}.access-roles small{display:-webkit-box;overflow:hidden;color:#7183a1;font-size:10px;line-height:1.35;-webkit-line-clamp:2;-webkit-box-orient:vertical}.access-roles b{padding:3px 6px;border-radius:6px;background:#e8f8f1;color:#078158;font-size:8px}.access-matrix{overflow:hidden}.access-matrix-heading{display:flex;justify-content:space-between;gap:20px;padding:22px 24px;border-bottom:1px solid #e3eaf4}.access-matrix-heading span{color:#7183a1;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:1.4px}.access-matrix-heading h2{margin:4px 0;font-size:22px}.access-matrix-heading p{margin:0;color:#617595;font-size:12px}.access-matrix-heading>strong{align-self:center;padding:7px 10px;border-radius:9px;background:#eaf8f2;color:#078158;font-size:11px;white-space:nowrap}.access-notice{display:flex;gap:12px;margin:16px 20px 0;padding:14px;border:1px solid #acdcca;border-radius:12px;background:#f0fbf7;color:#087653}.access-notice svg{width:20px}.access-notice strong{font-size:12px}.access-notice p{margin:3px 0 0;font-size:11px}.access-tools{display:flex;gap:8px;padding:16px 20px 8px}.access-tools button{padding:8px 11px;border:1px solid #cdd9e9;border-radius:9px;background:#fff;color:#274873;font-size:11px;font-weight:700}.access-tools input{min-width:240px;margin-left:auto;padding:8px 12px;border:1px solid #cdd9e9;border-radius:9px}.access-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:10px 20px 22px}.access-group{border:1px solid #dfe7f2;border-radius:13px;overflow:hidden}.access-group>header{display:flex;align-items:center;justify-content:space-between;padding:11px 13px;background:#f6f9fd}.access-group>header>div{display:flex;gap:8px;align-items:center}.access-group h3{margin:0;font-size:13px}.access-group header svg{width:16px;color:#28568f}.access-group header button{border:0;background:none;color:#3471b8;font-size:10px;font-weight:700}.access-group>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:#edf2f8}.access-group label{display:flex;gap:9px;min-height:48px;padding:10px;background:#fff;cursor:pointer}.access-group label:hover{background:#fbfdff}.access-group input{margin-top:2px;accent-color:#0aa878}.access-group label strong{display:block;color:#203c65;font-size:11px}.access-group label small{display:block;margin-top:2px;color:#7789a3;font-size:9px;line-height:1.35}.access-actions{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;border-top:1px solid #e3eaf4;background:#f9fbfe}.access-actions>span{color:#6e819f;font-size:10px}.access-actions>div{display:flex;gap:8px;align-items:center}.access-actions form{margin:0}.access-actions button{display:inline-flex;gap:7px;align-items:center}.access-actions svg{width:15px}@media(max-width:1000px){.access-layout{grid-template-columns:1fr}.access-roles{position:static;display:grid;grid-template-columns:repeat(2,1fr)}.access-roles h2{grid-column:1/-1}.access-groups{grid-template-columns:1fr}}@media(max-width:650px){.access-roles{grid-template-columns:1fr}.access-groups{padding:10px}.access-group>div{grid-template-columns:1fr}.access-matrix-heading,.access-actions{align-items:flex-start;flex-direction:column}.access-tools{flex-wrap:wrap}.access-tools input{width:100%;min-width:0;margin-left:0}}