:root{--navy:#123B5D;--blue:#2563A6;--teal:#0F766E;--orange:#F59E0B;--green:#4E9A51;--red:#B91C1C;--bg:#F5F7FA;--text:#111827;--muted:#5B6472;--card:#FFFFFF;}
*{box-sizing:border-box} body{margin:0;font-family:Inter,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.55}.app{display:grid;grid-template-columns:290px 1fr;min-height:100vh}aside{position:sticky;top:0;height:100vh;overflow:auto;background:var(--navy);color:white;padding:22px}aside h1{font-size:20px;margin:0 0 8px}aside p{color:#D9EAF7;font-size:13px}.nav a{display:block;color:white;text-decoration:none;padding:9px 10px;border-radius:10px;margin:4px 0;font-size:13px}.nav a:hover{background:rgba(255,255,255,.14)}main{padding:32px;max-width:1160px}.hero{background:linear-gradient(135deg,#123B5D,#2563A6);color:white;border-radius:24px;padding:36px;margin-bottom:24px;box-shadow:0 10px 30px rgba(18,59,93,.18)}.hero h1{font-size:40px;line-height:1.05;margin:0 0 10px}.hero p{max-width:760px;color:#EAF4FF}.toolbar{display:flex;gap:12px;flex-wrap:wrap;margin:16px 0}.search{flex:1;min-width:240px;padding:12px 14px;border:1px solid #D1D5DB;border-radius:12px}.btn{border:0;border-radius:12px;padding:12px 16px;background:var(--teal);color:white;font-weight:700;cursor:pointer}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.card,.module,.box{background:var(--card);border:1px solid #E5E7EB;border-radius:18px;padding:18px;box-shadow:0 6px 18px rgba(17,24,39,.05)}.card h3{margin-top:0}.module{margin:18px 0}.module h2{color:var(--navy);font-size:27px;margin:0 0 8px}.meta{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.tag{display:inline-block;border-radius:999px;background:#EAF4FF;color:var(--navy);font-weight:700;padding:5px 10px;font-size:12px}.tag.level{background:#E7F7F4;color:var(--teal)}.tag.time{background:#FFF6E5;color:#9A5B00}.two{display:grid;grid-template-columns:1fr 1fr;gap:16px}.box h3{margin-top:0;color:var(--blue)}.mistakes{border-color:#F5B4B4;background:#FFF7F7}.check{border-color:#BFE6C0;background:#F6FFF6}.practice{border-color:#B8DBFF;background:#F7FBFF}table{border-collapse:collapse;width:100%;background:white;border-radius:12px;overflow:hidden}th,td{border:1px solid #E5E7EB;padding:10px;text-align:left;vertical-align:top}th{background:var(--navy);color:white}.progress{height:10px;background:#DDE5EF;border-radius:999px;overflow:hidden;margin:12px 0}.bar{height:100%;width:0;background:var(--green);transition:.25s}.complete{display:flex;gap:8px;align-items:center;font-weight:700;color:var(--teal)}footer{color:var(--muted);font-size:13px;margin:40px 0}@media(max-width:880px){.app{display:block}aside{height:auto;position:relative}.two{grid-template-columns:1fr}main{padding:18px}.hero h1{font-size:32px}}@media print{aside,.toolbar,.btn{display:none}.app{display:block}main{max-width:none}.module{break-inside:avoid}.hero{box-shadow:none}}