*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:#f5f7fb;color:#20242a}.app{max-width:520px;min-height:100vh;margin:auto;background:#f5f7fb;padding-bottom:75px}.hero{background:linear-gradient(135deg,#1976d2,#0d47a1);padding:22px 18px 42px;color:#fff;border-radius:0 0 26px 26px}.nav,.simple-head{display:flex;align-items:center;justify-content:space-between}.brand{font-weight:900;letter-spacing:.5px}.brand span{font-weight:500}.icon-btn{position:relative;color:#fff;text-decoration:none;background:rgba(255,255,255,.15);padding:10px;border-radius:12px}.icon-btn b{position:absolute;right:-4px;top:-5px;background:#ff3d67;border-radius:99px;font-size:10px;padding:2px 5px}.hello{font-size:20px;font-weight:800;margin-top:28px}.balance-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.balance{background:rgba(255,255,255,.14);padding:15px;border-radius:16px}.balance small{display:block;opacity:.8}.balance strong{display:block;margin-top:6px;font-size:17px}.content{padding:18px}.quick{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:-45px;position:relative}.quick a{background:#fff;border-radius:16px;padding:15px 5px;text-align:center;text-decoration:none;color:#1976d2;box-shadow:0 5px 20px #00000010}.quick span,.menu-grid span{display:block;color:#747a83;font-size:11px;margin-top:6px}.content h2{font-size:16px;margin:24px 0 12px}.menu-grid{display:grid;gap:10px}.menu-grid a,.list>div,.card,.ref-card,.qr-card{background:#fff;border-radius:16px;padding:16px;text-decoration:none;color:inherit;box-shadow:0 3px 15px #00000008}.menu-grid a{font-weight:800}.bottom{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(520px,100%);background:#fff;border-top:1px solid #eee;display:flex;justify-content:space-around;padding:9px 0;z-index:20}.bottom a{text-align:center;text-decoration:none;color:#777}.bottom .active{color:#1976d2}.bottom small{display:block;font-size:10px}.simple-head{padding:18px;background:#fff}.simple-head a{color:#1976d2;text-decoration:none;font-size:22px}.simple-head h1{font-size:17px;margin:0}.profile-card{text-align:center;background:#fff;padding:25px;border-radius:20px}.avatar{width:70px;height:70px;border-radius:50%;background:#e3f2fd;color:#1976d2;display:grid;place-items:center;margin:auto;font-size:28px;font-weight:900}.profile-card h2{margin:10px 0 2px}.profile-card p{margin:0;color:#777}.pill,.status{display:inline-block;background:#e3f2fd;color:#1976d2;padding:5px 9px;border-radius:20px;font-size:11px;margin-top:8px}.list{display:grid;gap:10px;margin-top:15px}.list>div{display:grid;gap:5px}.list span,.list small{color:#777;font-size:12px}.ref-card strong{display:block;font-size:25px;color:#1976d2;margin:8px 0}.ref-card button{border:0;background:#e3f2fd;color:#1976d2;border-radius:10px;padding:9px 13px}.qr-card{text-align:center;background:#1976d2;color:#fff}.qr-card img{width:220px;max-width:100%;background:#fff;padding:10px;border-radius:14px}.qr-placeholder{padding:80px 10px;background:#fff;color:#888;border-radius:14px;font-weight:800}.qr-card small{display:block;margin-top:12px}.card label,.auth-card label{display:block;font-size:13px;font-weight:700;margin-bottom:14px}.card input,.card textarea,.card select,.auth-card input{display:block;width:100%;margin-top:7px;border:1px solid #e0e4ea;border-radius:12px;padding:13px;font:inherit;background:#fafbfc}.btn{border:0;border-radius:12px;padding:13px 16px;text-decoration:none;text-align:center;font-weight:800;cursor:pointer;display:inline-block}.primary{background:#1976d2;color:#fff}.secondary{background:#fff;color:#1976d2;border:1px solid #dce7f3}.danger{background:#fff0f2;color:#d92d52}.full{width:100%;margin-top:12px}.alert{padding:12px;border-radius:12px;background:#eaf5ee;color:#227a42;margin-bottom:12px}.alert.danger{background:#fff0f2;color:#b4233f}.auth{min-height:100vh;display:grid;place-items:center;padding:20px;background:linear-gradient(135deg,#1976d2,#0d47a1)}.auth-card{width:min(420px,100%);background:#fff;padding:28px;border-radius:22px;box-shadow:0 20px 60px #0003}.auth-card h1{margin-bottom:4px}.auth-card>p{color:#777;margin-top:0;margin-bottom:22px}.auth-card .brand{color:#1976d2;margin-bottom:30px}.auth-card .brand span{color:#333}.auth-link{text-align:center;margin-top:18px;color:#777;font-size:13px}.auth-link a{color:#1976d2;font-weight:800}.center{text-align:center}.freeze{width:70px;height:70px;border-radius:50%;background:#fff0f2;color:#d92d52;display:grid;place-items:center;font-size:35px;font-weight:900;margin:0 auto 15px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.stats div{background:#fff;padding:14px;border-radius:15px;text-align:center}.stats b{display:block;font-size:20px;color:#1976d2}.stats small{color:#777;font-size:10px}.status.pending{background:#fff6df;color:#946200}.status.approved{background:#eaf7ee;color:#26763e}.status.rejected{background:#fff0f2;color:#b4233f}.mini{display:inline-block;padding:6px 9px;border-radius:8px;text-decoration:none;font-size:11px;font-weight:800}.approve{background:#eaf7ee;color:#26763e}.reject{background:#fff0f2;color:#b4233f}.hint{font-size:11px;color:#777;line-height:1.5}@media(max-width:380px){.quick a{font-size:12px;padding:12px 2px}.stats small{font-size:9px}}