:root{--bg:#f4f7fb;--card:#fff;--text:#183247;--muted:#718092;--line:#dce5ec;--primary:#0b6b50;--primary2:#14946d;--soft:#eef8f4;--shadow:0 14px 40px rgba(20,45,65,.08)}*{box-sizing:border-box}html,body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--text)}body[data-theme=dark]{--bg:#101820;--card:#18242d;--text:#e9f0f4;--muted:#a8b5bf;--line:#30404b;--soft:#20352f;--shadow:0 14px 40px rgba(0,0,0,.25)}a{color:var(--primary2)}.hero{background:linear-gradient(135deg,#07533e,#14946d);color:#fff;padding:28px 16px}.hero-inner{max-width:1100px;margin:auto;display:flex;align-items:center;gap:16px}.brand-badge{font-size:48px}.school-logo{width:68px;height:68px;object-fit:contain;background:#fff;border-radius:16px;padding:7px}.hero h1{margin:2px 0;font-size:clamp(24px,5vw,38px)}.hero p{margin:5px 0 0;opacity:.9}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:900;opacity:.8}.eyebrow.dark{color:var(--primary);opacity:1}.theme-btn{margin-left:auto;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.12);color:#fff;border-radius:12px;padding:10px 12px;cursor:pointer;font-size:18px}.container{max-width:1100px;margin:24px auto;padding:0 15px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:15px}.stat{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:16px;box-shadow:var(--shadow)}.stat span,.stat small{display:block;color:var(--muted);font-size:12px}.stat strong{display:block;font-size:26px;margin-top:5px}.content-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.75fr);gap:15px}.card{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:20px;box-shadow:var(--shadow);margin-bottom:15px}.section-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:18px}.section-head h2{margin:2px 0;font-size:22px}.section-head>span{font-size:12px;color:var(--muted)}.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}label{display:block;font-size:13px;font-weight:800;margin-bottom:14px}input,textarea,select{width:100%;margin-top:7px;padding:12px 13px;border:1px solid var(--line);border-radius:12px;background:var(--bg);color:var(--text);font:inherit}input:focus,textarea:focus,select:focus{outline:2px solid #9bd8c5;border-color:var(--primary2)}textarea{resize:vertical}.rating-box{background:var(--soft);border-radius:14px;padding:14px;margin:2px 0 15px}.rating-title{font-weight:900}.stars{display:flex;flex-direction:row-reverse;justify-content:flex-end;margin:5px 0}.stars input{display:none}.stars label{font-size:39px;line-height:1;cursor:pointer;color:#c8d2da;margin:0;padding:0 3px}.stars label:hover,.stars label:hover~label,.stars input:checked~label{color:#f5b301}.rating-box small{color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:12px;padding:12px 16px;font-weight:900;text-decoration:none;cursor:pointer;background:var(--line);color:var(--text)}.btn.primary{background:var(--primary);color:#fff;width:100%}.alert{padding:14px 16px;border-radius:13px;margin-bottom:15px}.alert.success{background:#e7f7ef;color:#116b48}.alert.error{background:#ffeaea;color:#a22828}.alert ul{margin:0;padding-left:20px}.qr-card{text-align:center}.qr-card .section-head{text-align:left}.qr-card #qrcode{display:flex;justify-content:center;margin:12px 0}.qr-card #qrcode img,.qr-card #qrcode canvas{border-radius:10px}.qr-card p{color:var(--muted);font-size:13px;line-height:1.5}.reviews{display:grid;gap:10px}.review{border:1px solid var(--line);border-radius:13px;padding:13px}.review-top{display:flex;justify-content:space-between;gap:10px}.review-top span{font-size:11px;color:var(--muted)}.stars-static{color:#f5b301;letter-spacing:1px;margin:5px 0}.stars-static span{color:#cbd4dc}.review p{margin:5px 0;line-height:1.5;font-size:13px}.empty{padding:15px;text-align:center;color:var(--muted)}footer{text-align:center;color:var(--muted);font-size:12px;padding:25px}body[data-theme=dark] .stars-static span{color:#40505b}@media(max-width:800px){.content-grid{grid-template-columns:1fr}}@media(max-width:600px){.hero{padding:21px 13px}.hero-inner{align-items:flex-start}.school-logo{width:55px;height:55px}.brand-badge{font-size:38px}.theme-btn{padding:8px}.container{margin:15px auto}.stats{gap:7px}.stat{padding:12px 8px}.stat strong{font-size:20px}.grid{grid-template-columns:1fr}.card{padding:15px;border-radius:16px}.section-head{align-items:flex-start}.side{display:flex;flex-direction:column}.qr-card{order:0}}
@media print{.theme-btn,.btn,footer,.qr-card{display:none!important}.hero{background:#fff;color:#000}.container{max-width:none}.card,.stat{box-shadow:none}.content-grid{display:block}}