.savings-body{background:radial-gradient(circle at 10% 0,#173f56 0,transparent 35%),radial-gradient(circle at 90% 20%,#34255a 0,transparent 32%),#07111f}.savings-main{max-width:1100px}.savings-shell{display:grid;gap:18px}.savings-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.savings-head h1{margin:6px 0;font-size:clamp(30px,5vw,52px)}.jar-card{position:relative;overflow:hidden;border-color:#3f8b7e;background:linear-gradient(145deg,rgba(20,62,73,.96),rgba(12,26,47,.97))}.jar-card:after{content:"";position:absolute;right:-60px;top:-70px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(68,228,193,.22),transparent 68%);pointer-events:none}.jar-grid{display:grid;grid-template-columns:minmax(250px,.72fr) 1.28fr;gap:24px;align-items:center}.jar-visual{display:grid;place-items:center;min-height:300px}.jar{width:210px;height:230px;border:5px solid rgba(194,255,242,.75);border-radius:46% 46% 38% 38%/28% 28% 52% 52%;position:relative;box-shadow:inset 0 -70px 70px rgba(68,228,193,.18),0 20px 60px rgba(0,0,0,.25)}.jar:before{content:"";position:absolute;left:37px;right:37px;top:-28px;height:38px;border:5px solid rgba(194,255,242,.75);border-radius:12px;background:#102d3b}.jar:after{content:"DAI";position:absolute;inset:0;display:grid;place-items:center;font-size:40px;font-weight:900;color:#8ff7dc;text-shadow:0 3px 20px rgba(68,228,193,.35)}.coin{position:absolute;width:22px;height:22px;border-radius:50%;background:#ffd866;border:2px solid #fff0a8;animation:coin-float 3s ease-in-out infinite}.coin.c1{left:22px;bottom:42px}.coin.c2{right:25px;bottom:62px;animation-delay:.7s}.coin.c3{left:73px;bottom:28px;animation-delay:1.4s}@keyframes coin-float{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-16px) rotate(25deg)}}.jar-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.jar-metric{padding:16px;border:1px solid rgba(113,200,184,.35);border-radius:12px;background:rgba(7,17,31,.45)}.jar-metric span{display:block;color:var(--muted);font-size:13px}.jar-metric strong{display:block;font-size:25px;margin-top:6px}.live-points{color:#6ff3cf}.countdown{font-family:"Cascadia Mono",Consolas,monospace;color:#ffd866}.savings-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.savings-actions .btn{flex:1;text-align:center;min-width:190px}.level-strip{margin-top:16px;padding:12px 14px;border-left:4px solid var(--cyan);background:rgba(68,228,193,.08);border-radius:0 8px 8px 0}.level-list{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.level-item{border:1px solid var(--line);border-radius:10px;padding:13px;background:#081421}.level-item.active{border-color:var(--cyan);box-shadow:0 0 0 1px var(--cyan)}.level-item strong,.level-item span{display:block}.level-item span{font-size:12px;color:var(--muted);margin-top:5px}.savings-history{display:grid;gap:10px}.history-item{display:grid;grid-template-columns:1fr auto auto;gap:16px;align-items:center;padding:13px;border:1px solid var(--line);border-radius:10px;background:#081421}.invite-modal,.redeem-modal{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:18px;background:rgba(3,9,17,.82);backdrop-filter:blur(7px)}.invite-modal[hidden],.redeem-modal[hidden]{display:none}.savings-modal-card{width:min(520px,100%);max-height:90vh;overflow:auto}.savings-modal-card h2{font-size:28px}.invite-code-input{text-transform:uppercase;letter-spacing:3px;font-size:21px;text-align:center}.teacher-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:22px}.teacher-sidebar{position:sticky;top:90px;align-self:start;display:grid;gap:8px}.teacher-sidebar a{text-decoration:none;color:var(--muted);padding:12px 14px;border:1px solid transparent;border-radius:9px}.teacher-sidebar a.active{color:var(--text);border-color:var(--line);background:#13253b}.teacher-content{min-width:0}.teacher-page[hidden]{display:none}.teacher-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 18px}.teacher-settings-grid .full-row{grid-column:1/-1}.level-editor{display:grid;gap:10px}.level-row{display:grid;grid-template-columns:1.15fr 1fr 1fr 1fr auto;gap:10px;align-items:end;padding:12px;border:1px solid var(--line);border-radius:10px;background:#081421}.level-row .field{margin:0}.teacher-invite{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center}.teacher-invite .copy-box{min-width:0}.reward-status{display:grid;gap:4px}.status-actions{display:flex;gap:7px;flex-wrap:wrap}.student-wallet{max-width:310px;overflow-wrap:anywhere}.qr-dialog img{display:block;background:#fff;padding:10px;border-radius:10px;margin:14px auto}.micro-copy{font-size:12px;color:var(--muted);line-height:1.55}.budget-panel{border-color:#3f6d78}.budget-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}.budget-metric{display:grid;gap:7px;padding:15px;border:1px solid var(--line);border-radius:10px;background:#081421}.budget-metric span,.budget-metric small{color:var(--muted)}.budget-metric strong{font-size:22px;overflow-wrap:anywhere}.budget-metric.alert{border-color:#9b7131;background:#2a220f}.budget-metric.danger{border-color:#8c3650;background:#351522}@media(max-width:850px){.jar-grid,.teacher-layout{grid-template-columns:1fr}.teacher-sidebar{position:static;display:flex;overflow:auto}.teacher-settings-grid{grid-template-columns:1fr}.teacher-settings-grid .full-row{grid-column:auto}.level-list{grid-template-columns:repeat(2,1fr)}.level-row{grid-template-columns:1fr 1fr}.level-row .remove-level{grid-column:1/-1}.history-item{grid-template-columns:1fr}.budget-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.jar-visual{min-height:260px}.jar{transform:scale(.86)}.jar-metrics{grid-template-columns:1fr}.level-list{grid-template-columns:1fr}.savings-head{flex-direction:column}.teacher-invite{grid-template-columns:1fr}.budget-grid{grid-template-columns:1fr}}
.section-gap{margin-top:18px}