:root{--ink:#253247;--muted:#6f7d91;--navy:#1d3557;--cream:#f6f2e9;--orange:#f49a50}*{box-sizing:border-box}body,html{background:#f7f8f4}body{margin:0;color:var(--ink);font-family:Inter,ui-rounded,Avenir Next,system-ui,-apple-system,sans-serif}button,input,select,textarea{font:inherit}button{color:inherit}.access-page,.portal-page{min-height:100vh;background:#f7f8f4;color:var(--ink)}.access-header,.portal-topbar{min-height:72px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;gap:28px;background:rgba(255,255,255,.96);border-bottom:1px solid #e6e8e3}.portal-brand{display:flex;align-items:center;gap:10px;color:var(--navy);text-decoration:none;white-space:nowrap}.portal-brand>span{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:var(--navy);color:white;font:800 21px Georgia,serif;transform:rotate(-3deg)}.portal-brand strong{font-size:17px}.portal-topbar nav{align-self:stretch;display:flex;align-items:center;gap:24px}.portal-topbar nav a{height:100%;display:flex;align-items:center;position:relative;color:#748094;text-decoration:none;font-size:12px;font-weight:750}.portal-topbar nav a.active{color:var(--navy)}.portal-topbar nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--orange)}.portal-user{display:flex;align-items:center;gap:9px;white-space:nowrap}.portal-user>span{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#f0c9a8;color:#6f402d;font-size:11px;font-weight:850}.portal-user div{display:flex;flex-direction:column}.portal-user strong{font-size:11px}.portal-user small{color:var(--muted);font-size:9px}.portal-user a{margin-left:6px;color:#7d8794;font-size:10px}.portal-content,.portal-heading{width:min(1180px,calc(100% - 40px));margin:0 auto}.portal-heading{padding:52px 0 30px}.access-hero>p,.panel-label,.portal-heading>p,.real-access-card span,.role-card>span{margin:0 0 8px;color:#d16d35;font-size:9px;font-weight:900;letter-spacing:.13em}.access-hero h1,.portal-heading h1{max-width:820px;margin:0;font:700 clamp(34px,5vw,58px)/1.02 Georgia,serif;letter-spacing:-.03em}.access-hero>span,.portal-heading>span{display:block;max-width:700px;margin-top:12px;color:var(--muted);font-size:14px;line-height:1.55}.portal-content{padding-bottom:80px}.portal-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-gap:16px;gap:16px}.portal-panel{grid-column:span 4;padding:22px;border:1px solid #e4e6e1;border-radius:14px;background:white;box-shadow:0 7px 24px rgba(37,50,71,.04)}.portal-panel.wide{grid-column:span 8}.portal-panel.full{grid-column:1/-1}.portal-panel h2{margin:0 0 8px;font:700 20px Georgia,serif}.portal-panel>p{color:var(--muted);font-size:12px;line-height:1.55}.metric{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.metric strong{font:700 38px Georgia,serif}.metric span{color:#66a36f;font-size:10px;font-weight:800}.portal-table{width:100%;border-collapse:collapse;margin-top:16px}.portal-table td,.portal-table th{padding:11px 8px;border-bottom:1px solid #eceee9;text-align:left;font-size:11px}.portal-table th{color:#87909e;font-size:8px;letter-spacing:.1em;text-transform:uppercase}.status-pill{display:inline-flex;align-items:center;gap:6px;border-radius:20px;padding:5px 9px;background:#eff5ed;color:#52795a;font-size:9px;font-weight:800}.status-pill.pending{background:#fff4dc;color:#9b6c2e}.status-pill.offline{background:#f4e9e9;color:#9a6060}.action-list{display:grid;grid-gap:8px;gap:8px;margin-top:14px}.action-list a,.action-list button{width:100%;border:1px solid #e6e7e3;border-radius:9px;background:#fafbf8;padding:11px 12px;color:var(--navy);text-align:left;text-decoration:none;font-size:11px;font-weight:750}.action-list button:disabled{color:#9ba1aa}.permission-chips,.role-permissions{display:flex;flex-wrap:wrap;gap:5px}.permission-chips span,.role-permissions span{border-radius:999px;padding:5px 8px;background:#eef2f5;color:#536477;font-size:8px;font-weight:750}.permission-summary .permission-chips{margin-top:16px}.security-points{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px;margin-top:18px}.security-points p{display:flex;flex-direction:column;gap:5px;margin:0;border-radius:10px;padding:14px;background:#f5f7f3}.security-points strong{color:var(--navy);font-size:11px}.security-points span{color:var(--muted);font-size:9px;line-height:1.5}.access-header>span{color:var(--muted);font-size:11px}.access-hero,.real-access-card,.role-grid{width:min(1120px,calc(100% - 40px));margin:0 auto}.access-hero{padding:64px 0 34px}.current-session{margin-top:22px;border-left:3px solid #66a36f;padding:10px 13px;background:#eef5eb;font-size:11px}.current-session a{margin-left:8px;color:var(--navy);font-weight:800}.role-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:14px;gap:14px}.role-card{min-height:285px;padding:22px;display:flex;flex-direction:column;border:1px solid #e4e6e1;border-radius:15px;background:white;box-shadow:0 8px 25px rgba(37,50,71,.05)}.role-avatar{width:48px;height:48px;margin-bottom:18px;display:grid;place-items:center;border-radius:13px;background:#dce7f1;color:var(--navy);font-weight:900}.role-tutor .role-avatar{background:#f6dfb9}.role-delegate .role-avatar{background:#f1d6dc}.role-student .role-avatar{background:#dcebd9}.role-card h2{margin:0 0 8px;font:700 20px Georgia,serif}.role-card p{flex:1 1;color:var(--muted);font-size:11px;line-height:1.5}.role-card .role-permissions{min-height:49px;margin:4px 0 12px;align-content:flex-start}.role-card small{color:#8b94a0;font-size:8px}.role-card form{margin-top:16px}.real-access-card button,.role-card button{width:100%;border:0;border-radius:9px;background:var(--navy);color:white;padding:11px 12px;cursor:pointer;font-size:10px;font-weight:800}.real-access-card{margin-top:18px;padding:24px;display:flex;align-items:center;justify-content:space-between;gap:24px;border:1px dashed #d8d9d3;border-radius:14px;background:#faf9f5}.real-access-card h2{margin:0;font:700 19px Georgia,serif}.real-access-card p{max-width:700px;margin:7px 0 0;color:var(--muted);font-size:11px}.real-access-card button{width:auto;min-width:170px;background:#d9dcd7;color:#858b92;cursor:not-allowed}.permission-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:#f7f8f4}.permission-card{width:min(560px,100%);padding:42px;border:1px solid #e3e6e1;border-radius:18px;background:white;box-shadow:0 18px 55px rgba(37,50,71,.09);text-align:center}.permission-lock{width:58px;height:58px;margin:0 auto 20px;display:grid;place-items:center;border-radius:16px;background:var(--navy);color:white;font:800 28px Georgia,serif;transform:rotate(-3deg)}.permission-card h1{margin:0;font:700 34px/1.08 Georgia,serif}.permission-card>p:not(.panel-label){margin:15px auto 0;color:var(--muted);font-size:13px;line-height:1.55}.permission-actions{display:flex;justify-content:center;gap:9px;margin-top:25px}.permission-actions a{border-radius:9px;padding:11px 15px;background:var(--navy);color:white;text-decoration:none;font-size:10px;font-weight:800}.permission-actions a+a{border:1px solid #dfe3e6;background:white;color:var(--navy)}.table-scroll{width:100%;overflow-x:auto}.admin-table{min-width:980px}.admin-table select{min-width:112px;border:1px solid #dfe3de;border-radius:8px;padding:8px;background:white;color:var(--navy);font:inherit}.admin-table select:disabled{background:#f3f4f1;color:#7f8791}.compact-chips{min-width:145px}.admin-row-action{min-width:125px}.admin-row-action button,.admin-submit{border:0;border-radius:8px;padding:9px 12px;background:var(--navy);color:white;cursor:pointer;font-size:10px;font-weight:800}.admin-row-action button:disabled,.admin-submit:disabled{cursor:wait;opacity:.55}.admin-row-action small{display:block;max-width:135px;margin-top:5px;line-height:1.35}.admin-form{display:grid;grid-gap:12px;gap:12px;margin-top:18px}.admin-form label{display:grid;grid-gap:6px;gap:6px;color:#586677;font-size:9px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.admin-form input,.admin-form select{width:100%;border:1px solid #dde2dc;border-radius:9px;padding:11px 12px;background:#fbfcf9;color:var(--navy);font-size:11px;text-transform:none}.admin-form input:focus,.admin-form select:focus,.admin-table select:focus{border-color:#d16d35;outline:2px solid rgba(209,109,53,.14)}.admin-form select:disabled{color:#8a929b;background:#f0f2ee}.form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.admin-submit{width:-moz-fit-content;width:fit-content;min-width:150px}.form-error,.form-success{margin:0;font-size:9px;font-weight:750}.form-success{color:#52795a}.form-error{color:#a24d4d}.audit-list{margin:16px 0 0;padding:0;list-style:none}.audit-list li{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 0;border-bottom:1px solid #eceee9}.audit-list span{display:grid;grid-gap:3px;gap:3px}.audit-list strong{color:var(--navy);font-size:11px}.audit-list small,.audit-list time{color:var(--muted);font-size:9px}@media (max-width:920px){.portal-topbar{flex-wrap:wrap;padding-block:10px}.portal-topbar nav{display:flex;order:3;width:100%;height:42px;gap:20px;overflow-x:auto;scrollbar-width:thin}.portal-topbar nav a{flex:0 0 auto}.role-grid{grid-template-columns:repeat(2,1fr)}.portal-panel,.portal-panel.wide{grid-column:span 6}.security-points{grid-template-columns:1fr}}@media (max-width:620px){.access-header,.portal-topbar{padding:0 18px}.portal-user div,.portal-user>span{display:none}.role-grid{grid-template-columns:1fr}.portal-panel,.portal-panel.wide{grid-column:1/-1}.real-access-card{align-items:stretch;flex-direction:column}.permission-card{padding:30px 22px}.permission-actions{align-items:stretch;flex-direction:column}.form-row{grid-template-columns:1fr}.audit-list li{align-items:flex-start;flex-direction:column;gap:5px}}