*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--green: #1D9E75;--green-dark: #0F6E56;--green-light: #E1F5EE;--green-text: #0F6E56;--amber-bg: #FAEEDA;--amber-text: #633806;--red: #D85A30;--border: rgba(0,0,0,.12);--border-md: rgba(0,0,0,.22);--bg: #ffffff;--bg-2: #f5f5f3;--bg-3: #efefed;--text: #1a1a1a;--text-2: #555;--text-3: #999;--radius: 8px;--radius-lg: 12px;--radius-xl: 20px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg-2);color:var(--text);min-height:100vh;display:flex;justify-content:center}#root{width:100%;max-width:430px;background:var(--bg);min-height:100vh;display:flex;flex-direction:column;position:relative}input,textarea,select,button{font-family:inherit;font-size:14px}button{cursor:pointer}.screen{flex:1;overflow-y:auto;padding-bottom:60px}.topbar{display:flex;align-items:center;justify-content:space-between;padding:13px 16px;border-bottom:.5px solid var(--border);background:var(--bg);position:sticky;top:0;z-index:20}.logo{font-size:18px;font-weight:600;letter-spacing:-.5px}.logo span{color:var(--green)}.school-pill{display:flex;align-items:center;gap:5px;padding:5px 10px;border-radius:20px;border:.5px solid var(--border-md);background:var(--bg-2);cursor:pointer;font-size:12px;color:var(--text-2)}.school-dot{width:7px;height:7px;border-radius:50%;background:var(--green)}.bottomnav{display:flex;border-top:.5px solid var(--border);background:var(--bg);position:sticky;bottom:0;z-index:20}.nav-item{flex:1;text-align:center;padding:10px 0 8px;font-size:10px;color:var(--text-3);cursor:pointer;border-top:2px solid transparent;transition:all .15s}.nav-item.active{color:var(--green);border-top-color:var(--green);font-weight:500}.nav-icon{font-size:18px;display:block;margin-bottom:2px}.btn-primary{background:var(--green);color:#fff;border:none;border-radius:var(--radius-lg);padding:12px 20px;font-size:14px;font-weight:500;width:100%;transition:background .15s}.btn-primary:hover{background:var(--green-dark)}.btn-secondary{background:transparent;color:var(--green);border:.5px solid var(--green);border-radius:var(--radius-lg);padding:12px 20px;font-size:14px;font-weight:500;width:100%}.btn-ghost{background:var(--bg-2);color:var(--text);border:.5px solid var(--border);border-radius:var(--radius-lg);padding:12px 20px;font-size:14px;width:100%}.finput{width:100%;padding:10px 13px;border-radius:var(--radius);border:.5px solid var(--border-md);background:var(--bg);font-size:14px;color:var(--text);outline:none;transition:border-color .15s}.finput:focus{border-color:var(--green)}.flabel{font-size:11px;color:var(--text-3);margin-bottom:5px;text-transform:uppercase;letter-spacing:.4px}.badge{background:var(--green-light);color:var(--green-text);font-size:10px;padding:2px 7px;border-radius:8px;white-space:nowrap}.badge.amber{background:var(--amber-bg);color:var(--amber-text)}.badge.active-badge{background:var(--green-light);color:var(--green-text)}.avatar{border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:500;flex-shrink:0}.av-teal{background:#e1f5ee;color:#0f6e56}.av-blue{background:#e6f1fb;color:#185fa5}.av-amber{background:#faeeda;color:#633806}.av-purple{background:#eeedfe;color:#3c3489}.toast-container{position:fixed;bottom:80px;left:50%;transform:translate(-50%);z-index:100;pointer-events:none}.toast{background:#085041;color:#fff;padding:9px 18px;border-radius:var(--radius-lg);font-size:13px;font-weight:500;opacity:0;transition:opacity .25s;white-space:nowrap}.toast.show{opacity:1}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:50;display:flex;align-items:flex-end;justify-content:center}.sheet{background:var(--bg);border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding:20px 16px 32px;width:100%;max-width:430px;max-height:75vh;overflow-y:auto}.sheet-handle{width:36px;height:4px;border-radius:2px;background:var(--border-md);margin:0 auto 16px}.err-text{font-size:12px;color:var(--red);min-height:16px;text-align:center}