:root{--navy:#111c39;
--blue:#4f7cff;
--violet:#7c5ce2;
--line:#e4e9f2;
--ink:#18233c;
--muted:#71809a;
--card:#fff}*{box-sizing:border-box}body{margin:0;
background:radial-gradient(circle at 85% -10%,#e4ebff 0,transparent 30%),#f7f9fc;
color:var(--ink);
font:15px Arial,sans-serif;
display:flex;
min-height:100vh}.sidebar{width:256px;
background:linear-gradient(180deg,#101b36,#182b50);
color:#fff;
padding:24px 16px;
display:flex;
flex-direction:column;
position:fixed;
inset:0 auto 0 0}.brand{display:flex;
align-items:center;
gap:12px;
color:#fff;
text-decoration:none;
padding:8px}.brand span{display:grid;
place-items:center;
width:42px;
height:42px;
border-radius:13px;
background:linear-gradient(135deg,#6c8fff,#8e68ef);
font-weight:800;
box-shadow:0 8px 20px #0003}.brand b{letter-spacing:.7px}.sidebar nav{display:grid;
gap:6px;
margin-top:36px}.sidebar nav a{color:#cbd7e8;
text-decoration:none;
border-radius:10px;
padding:12px}.sidebar nav a:hover,.sidebar nav .active{background:#ffffff19;
color:#fff}.sidebar hr{border:0;
border-top:1px solid #ffffff24;
width:100%;
margin:18px 0 8px}.sidebar small{color:#8ea4c1;
font-size:11px;
padding:0 12px}.profile{margin-top:auto;
padding:12px;
color:#d6e2f2;
display:grid;
gap:8px}.profile a{color:#fff}.button,button{border:0;
border-radius:10px;
background:linear-gradient(135deg,var(--blue),var(--violet));
box-shadow:0 6px 14px #4f7cff42;
color:#fff;
padding:10px 15px;
text-decoration:none;
cursor:pointer}main{margin-left:256px;
width:calc(100% - 256px)}header{min-height:92px;
background:#ffffffd9;
backdrop-filter:blur(10px);
border-bottom:1px solid var(--line);
padding:20px 5%;
display:flex;
gap:15px;
align-items:center}header p{margin:0;
color:var(--muted);
font-size:11px;
font-weight:800;
letter-spacing:1.2px}header h1{margin:5px 0 0;
font-size:25px}.menu{display:none}.content{padding:32px 5%;
max-width:1500px}.hero{background:linear-gradient(125deg,#1c3364,#5279ea 58%,#8060df);
border-radius:22px;
color:#fff;
padding:42px;
box-shadow:0 20px 45px #253d7a35}.hero h2{font-size:34px;
margin:0 0 10px}.hero p{max-width:620px;
color:#e4ebff}.grid{display:grid;
grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
gap:18px;
margin-top:25px}.card{background:var(--card);
border:1px solid var(--line);
border-radius:16px;
padding:22px;
box-shadow:0 8px 24px #19345b0b;
transition:transform .18s,box-shadow .18s}.card:hover{transform:translateY(-3px);
box-shadow:0 14px 32px #19345b16}.card h3{margin:0 0 8px}.card p{color:var(--muted);
margin:0 0 18px}.card a{color:var(--blue);
font-weight:800;
text-decoration:none}.stat{font-size:34px;
font-weight:850;
color:var(--navy)}.toolbar{display:flex;
justify-content:space-between;
gap:15px;
align-items:center;
margin-bottom:18px}.panel{background:#fff;
border:1px solid var(--line);
border-radius:16px;
padding:22px;
box-shadow:0 8px 24px #19345b08}.table-wrap{overflow:auto}table{border-collapse:collapse;
width:100%}th,td{text-align:left;
border-bottom:1px solid var(--line);
padding:13px 9px}th{color:var(--muted);
font-size:11px;
text-transform:uppercase}.actions{display:flex;
gap:7px}.actions form{margin:0}.ghost{background:#edf2ff;
color:#3c5cba;
box-shadow:none}.danger{background:#fff0f0;
color:#c24242;
box-shadow:none}input,select{border:1px solid #d7e0ee;
border-radius:9px;
padding:10px 11px;
font:inherit;
background:#fff}.empty{background:#fff8e8;
border:1px solid #f5dc9e;
border-radius:10px;
padding:16px;
color:#71531c}.schedule{display:grid;
gap:10px}.lesson{display:grid;
grid-template-columns:90px 1fr auto;
gap:15px;
align-items:center;
padding:14px;
border:1px solid var(--line);
border-radius:12px;
background:#fff}.lesson time{font-weight:800;
color:var(--blue)}.lesson small{color:var(--muted)}dialog{border:0;
border-radius:18px;
box-shadow:0 24px 70px #18233c55;
width:min(550px,92vw)}dialog::backdrop{background:#101b3677}.editor{display:grid;
gap:12px}.editor label{display:grid;
gap:6px;
font-weight:700;
font-size:13px}@media(max-width:760px){.sidebar{transform:translateX(-100%);
z-index:5;
transition:.2s}.menu-open .sidebar{transform:translateX(0)}main{margin:0;
width:100%}.menu{display:block}.content{padding:20px}.hero{padding:25px}.lesson{grid-template-columns:72px 1fr}.lesson>span:last-child{display:none}.toolbar{align-items:stretch;
flex-direction:column}}