:root{--navy:#172643;--blue:#5369db;--muted:#718096;--line:#e7ebf2;--bg:#f5f7fb;--green:#168a77}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--navy);font:16px/1.8 Tahoma,Arial,sans-serif}button,input,select,textarea{font:inherit}button,a{cursor:pointer}button{border:0;border-radius:10px;padding:10px 18px;background:var(--blue);color:white}button:hover{filter:brightness(.95)}button:disabled{opacity:.5;cursor:wait}button.secondary{background:#edf0fa;color:var(--navy)}button.danger{background:#b34555}input,select,textarea{width:100%;padding:11px;border:1px solid #dce2ed;border-radius:9px;background:white;color:var(--navy);margin:5px 0 15px}textarea{min-height:120px}a{color:var(--blue)}h1,h2,h3,p{margin-top:0}h1{font-size:29px}h2{font-size:23px}h3{font-size:18px}.muted,small{color:var(--muted)}aside{position:fixed;right:0;top:0;bottom:0;width:248px;padding:30px 20px;background:white;border-left:1px solid var(--line);display:flex;flex-direction:column;z-index:4}.brand{font-family:Arial,sans-serif;font-size:24px;font-weight:bold;letter-spacing:2px;color:var(--navy);line-height:1.3;margin:0 10px 34px}.brand small{font-size:11px;letter-spacing:5px;color:#9a7e65}.nav{display:grid;gap:7px}.nav button{text-align:right;background:transparent;color:#6d7891;padding:12px 15px}.nav button.active{background:#eef0fd;color:var(--blue);font-weight:bold}.nav span{display:inline-block;width:26px}.sidefoot{margin-top:auto;background:#f5f7fc;padding:15px;border-radius:12px;font-size:12px}main{margin-right:248px;padding:0 40px 50px;max-width:1600px}header{display:flex;align-items:center;justify-content:space-between;padding:24px 0;margin-bottom:20px;border-bottom:1px solid var(--line)}header p{margin:0;font-size:13px}.badge{background:#e7f5ef;color:#228567;border-radius:30px;padding:4px 12px;font-size:12px;display:inline-block}.badge.warn{color:#956617;background:#fff2d9}.badge.red{color:#ab3b51;background:#fbe8ec}.title{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:25px}.title p{margin:0}.grid{display:grid;gap:20px}.stats{grid-template-columns:repeat(4,1fr);margin-bottom:24px}.card{background:white;border:1px solid var(--line);border-radius:17px;padding:24px;box-shadow:0 4px 18px #22365303}.stat strong{font:700 34px Arial;display:block;margin:10px 0}.stat .icon{float:left;background:#f0f2ff;color:var(--blue);padding:6px 13px;border-radius:10px}.hero{background:linear-gradient(120deg,#1c3459,#354884);color:white;position:relative;overflow:hidden;padding:32px;border-radius:20px;margin-bottom:26px}.hero p{max-width:720px;color:#dbe1f3}.hero small{color:#c8d0e6}.hero button{background:white;color:#283c67}.two{grid-template-columns:1.7fr 1fr}.three{grid-template-columns:repeat(3,1fr)}.number{font:700 42px Arial;color:#d9dfed}.course{border-top:4px solid var(--blue);display:flex;flex-direction:column}.course:nth-child(2){border-color:#379e95}.course:nth-child(3){border-color:#c5926a}.course button{margin-top:auto}.course ul{padding-right:20px}.progress{height:7px;background:#edf0f7;border-radius:10px;overflow:hidden;margin:14px 0}.progress i{display:block;height:100%;background:var(--blue);border-radius:10px}.row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 0;border-bottom:1px solid var(--line)}.row:last-child{border-bottom:0}.row p{margin:0}.empty{text-align:center;padding:35px;color:var(--muted)}.product{min-height:260px}.product .tag{font:700 28px Arial;color:#4e6896;letter-spacing:1px;background:#f0f4fa;border-radius:13px;padding:25px;margin-bottom:20px}.product:nth-child(2n) .tag{color:#a4825c;background:#faf4ed}.pill{display:inline-block;padding:3px 10px;margin:3px;background:#f0f2f8;border-radius:7px;font-size:12px}.notice{background:#fff8e9;border:1px solid #efdfbc;padding:15px 20px;border-radius:12px;margin:20px 0;color:#79613b}.lesson{padding:18px;background:#f7f9fc;border-radius:12px;margin:12px 0}.lesson h3{margin-bottom:5px}.lesson button{margin-top:12px}.section{margin:25px 0}.section ul{padding-right:24px}.auth{max-width:460px;margin:7vh auto;background:white;border:1px solid var(--line);padding:35px;border-radius:20px}.auth .brand{text-align:center;margin-bottom:25px}.answers{display:grid;gap:12px;margin:25px 0}.choice{text-align:right;background:white;color:var(--navy);border:1px solid #dfe4ef;padding:17px}.choice.selected{background:#edf0ff;border:2px solid var(--blue)}.toolbar{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.bubble{padding:18px 22px;border-radius:14px;background:#eef1fa;margin:15px 0;white-space:pre-wrap}.bubble.mine{background:#e8f4f0;margin-right:35px}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:right}th,td{border-bottom:1px solid var(--line);padding:14px;white-space:nowrap}th{color:var(--muted);font-weight:normal}.score{font:700 48px Arial;color:var(--blue)}#toast{display:none;position:fixed;bottom:24px;left:24px;background:#172643;color:white;z-index:10;padding:15px 25px;border-radius:12px;max-width:85vw}.review{white-space:pre-wrap}.mobile{display:none}.footer{font-size:12px;color:var(--muted);margin-top:35px}label{display:block}dialog{border:0;border-radius:18px;padding:30px;max-width:780px;width:92vw;max-height:90vh;overflow:auto}dialog::backdrop{background:#17264399}@media(max-width:1050px){aside{width:205px;padding:25px 12px}main{margin-right:205px;padding:0 22px 35px}.stats{grid-template-columns:repeat(2,1fr)}.three,.two{grid-template-columns:1fr}}@media(max-width:650px){aside{position:static;width:auto;padding:18px}.brand{margin:0 0 15px;font-size:20px}.nav{display:flex;overflow:auto}.nav button{white-space:nowrap;padding:8px 13px}.sidefoot{display:none}main{margin:0;padding:0 16px 25px}header{padding:15px 0;margin-bottom:15px}h1{font-size:24px}.title{align-items:flex-start;flex-direction:column}.card{padding:20px}.stats{gap:12px}.stat strong{font-size:28px}.hero{padding:24px}.auth{margin:30px 15px}.stat{font-size:13px}}@media print{aside,header,button,.toolbar{display:none!important}main{margin:0;padding:0}.card{break-inside:avoid;box-shadow:none}.grid{display:block}.card{margin-bottom:20px}}

.packshot{width:100%;height:190px;object-fit:contain;background:#fafbfd;border-radius:12px;margin-bottom:15px}.product .tag{font-size:20px;padding:12px}