.side{background:linear-gradient(165deg,#075777 0%,#083c60 65%,#082f4c 100%);border-right:0;padding:22px 16px;box-shadow:5px 0 22px #073c6012;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#5b92a4 transparent}.side .brand{background:white;border-radius:20px;padding:14px 10px;margin-bottom:17px;box-shadow:0 6px 0 #002e4b35}.side .brand strong{font-size:15px;color:#007fae}.side .brand small{font-weight:800;font-size:7px;letter-spacing:.8px;color:#986e20}.side .brand img{width:55px;height:62px}.side .org-badge{background:#ffffff12;border:1px solid #ffffff36;color:#fff2bc;border-radius:13px;margin-bottom:22px;padding:13px;font-weight:900;flex-shrink:0}.side .menu{gap:11px;padding:2px 0 14px;flex-shrink:0}.side .menu a{--nav:#087fb2;--nav-dark:#056088;--nav-tint:#e7f5fe;display:flex;align-items:center;gap:11px;position:relative;min-height:57px;padding:10px 12px;border:1px solid #ffffffb0;border-bottom:4px solid #8eb7ca;border-radius:15px;background:linear-gradient(120deg,#fff,var(--nav-tint));color:#154c64;font-size:12px;font-weight:900;line-height:1.3;box-shadow:0 4px 9px #00223825;transition:transform .18s,box-shadow .18s}.side .menu a::before{content:attr(data-icon);display:grid;place-items:center;flex-shrink:0;width:33px;height:33px;border-radius:10px;background:var(--nav);color:white;font-size:21px;font-weight:900;box-shadow:0 3px 0 var(--nav-dark);line-height:1}.side .menu a[data-nav=lessons]{--nav:#089b69;--nav-dark:#08774f;--nav-tint:#e8faf1}.side .menu a[data-nav=sites]{--nav:#d7980a;--nav-dark:#a46f07;--nav-tint:#fff5d5}.side .menu a[data-nav=questionbank],.side .menu a[data-nav=users]{--nav:#d92f4a;--nav-dark:#a72236;--nav-tint:#fff0f3}.side .menu a[data-nav=reports],.side .menu a[data-nav=report]{--nav:#6e51c9;--nav-dark:#513599;--nav-tint:#f1edff}.side .menu a[data-nav=homework]{--nav:#078eaa;--nav-dark:#056b81;--nav-tint:#e3f9fc}.side .menu a:hover{transform:translateX(3px);box-shadow:0 5px 15px #00223845}.side .menu a.active{background:linear-gradient(115deg,var(--nav),var(--nav-dark));border-color:#ffffff70;border-bottom-color:var(--nav-dark);color:white;box-shadow:0 0 0 2px #ffffff24,0 5px 16px #001b3355}.side .menu a.active::before{background:white;color:var(--nav-dark);box-shadow:0 3px 0 #ffffff40}.side .menu a.active::after{content:'›';font-size:25px;margin-left:auto;color:white}.side .menu a:focus-visible{outline:3px solid #ffdb65;outline-offset:3px}.side .side-footer{padding:18px 3px 3px;border-top:1px solid #ffffff28;margin-top:auto;flex-shrink:0}.side .side-footer small{color:#e4f5ff;font-weight:800;font-size:11px;line-height:1.8}.side .side-footer .actions{gap:8px}.side .side-footer .btn{background:#ffffff15;color:#fff;border-color:#ffffff50;border-bottom-color:#ffffff38;flex:1}.side .side-footer #logout{background:#fff2ef;color:#ba263c;border-color:#f2b8bd;border-bottom-color:#d77b89}@media(min-width:1001px){.shell{grid-template-columns:255px minmax(0,1fr)}}@media(min-width:701px) and (max-width:1000px){.side{padding:20px 11px}.side .brand{padding:11px 7px;gap:5px}.side .brand strong{font-size:12px}.side .brand img{width:44px}.side .brand small{font-size:6px}.side .menu a{font-size:11px;padding:9px;gap:8px}.side .menu a::before{width:29px;height:29px}}@media(max-width:700px){.side{padding:17px;overflow:visible;box-shadow:none}.side .brand{display:inline-flex;margin-bottom:13px;padding:10px 14px;min-width:220px}.side .brand img{width:46px;height:49px}.side .org-badge{margin-bottom:16px}.side .menu{display:flex;gap:11px;overflow-x:auto;overflow-y:hidden;padding:5px 3px 14px;scrollbar-width:thin;scrollbar-color:#8cbccc transparent}.side .menu a{flex-shrink:0;min-height:53px;font-size:12px;padding:9px 13px}.side .menu a::before{width:29px;height:29px;font-size:19px}.side .menu a.active::after{display:none}.side .menu a:hover{transform:translateY(-2px)}.side .side-footer{padding-top:13px}.side .side-footer .actions{flex-shrink:0}.side .side-footer small{font-size:10px}}@media(prefers-reduced-motion:reduce){.side .menu a{transition:none}}@media print{.side{display:none!important}}