*{box-sizing:border-box}body{margin:0;background:#f3f3f3;font-family:Arial,Helvetica,sans-serif;color:#111827}#app{max-width:480px;margin:auto;min-height:100vh;background:#f7f7f7}header{height:58px;background:white;display:flex;align-items:center;justify-content:space-between;padding:0 18px;position:sticky;top:0;z-index:2;box-shadow:0 1px 8px #0000000d}header button{font-size:42px;border:0;background:transparent;line-height:1}header h1{font-size:22px;font-weight:500}.hero{margin:16px 16px 22px;border-radius:14px;background:linear-gradient(135deg,#ffdf1b,#efd11d);height:150px;display:flex;align-items:flex-start;justify-content:space-between;padding:24px;color:white}.hero small{font-size:16px}.hero h2{font-size:34px;margin:18px 0 8px}.hero p{margin:0}.hero button{font-size:28px;border:0;background:transparent;color:white}.panel{background:white;margin:14px 16px;padding:20px;border-radius:14px;box-shadow:0 1px 8px #00000008}.panel h2{margin:0 0 10px;font-size:22px}.panel p{color:#7b7f8e}.logoA{width:64px;height:64px;border-radius:18px;background:#f2d21c;color:white;font-size:44px;font-weight:900;display:grid;place-items:center;margin-bottom:12px}input{width:100%;height:52px;border:0;background:#f1f1f1;border-radius:26px;margin:10px 0;padding:0 20px;font-size:18px;color:#111}.yellow{width:100%;height:54px;border:0;border-radius:16px;background:#efd11d;color:white;font-size:20px;font-weight:700;margin-top:14px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:0 16px 12px}.tab{border:0;background:white;border-radius:12px;padding:14px 4px;color:#777;font-weight:700}.tab.active{background:#efd11d;color:white}.hidden{display:none}.list .item{border-bottom:1px solid #eee;padding:12px 0}.list .item b{display:block}.list .item span{color:#777;font-size:13px}.nodata{text-align:center;color:#aaa;padding:55px 0}#toast{position:fixed;left:50%;bottom:60px;transform:translateX(-50%);background:#000c;color:#fff;padding:12px 18px;border-radius:10px;display:none;max-width:86%;z-index:9}.ok{color:#16a34a}.bad{color:#ef4444}