@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#202b36;--muted:#7b8591;--green:#237661;--bg:#f6f8fa;--line:#e6eaee}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px 'DM Sans',sans-serif}button,input,select,textarea{font:inherit}button,a{cursor:pointer}button{border:1px solid var(--line);background:white;border-radius:8px;padding:10px 15px;color:var(--ink)}button:hover{border-color:var(--green);color:var(--green)}a{color:var(--green);text-decoration:none}aside{position:fixed;inset:0 auto 0 0;width:258px;background:#fff;border-right:1px solid var(--line);padding:30px 22px;display:flex;flex-direction:column}.brand{display:flex;gap:9px;align-items:center;font-size:29px;color:var(--green)}.brand b{font:800 22px Manrope;color:var(--ink)}.brand span{display:block;font:8px 'DM Sans';letter-spacing:2.1px;color:var(--muted);margin-top:5px}.school{background:#f7f9fa;border:1px solid var(--line);border-radius:10px;margin:35px 0 24px;padding:16px;font-size:9px;letter-spacing:1px;color:var(--muted)}.school strong{display:block;color:var(--ink);font-size:12px;line-height:1.6;margin:8px 0;letter-spacing:0}.school small{font-size:10px;letter-spacing:0}nav button{display:flex;gap:12px;width:100%;border:0;text-align:left;margin:5px 0;padding:13px 12px;color:#74808c;font-size:16px}nav button span{font-size:12px}nav button.active{background:#e8f3ee;color:var(--green);font-weight:700}.sidebottom{margin-top:auto}.tip{border-left:2px solid #c7decf;padding:0 12px;font-size:12px}.tip p{color:var(--muted);font-size:11px;line-height:1.7}.profile{display:flex;gap:10px;border:0;border-top:1px solid var(--line);border-radius:0;margin-top:25px;padding:20px 0 0;width:100%;text-align:left;font-size:12px}.profile i{background:#e7eee8;border-radius:50%;padding:10px;font-style:normal}.profile small{display:block;font-size:9px;color:var(--muted);margin-top:6px}main{margin-left:258px}header{height:77px;border-bottom:1px solid var(--line);padding:0 42px;display:flex;align-items:center;justify-content:space-between;background:#fff;color:var(--muted);font-size:11px}header>div{display:flex;align-items:center;gap:16px}.localbadge{color:var(--green);font-size:10px}#app{padding:34px 42px;max-width:1500px;margin:auto}h1{font:800 29px Manrope;margin:8px 0 10px;letter-spacing:-1px}h2{font:800 17px Manrope;margin:0}h3{font:700 14px Manrope;margin:15px 0 8px}p{line-height:1.7}.muted{color:var(--muted)}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.4px;color:var(--green)}.heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.primary{background:var(--green);border-color:var(--green);color:white}.primary:hover{background:#195745;color:white}.hero{position:relative;background:#e8f1eb;border:1px solid #d6e6da;border-radius:15px;padding:28px 30px;overflow:hidden;margin-bottom:25px;display:flex;justify-content:space-between;align-items:center}.hero h2{font-size:23px;max-width:410px;line-height:1.5}.hero p{font-size:12px;color:#6d8075;max-width:410px}.heroart{font:800 96px Manrope;transform:rotate(-12deg);color:#90b09b;margin-right:35px;letter-spacing:-17px}.hero .eyebrow{margin-bottom:12px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:24px 0 30px}.stat{background:white;border:1px solid var(--line);border-radius:11px;padding:18px;display:flex;gap:15px;align-items:center}.stat strong{display:block;font:800 24px Manrope}.stat small{font-size:11px;color:var(--muted)}.icon{display:grid;place-items:center;width:43px;height:43px;border-radius:12px;background:var(--tint,#eaf0ff);color:var(--color,#5869b1);font-size:22px;flex-shrink:0}.sectiontitle{display:flex;justify-content:space-between;align-items:center;margin:28px 0 17px}.sectiontitle small{color:var(--muted);font-weight:400;font-size:11px;margin-left:12px}.textbtn{border:0;background:none;color:var(--green);padding:5px;font-size:11px}.subjectgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.subject{background:white;border:1px solid var(--line);padding:20px;border-radius:12px;transition:transform .15s;cursor:pointer}.subject:hover{transform:translateY(-3px);box-shadow:0 8px 22px #293b4810}.subjecttop{display:flex;justify-content:space-between;align-items:center}.subject p{font-size:10px;color:var(--muted);margin:6px 0 16px}.chips{display:flex;gap:5px;flex-wrap:wrap}.chip{font-size:9px;background:#f5f7f9;border-radius:4px;padding:5px 7px;color:#697580}.subjectfoot{display:flex;justify-content:space-between;border-top:1px solid #f0f2f4;margin-top:18px;padding-top:13px;font-size:10px;color:var(--muted)}.columns{display:grid;grid-template-columns:1.5fr 1fr;gap:24px}.panel{background:white;border:1px solid var(--line);border-radius:12px;padding:22px;margin-bottom:18px}.empty{padding:25px 15px;text-align:center;color:var(--muted);font-size:12px}.row{padding:16px 0;border-bottom:1px solid var(--line);display:flex;gap:12px;align-items:center;justify-content:space-between}.row:last-child{border:0}.row small{display:block;color:var(--muted);margin-top:5px}.badge{font-size:10px;padding:5px 8px;border-radius:6px;background:#eff4f0;color:var(--green)}input,select,textarea{padding:12px;border:1px solid #dce2e7;border-radius:8px;background:white;color:var(--ink);width:100%;margin:7px 0 16px}label{font-size:12px;font-weight:600;display:block}textarea{min-height:300px;resize:vertical;line-height:1.7}dialog{border:0;border-radius:16px;padding:32px;width:min(620px,94vw);box-shadow:0 24px 100px #102b3233}dialog::backdrop{background:#122c3a66}.close{position:absolute;right:13px;top:10px;border:0;font-size:22px}.toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:15px}.tooltabs button.selected{background:#e8f3ee;color:var(--green)}.editor{min-height:350px;padding:25px;border:1px solid var(--line);border-radius:8px;line-height:1.9;outline:none;background:#fff}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:22px}.code{font-family:monospace;background:#152a32;color:#d8f0e4}.notice{font-size:12px;background:#fff8e8;padding:14px;border-radius:8px;line-height:1.7;color:#8c7038}.sheet{border-collapse:collapse;width:100%;table-layout:fixed}.sheet td,.sheet th{border:1px solid var(--line);height:34px}.sheet input{width:100%;margin:0;border:0;border-radius:0;padding:7px}.sheet th{background:#f3f7f5;font-size:11px}iframe{width:100%;height:570px;border:1px solid var(--line);border-radius:8px}.welcome{max-width:740px;margin:40px auto}.welcome h1{font-size:44px}.footer{margin-top:30px;color:#97a1aa;font-size:10px;display:flex;justify-content:space-between}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:13px 22px;background:#203e34;color:white;border-radius:8px;display:none;z-index:10}.search{max-width:320px;margin:0}svg{max-width:100%}.result{padding:15px;background:#eef5f0;border-radius:8px;margin:12px 0;font:700 18px Manrope}@media(max-width:1100px){aside{width:220px;padding:25px 16px}main{margin-left:220px}#app{padding:25px}.subjectgrid{grid-template-columns:repeat(2,1fr)}.workspace{grid-template-columns:1fr}.heroart{display:none}.columns{grid-template-columns:1fr}}@media(max-width:700px){aside{position:static;width:100%;padding:16px}.brand{font-size:20px}.school,.sidebottom{display:none}nav{display:flex;overflow:auto;margin-top:14px}nav button{width:auto;white-space:nowrap}nav button span{font-size:10px}main{margin:0}header{height:55px;padding:0 18px}.localbadge{display:none}#app{padding:20px}.subjectgrid,.stats{grid-template-columns:1fr}.heading{align-items:flex-start;gap:15px}.hero{padding:23px}.heading h1{font-size:24px}.welcome h1{font-size:32px}}