*{box-sizing:border-box}html,body,#app{width:100%;min-height:100%;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#303237;background:#f3f4f6}button,input{font:inherit}button{border:0;cursor:pointer}.app-shell{width:100%;max-width:430px;min-height:100vh;margin:0 auto;overflow:hidden}.home-page{min-height:100vh;padding:14px 16px 28px;background:linear-gradient(165deg,#ff691f,#ff7b2b 34%,#ffc19f)}.brand-row,.apply-top{display:flex;align-items:center;justify-content:space-between;height:52px;color:#fff}.brand-mark{display:inline-grid;width:24px;height:24px;place-items:center;border:2px solid currentColor;border-radius:50%;font-size:16px;font-weight:800}.brand-name{margin-right:auto;margin-left:10px;font-size:16px;font-weight:800;letter-spacing:2px}.icon-btn,.top-actions button{display:grid;width:34px;height:34px;place-items:center;color:#fff;background:transparent;font-size:22px}.loan-card,.steps-card,.apply-card,.quick-actions,.stats-card{border-radius:22px;background:#fffffff0;box-shadow:0 14px 30px #7136181f}.hero-card{position:relative;margin-top:8px;padding:24px 18px 26px}.hero-card h1{margin:0 0 14px;font-size:24px;line-height:1}.hero-art{position:absolute;top:-12px;right:22px;width:98px;height:88px}.shield{position:absolute;right:20px;width:58px;height:64px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,#ffe6a8,#ffbf32);clip-path:polygon(50% 0,92% 18%,82% 76%,50% 100%,18% 76%,8% 18%);font-size:28px;font-weight:900}.coin{position:absolute;right:12px;bottom:6px;width:72px;height:22px;border-radius:50%;background:#b9d6ff;box-shadow:inset 0 4px #ffdf73}.winner-line{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border-radius:999px;background:#fff1e8;color:#303237;font-size:12px}.limit-box{width:100%;margin:32px auto 12px;padding:8px 10px 18px;text-align:center;background:#efefefd1}.limit-box span{display:block;margin-bottom:14px;font-size:18px;font-weight:800}.limit-box strong{display:block;white-space:nowrap;font-size:clamp(26px,7.6vw,34px);line-height:1}.phone-box{display:flex;align-items:center;height:112px;margin-top:8px;padding:0 18px;background:#efefef}.phone-icon{position:relative;display:inline-block;width:26px;height:40px;flex:0 0 auto;border:3px solid #8d8d8d;border-radius:4px}.phone-icon:before{position:absolute;top:4px;left:4px;right:4px;bottom:7px;content:"";border:2px solid #a5a5a5}.phone-icon:after{position:absolute;left:50%;bottom:2px;width:5px;height:5px;content:"";border-radius:50%;background:#8d8d8d;transform:translate(-50%)}.prefix{margin:0 16px 0 10px;font-size:16px;font-weight:700}.phone-box input{min-width:0;flex:1;border:0;border-bottom:2px solid #a7a7a7;outline:0;color:#303237;background:transparent;font-size:18px}.phone-box input::placeholder{color:#9b9b9b}.error-text{margin:10px 8px 0;color:#c7371f;font-size:14px}.primary-btn{width:calc(100% - 56px);height:56px;margin:24px 28px 0;border-radius:999px;color:#fff;font-size:20px;font-weight:800;box-shadow:0 12px 22px #e757203d}.primary-btn:disabled{opacity:.65}.orange{background:linear-gradient(180deg,#ff8033,#ff6c1b)}.green{background:linear-gradient(180deg,#67ea7b,#11bf4e);box-shadow:0 12px 22px #15ac5340}.steps-card{margin-top:20px;padding:24px 20px 26px}.steps-card h2{margin:0 0 28px;text-align:center;font-size:17px}.steps{display:grid;grid-template-columns:1fr 42px 1fr 42px 1fr;align-items:start;gap:4px}.step{text-align:center}.step span{display:inline-grid;width:52px;height:52px;place-items:center;border-radius:50%;color:#ff7628;background:#fff0ea;font-size:24px;font-weight:900}.step p{margin:10px 0 0;color:#555;font-size:14px;font-weight:700;line-height:1.16}.steps i{display:block;height:2px;margin-top:26px;background:#f1e1da}.apply-page{position:relative;display:flex;flex-direction:column;min-height:100vh;padding:0 18px 26px;background:linear-gradient(165deg,#ff691f,#ff7b2b 34%,#ffc19f)}.apply-header{display:flex;align-items:center;justify-content:space-between;height:58px;margin:0 -18px;padding:0 14px;color:#303237;background:#fffffff5}.apply-header button,.apply-header span{width:38px;height:38px}.apply-header button{display:grid;place-items:center;color:#777;background:transparent;font-size:42px;font-weight:300;line-height:1}.apply-header strong{font-size:17px;font-weight:700}.loan-amount-panel,.loan-term-panel{background:#fffffff5;box-shadow:0 12px 26px #7136181f}.loan-amount-panel{margin-top:22px;padding:22px 12px 30px;border-radius:20px;text-align:center}.loan-amount-panel p{margin:0 0 28px;font-size:19px;font-weight:700}.loan-amount-input{display:flex;align-items:baseline;justify-content:center;gap:8px;width:100%}.loan-amount-input span,.loan-amount-input input{color:#050505;font-size:32px;font-weight:900;line-height:1}.loan-amount-input input{width:245px;max-width:calc(100% - 48px);padding:0;border:0;outline:0;background:transparent;text-align:left;white-space:nowrap}.loan-term-panel{display:flex;align-items:center;justify-content:space-between;min-height:78px;margin-top:16px;padding:0 16px;border-bottom:1px solid #8c8c8c;border-radius:14px;overflow:hidden;font-size:16px}.loan-term-panel strong{font-weight:700}.apply-confirm-btn{width:100%;height:56px;margin-top:auto;margin-bottom:20px;border-radius:10px;color:#fff;background:linear-gradient(180deg,#ff8033,#ff6c1b);box-shadow:0 12px 22px #e757203d;font-size:19px;font-weight:800}.apply-confirm-btn:disabled{cursor:default;opacity:.7}.apply-error{margin:auto 4px 10px;color:#a52a1a;font-size:13px;text-align:center}.apply-error+.apply-confirm-btn{margin-top:0}.quick-actions,.stats-card{margin-top:16px;padding:20px}.quick-actions{display:grid;grid-template-columns:1fr 1fr}.quick-actions button{display:grid;gap:8px;justify-items:center;color:#9b9b9b;background:transparent;font-size:16px;font-weight:800}.quick-actions span{color:#ff7628;font-size:28px}.stars{text-align:center;color:#c9c9c9;letter-spacing:10px}.stats{display:grid;grid-template-columns:repeat(3,1fr);margin-top:18px;text-align:center;color:#9a9a9a}.stats strong{font-size:24px}.chat-page{display:flex;min-height:100vh;flex-direction:column;background:#ededed}.chat-header{display:grid;grid-template-columns:48px 1fr 48px;align-items:center;height:58px;border-bottom:1px solid #d8d8d8;background:#f7f7f7}.chat-header button{height:58px;background:transparent;font-size:32px}.chat-header div{display:grid;justify-items:center;gap:2px}.chat-header strong{font-size:17px}.chat-header span{color:#28b04c;font-size:11px}.chat-body{flex:1;padding:18px 14px;overflow-y:auto}.time-chip{width:max-content;margin:0 auto 18px;padding:4px 9px;border-radius:4px;color:#fff;background:#cecece;font-size:12px}.bubble{width:fit-content;max-width:78%;margin-bottom:12px;padding:10px 12px;border-radius:6px;font-size:16px;line-height:1.35}.bubble.other{background:#fff}.bubble.me{margin-left:auto;background:#95ec69}.quick-replies{display:flex;gap:8px;padding:8px 10px;overflow-x:auto;border-top:1px solid #e0e0e0;background:#f7f7f7}.quick-replies button{flex:0 0 auto;padding:7px 11px;border:1px solid #d9d9d9;border-radius:999px;color:#333;background:#fff;font-size:13px}.chat-input{display:grid;grid-template-columns:42px 1fr 42px 42px;align-items:center;gap:6px;min-height:58px;padding:8px;border-top:1px solid #d8d8d8;background:#f7f7f7}.chat-input input{height:40px;min-width:0;border:0;border-radius:5px;outline:0;padding:0 12px;background:#fff}.chat-input button{height:40px;border-radius:50%;background:transparent;font-size:25px}.agent-page{display:grid;grid-template-columns:280px 1fr;min-height:100vh;background:#f2f3f5;color:#222}.agent-sidebar{border-right:1px solid #dedede;background:#fff}.agent-sidebar h1{margin:0;padding:18px;border-bottom:1px solid #ededed;font-size:18px}.agent-sidebar button{display:grid;width:100%;gap:5px;padding:14px 18px;border-bottom:1px solid #f0f0f0;text-align:left;background:#fff}.agent-sidebar button.active{background:#fff1e8}.agent-sidebar span{color:#888;font-size:12px}.agent-chat{display:grid;min-width:0;grid-template-rows:58px 1fr 66px}.agent-chat header{display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid #dedede;background:#fff}.agent-chat header span{color:#28a745;font-size:13px}.agent-messages{overflow-y:auto;padding:18px 22px}.agent-bubble{width:fit-content;max-width:68%;margin-bottom:12px;padding:10px 12px;border-radius:8px;background:#fff}.agent-bubble.agent{margin-left:auto;background:#ffe1c8}.agent-bubble small{display:block;margin-bottom:4px;color:#888;font-size:11px}.agent-bubble p{margin:0;line-height:1.4}.agent-chat footer{display:grid;grid-template-columns:1fr 90px;gap:10px;padding:12px;border-top:1px solid #dedede;background:#fff}.agent-chat footer input{min-width:0;border:1px solid #ddd;border-radius:6px;outline:0;padding:0 12px}.agent-chat footer button{border-radius:6px;color:#fff;background:#ff7628;font-weight:800}.agent-chat footer button:disabled{opacity:.45}@media(max-width:720px){.agent-page{grid-template-columns:120px 1fr}.agent-sidebar h1{padding:14px 10px;font-size:15px}.agent-sidebar button{padding:12px 10px}}@media(max-width:360px){.hero-card h1{font-size:27px}.winner-line{max-width:250px;font-size:12px}.phone-box{padding:0 12px}.phone-box input{font-size:20px}.primary-btn{width:100%;margin-right:0;margin-left:0}}