*{box-sizing:border-box}body{margin:0;background:#111;color:#20242b;font-family:system-ui,-apple-system,Segoe UI,sans-serif}.app{max-width:760px;min-height:100vh;margin:auto;background:#f7f8fb;padding-bottom:82px}header{height:72px;background:#fff;border-bottom:1px solid #e8ebef;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;position:sticky;top:0;z-index:4}.brand{display:flex;gap:9px;align-items:center}.logo{width:40px;height:40px;border-radius:13px;background:linear-gradient(135deg,#ff941d,#e84938);color:#fff;display:grid;place-items:center;font-size:23px}.brand b{display:block;font-size:15px}.brand small{display:block;font-size:9px;color:#969da6}#status{font-size:9px;color:#2b9b62}.hero{padding:21px 15px}.hero span{font-size:8px;color:#9299a3;font-weight:900;letter-spacing:1px}.hero h1{font-size:25px;margin:6px 0}.hero p{font-size:11px;color:#7e8791}.card{background:#fff;border:1px solid #e6e9ee;border-radius:17px;margin:0 14px 11px;padding:14px}.card h3{font-size:13px;margin:0 0 8px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 14px 11px}.tile{border:0;border-radius:17px;color:#fff;min-height:135px;text-align:left;padding:15px}.tile b{display:block;font-size:21px;margin:18px 0 3px}.orange{background:linear-gradient(145deg,#ff9b20,#ef3f34)}.blue{background:linear-gradient(145deg,#3aa8dc,#1555ca)}.green{background:linear-gradient(145deg,#7bcf42,#2a9a4c)}.purple{background:linear-gradient(145deg,#9364eb,#6142ca)}.teal{background:linear-gradient(145deg,#20bfa9,#177f8c)}.pink{background:linear-gradient(145deg,#e76bb1,#b14dc4)}.row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #edf0f3;font-size:10px}.row:last-child{border:0}.muted{font-size:9px;color:#8b929c}.pill{font-size:8px;font-weight:900;padding:5px 8px;border-radius:20px;background:#eaf8f0;color:#2e9661}.warn{background:#fff1df;color:#a86c12}.btn{border:0;border-radius:10px;background:#634de1;color:#fff;padding:9px 11px;font-size:9px;font-weight:800}.form{display:grid;gap:8px}.form input,.form select{padding:10px;border:1px solid #e1e5ea;border-radius:10px;font-size:10px}.person{display:flex;gap:8px;align-items:center}.av{width:34px;height:34px;border-radius:11px;background:#eee9ff;color:#6249d7;display:grid;place-items:center;font-weight:900}.progress{height:7px;background:#edf0f3;border-radius:10px;overflow:hidden;margin-top:7px}.progress i{display:block;height:100%;background:#634de1}.hidden{display:none!important}nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(760px,100%);height:78px;background:#fff;border-top:1px solid #e8ebef;display:grid;grid-template-columns:repeat(5,1fr);z-index:5}nav button{border:0;background:none;color:#8b929b;font-size:18px}nav small{display:block;font-size:8px;margin-top:3px}#toast{position:fixed;left:50%;bottom:92px;transform:translateX(-50%);background:#20242b;color:#fff;padding:10px 13px;border-radius:10px;font-size:10px;display:none;z-index:9}#toast.on{display:block}.notice{background:linear-gradient(135deg,#654be0,#8c68ed);color:#fff;border-radius:17px;margin:0 14px 11px;padding:15px}.notice b{font-size:12px}.notice p{font-size:9px;line-height:1.5}@media(max-width:520px){.hero h1{font-size:22px}}