*{box-sizing:border-box}body{margin:0;background:#f4f7fb;color:#172033;font-family:Arial,sans-serif}aside{position:fixed;width:235px;inset:0 auto 0 0;background:#111d31;color:white;padding:24px 18px;display:flex;flex-direction:column}aside h2{font-size:17px}aside small{font-size:8px;background:#275bd0;padding:3px}nav{display:flex;flex-direction:column;gap:8px;margin-top:25px}nav>*{padding:12px;color:#aeb9ca}nav b{background:#2563eb;color:white;border-radius:8px}aside>a{margin-top:auto;color:#aeb9ca}main{margin-left:235px}header{height:105px;background:white;border-bottom:1px solid #e4e9f0;padding:20px 32px;display:flex;align-items:center;justify-content:space-between}h1{font-size:23px;margin:7px 0}header small{color:#8290a2}.primary,button{padding:10px 15px;border:1px solid #d7dfe9;border-radius:8px;background:white;font-weight:bold;cursor:pointer}.primary{background:#2563eb;color:white}.stats{display:flex;gap:40px;align-items:center;background:white;padding:20px 32px}.stats small,.stats b{display:block}.stats small{font-size:10px;color:#8794a5}.layout{display:grid;grid-template-columns:220px 1fr;gap:18px;padding:20px}.groups,.panel{background:white;border:1px solid #e4e9f0;border-radius:10px}.groups{height:max-content;padding:15px 12px}.groups>b{display:block;padding:8px}.groups a{display:flex;justify-content:space-between;padding:10px;color:#5c697b;text-decoration:none;font-size:11px}.groups i{font-style:normal}.panel{overflow:auto}.search{display:flex;gap:8px;padding:15px}.search input{padding:10px;width:350px;border:1px solid #d7dfe9;border-radius:7px}.table{min-width:760px}.row{display:grid;grid-template-columns:1.5fr .8fr .8fr 65px 80px;gap:8px;padding:9px 15px;border-top:1px solid #edf0f4}.row input{min-width:0;padding:8px;border:1px solid #dfe5ed;border-radius:6px}.head{font-size:9px;color:#8995a4}.toggle{font-size:9px;padding:6px}.toggle.on{background:#16a66a;color:white}.empty{text-align:center;padding:100px;color:#7b8798}.pages{padding:15px}.pages a{display:inline-block;padding:7px 10px;border:1px solid #ddd;text-decoration:none}.alert{margin:15px 25px;padding:12px;border-radius:8px}.error{background:#feecee;color:#a82434}.ok{background:#e4f7ee;color:#147348}dialog{border:0;border-radius:13px;width:470px;max-width:90%;padding:28px}dialog::backdrop{background:#0b1526aa}dialog label{display:block;margin:13px 0;font-size:11px}dialog input{display:block;width:100%;padding:11px;margin-top:6px}.x{position:absolute;right:10px;top:8px}.auth{min-height:100vh;display:grid;place-items:center}.card{background:white;width:380px;max-width:90%;padding:30px;border-radius:13px}.card input{width:100%;padding:11px;margin:15px 0}@media(max-width:800px){aside{width:65px;padding:15px 8px}aside h2{font-size:0}aside h2:first-letter{font-size:18px}nav span,aside>a{display:none}nav b{font-size:0;text-align:center}nav b:first-letter{font-size:18px}main{margin-left:65px}.layout{grid-template-columns:1fr;padding:10px}.groups{display:flex;overflow:auto}header{padding:15px}.stats{overflow:auto;padding:15px}.stats>div{min-width:80px}}