:root{--orange:#ff6a00;--orange2:#ff9d2e;--cream:#fff7ed;--ink:#111827;--muted:#667085;--line:#f1ddc5;--card:#fffdf8}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,sans-serif;background:#090909;color:var(--ink)}button,input,select,textarea{font:inherit}button{cursor:pointer}.hidden{display:none!important}.app-shell{max-width:430px;min-height:100dvh;margin:auto;background:linear-gradient(#fff5e6,#fffdf8);position:relative;overflow:hidden;box-shadow:0 0 80px #000}.screen{min-height:100dvh}.auth-screen{display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(180deg,#ff7a00 0 42%,#fff7ed 42% 100%)}.brand-wave{height:390px;position:relative;overflow:hidden}.brand-wave>img:first-child{position:absolute;inset:-10px -80px auto -80px;width:590px;height:210px;object-fit:cover}.hero-mascot{position:absolute;left:24px;top:32px;width:210px;filter:drop-shadow(0 20px 18px #8a350040)}.auth-card,.notice,.panel-form,.banner-card,.trust-card,.request-card{background:rgba(255,253,249,.96);border:1px solid var(--line);border-radius:28px;box-shadow:0 14px 34px #6f34001a}.auth-card{margin:-98px 18px 24px;padding:20px;position:relative;z-index:2}.auth-card h2{font-size:25px;margin:0 0 5px}.muted,.auth-card small{color:var(--muted);line-height:1.45}.auth-card input,.panel-form input,.panel-form select,.panel-form textarea{width:100%;border:1px solid var(--line);border-radius:17px;padding:14px;margin-top:9px;background:white;outline:0}.primary-btn,.secondary-btn,.ghost-btn{border:0;border-radius:18px;padding:14px 16px;font-weight:900}.primary-btn{width:100%;margin-top:12px;background:linear-gradient(180deg,#ff9b24,#ff5a00);color:#fff;box-shadow:0 13px 25px #ff6a0040}.secondary-btn{background:#111827;color:white}.ghost-btn{width:100%;margin-top:10px;background:#fff0df;color:#c84900}.google-btn{display:flex;align-items:center;justify-content:center;gap:10px}.google-btn span{background:white;color:#111;border-radius:50%;width:26px;height:26px;display:grid;place-items:center}.divider{display:flex;align-items:center;gap:10px;margin:14px 0 4px;color:#98a2b3;font-size:12px;font-weight:800}.divider:before,.divider:after{content:"";height:1px;background:var(--line);flex:1}.auth-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.phone-box{margin-top:10px;padding:12px;border-radius:18px;background:#fff7ed}.wide{width:100%;margin-top:9px}.main-screen{padding-bottom:84px}.top-hero{position:relative;min-height:318px;padding:0 16px 18px;background:linear-gradient(180deg,#ff7a00,#ffb13d 64%,#fff7ed 64%);border-radius:0 0 30px 30px}.top-logo{position:absolute;left:-82px;right:-82px;top:-12px;width:590px;height:175px;object-fit:cover}.top-mascot{position:absolute;left:18px;top:20px;width:165px;filter:drop-shadow(0 18px 18px #71310044)}.logout-btn{position:absolute;right:14px;top:18px;border:0;background:#ffffff38;color:white;border-radius:999px;padding:9px 12px;font-weight:900}.hello-block{position:absolute;left:24px;right:24px;top:175px;color:white;text-shadow:0 2px 10px #aa4200}.hello-block p{margin:0;font-size:28px;font-weight:900}.hello-block span{font-weight:800}.search-pill{position:absolute;left:18px;right:18px;bottom:18px;background:white;border:1px solid #f7dfc2;border-radius:999px;padding:8px 8px 8px 15px;display:flex;gap:8px;align-items:center;box-shadow:0 12px 26px #74310020}.search-pill input{border:0;outline:0;flex:1;min-width:0}.search-pill button{border:0;border-radius:999px;background:#111827;color:white;padding:9px 14px;font-weight:900}.content{padding:15px}.notice{padding:14px;display:grid;gap:6px;margin-bottom:14px}.notice span{color:var(--muted);font-size:13px}.notice button,.banner-card button{border:0;background:#111827;color:white;border-radius:999px;padding:10px 14px;font-weight:900}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:14px}.quick-grid button{border:1px solid var(--line);background:white;border-radius:20px;padding:12px 6px;font-weight:900;box-shadow:0 8px 18px #5e2b0012}.quick-grid span{display:block;font-size:12px;margin-top:6px}.banner-card{padding:16px;margin-bottom:16px;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#ff7a00,#ffd77f);overflow:hidden}.banner-card h3{color:white;margin:0;font-size:23px}.banner-card p{color:#fff8;margin:6px 0 12px;font-weight:700}.banner-card img{width:115px;margin:-10px -20px -20px 0}.section-title{display:flex;justify-content:space-between;align-items:end;margin:16px 4px 10px}.section-title h3{margin:0;font-size:19px}.section-title span{font-size:12px;color:var(--muted);font-weight:900}.view{display:none}.view.active{display:block}.panel-form{padding:14px;display:grid;gap:1px}.panel-form label{font-weight:900;font-size:13px}.check-row{display:flex;align-items:center;gap:8px;margin-top:10px}.check-row input{width:auto}.cards-list{display:grid;gap:10px}.request-card{padding:14px}.request-card .meta{display:flex;justify-content:space-between;gap:10px;font-size:12px;color:var(--muted);font-weight:900}.request-card h4{margin:8px 0 5px;font-size:17px}.request-card p{margin:0;color:#4b5563;font-size:13px;line-height:1.4}.status{display:inline-flex;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:900;background:#fff2e2;color:#c2410c}.card-actions{display:flex;gap:8px;margin-top:12px}.card-actions button{flex:1;border:0;border-radius:13px;padding:10px;font-weight:900;background:#fff0df;color:#b64700}.card-actions button.accept{background:#dcfce7;color:#15803d}.trust-card{padding:16px;margin-top:14px}.trust-card p{color:var(--muted);margin:6px 0 0}.bottom-nav{position:fixed;left:50%;transform:translateX(-50%);bottom:0;width:min(430px,100%);height:76px;background:#fffdf9f7;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);box-shadow:0 -8px 24px #0001;backdrop-filter:blur(14px)}.nav-btn{border:0;background:transparent;color:#667085;font-weight:900;display:grid;place-items:center;padding:8px 0}.nav-btn span{font-size:11px}.nav-btn.active{color:var(--orange)}.toast{position:fixed;left:50%;bottom:90px;transform:translateX(-50%);background:#111827;color:white;padding:13px 16px;border-radius:999px;font-weight:900;z-index:10;max-width:360px;text-align:center;box-shadow:0 12px 30px #0004}@media(min-width:431px){body{padding:24px}.app-shell{border-radius:36px;min-height:calc(100dvh - 48px)}.bottom-nav{bottom:24px;border-radius:0 0 36px 36px}}