:root{font-family:SF Pro Display,PingFang SC,Microsoft YaHei,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#181b20;background:#f4f6f8;font-synthesis:none;--ink: #181b20;--muted: #858b96;--line: #e8eaee;--primary: #ff6738;--primary-dark: #ed5124;--soft-orange: #fff1eb;--green: #1c9a66}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 12% 0%,#fff 0,transparent 26rem),#f4f6f8}button,input{font:inherit}button,label{-webkit-tap-highlight-color:transparent}svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.app-view{display:none}.app-view.authenticated{display:block}#homePageView.hidden,#appPageView.hidden{display:none}.login-view{min-height:100vh;display:grid;place-items:center;padding:max(24px,env(safe-area-inset-top)) 20px max(24px,env(safe-area-inset-bottom));background:radial-gradient(circle at 15% 0%,#fff 0,transparent 30rem),linear-gradient(145deg,#f7f8fa,#eef1f4)}.login-view.hidden{display:none}.login-shell{width:min(100%,430px);padding:29px 25px 24px;border:1px solid rgba(255,255,255,.9);border-radius:28px;background:#ffffffe0;box-shadow:0 24px 65px #1e232b1f;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.login-brand{display:flex;align-items:center;gap:9px}.login-brand>span{width:39px;height:39px;display:grid;place-items:center;color:#fff;border-radius:12px;background:linear-gradient(145deg,#ff815a,#f95729);box-shadow:0 8px 18px #ef532838}.login-brand svg{width:24px}.login-brand p{margin:0;color:#343840;font-size:10px;font-weight:700;letter-spacing:1.7px}.login-copy{padding:35px 0 27px}.login-copy>span{color:var(--primary);font-size:9px;font-weight:700;letter-spacing:1.6px}.login-copy h1{margin:8px 0 9px;font-size:27px;letter-spacing:-.8px}.login-copy p{margin:0;color:var(--muted);font-size:12px;line-height:1.7}.login-form>label{display:block;margin:0 0 8px 2px;color:#4d525a;font-size:11px;font-weight:600}.login-input{position:relative;margin-bottom:18px}.login-input>svg{position:absolute;left:14px;top:50%;width:19px;color:#9ca2ab;transform:translateY(-50%)}.login-input input{width:100%;height:53px;padding:0 48px 0 44px;color:var(--ink);font-size:14px;border:1px solid #e2e5e9;border-radius:15px;outline:0;background:#f8f9fa;transition:.2s}.login-input input:focus{border-color:#ff9878;background:#fff;box-shadow:0 0 0 4px #ff673814}.login-input input::placeholder{color:#b2b7bf}.login-input button{position:absolute;right:6px;top:50%;width:40px;height:40px;display:grid;place-items:center;color:#989ea7;border:0;background:none;transform:translateY(-50%);cursor:pointer}.login-input button svg{width:20px}.login-error{min-height:17px;margin:-7px 2px 7px;color:#d64c36;font-size:11px}.login-button{width:100%;height:55px;margin-top:2px;color:#fff;font-weight:600;border:0;border-radius:16px;background:linear-gradient(100deg,#ff7448,#f4572c);box-shadow:0 12px 25px #e850263d;cursor:pointer}.login-button i{display:none;width:17px;height:17px;margin:auto;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}.login-button.loading span{display:none}.login-button.loading i{display:block}.login-button:disabled{opacity:.75;cursor:wait}.login-security{display:flex;align-items:center;justify-content:center;gap:6px;margin:20px 0 0;color:#a0a6ae;font-size:9px}.login-security svg{width:14px}.page-shell{width:min(100%,580px);min-height:100vh;margin:0 auto;padding:max(22px,env(safe-area-inset-top)) 18px calc(30px + env(safe-area-inset-bottom))}.topbar{display:flex;align-items:center;gap:12px;padding:2px 2px 22px}.brand-mark{width:45px;height:45px;flex:none;display:grid;place-items:center;color:#fff;border-radius:14px;background:linear-gradient(145deg,#ff815a,#f95729);box-shadow:0 9px 22px #ef53283d}.brand-mark svg{width:27px}.topbar h1{margin:0 0 3px;font-size:19px;letter-spacing:-.3px}.topbar p{margin:0;color:var(--muted);font-size:12px}.topbar-actions{margin-left:auto;display:flex;align-items:center;gap:7px}.icon-button{width:42px;height:42px;border:1px solid #e6e8ec;color:#3e424a;background:#fffc;border-radius:13px;display:grid;place-items:center;cursor:pointer}.icon-button svg{width:21px}.user-button{position:relative;width:42px;height:42px;padding:0;color:#fff;border:2px solid #fff;border-radius:14px;background:linear-gradient(145deg,#3e444e,#1c2026);box-shadow:0 5px 15px #1a1e2426;cursor:pointer}.user-button span{font-size:13px;font-weight:700}.user-button i{position:absolute;right:-1px;bottom:-1px;width:9px;height:9px;border:2px solid #fff;border-radius:50%;background:#32ad76}.hero-card{position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:center;min-height:146px;padding:24px 22px;border-radius:23px;color:#fff;background:linear-gradient(125deg,#242932,#12151a);box-shadow:0 16px 34px #16191f2b}.hero-card:after{content:"";position:absolute;width:185px;height:185px;right:-72px;top:-82px;border:1px solid rgba(255,255,255,.07);border-radius:50%;box-shadow:0 0 0 30px #ffffff05,0 0 0 60px #ffffff03}.eyebrow{color:#ff9a77;font-size:9px;font-weight:700;letter-spacing:1.7px}.hero-card h2{margin:7px 0 8px;font-size:22px;letter-spacing:-.5px}.hero-card p{max-width:300px;margin:0;color:#aeb3bc;font-size:12px;line-height:1.7}.shield{position:relative;z-index:1;flex:none;width:61px;height:61px;margin-left:12px;display:grid;place-items:center;color:#ff7951;border:1px solid rgba(255,255,255,.1);border-radius:19px;background:#ffffff0f;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transform:rotate(3deg)}.shield svg{width:37px;stroke-width:2.2}.settlement-card{margin-top:14px;padding:18px 19px;color:#fff;border-radius:20px;background:linear-gradient(125deg,#313741,#1e2229);box-shadow:0 10px 25px #1d21281f}.settlement-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:15px}.settlement-head span{color:#ff9a77;font-size:8px;font-weight:700;letter-spacing:1.4px}.settlement-head h3{margin:3px 0 0;font-size:15px}.settlement-head small{color:#8f96a0;font-size:8px}.settlement-grid{display:grid;grid-template-columns:repeat(4,1fr)}.settlement-grid div{position:relative;text-align:center}.settlement-grid div:not(:last-child):after{content:"";position:absolute;right:0;top:5px;width:1px;height:27px;background:#ffffff17}.settlement-grid strong{display:block;font-size:18px;line-height:1.2}.settlement-grid div:nth-child(2) strong{color:#63d5a5}.settlement-grid div:nth-child(3) strong{color:#ffb16f}.settlement-grid div:nth-child(4) strong{color:#ff8064}.settlement-grid span{display:block;margin-top:5px;color:#9299a3;font-size:8px}.my-apps-card{margin-top:14px;padding:19px;border:1px solid rgba(222,225,231,.8);border-radius:21px;background:#ffffffe6;box-shadow:0 7px 24px #1f252f0b}.my-apps-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:14px}.my-apps-head span{color:var(--primary);font-size:8px;font-weight:700;letter-spacing:1.4px}.my-apps-head h3{margin:4px 0 0;font-size:16px}.my-apps-head button{padding:7px 10px;color:var(--primary);font-size:10px;font-weight:600;border:0;border-radius:9px;background:var(--soft-orange);cursor:pointer}.my-apps-list{display:flex;gap:9px;overflow-x:auto;padding:1px 1px 4px;scrollbar-width:none}.my-apps-list::-webkit-scrollbar{display:none}.my-app-item{min-width:147px;display:flex;align-items:center;gap:9px;padding:11px;text-align:left;border:1px solid #e8eaee;border-radius:13px;background:#fafbfc;cursor:pointer;transition:.2s}.my-app-item:hover,.my-app-item.active{border-color:#ff9a7a;background:#fff7f3}.my-app-item>span{width:34px;height:34px;display:grid;place-items:center;flex:none;color:#fff;font-size:13px;font-weight:700;border-radius:10px;background:linear-gradient(145deg,#424852,#20242a)}.my-app-item div{min-width:0}.my-app-item strong{display:block;overflow:hidden;color:#30343a;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.my-app-item small{display:block;margin-top:3px;color:var(--muted);font-size:8px}.apps-loading{width:100%;padding:15px 0;color:#a0a6ae;font-size:10px;text-align:center}.app-page-heading{display:flex;align-items:center;gap:13px;margin:2px 0 16px;padding:17px 18px;border:1px solid rgba(222,225,231,.8);border-radius:20px;background:#ffffffe6;box-shadow:0 7px 24px #1f252f0b}.back-home-button{width:42px;height:42px;flex:none;display:grid;place-items:center;padding:0;color:#3c4149;border:0;border-radius:13px;background:#eef0f2;cursor:pointer}.back-home-button svg{width:21px}.app-page-heading span{color:var(--primary);font-size:8px;font-weight:700;letter-spacing:1.4px}.app-page-heading h2{margin:3px 0 2px;font-size:18px;letter-spacing:-.3px}.app-page-heading p{margin:0;color:var(--muted);font-size:10px}form{margin-top:15px}.form-card{margin-top:14px;padding:21px 19px;border:1px solid rgba(222,225,231,.8);border-radius:21px;background:#ffffffe6;box-shadow:0 7px 24px #1f252f0b}.section-heading{display:flex;align-items:center;gap:12px;margin-bottom:20px}.step{width:35px;height:35px;display:grid;place-items:center;color:var(--primary);font-size:11px;font-weight:700;border-radius:11px;background:var(--soft-orange)}.section-heading h3{margin:0 0 3px;font-size:16px;letter-spacing:-.2px}.section-heading p{margin:0;color:var(--muted);font-size:11px}.field-label{display:block;margin:0 0 9px 2px;color:#494e57;font-size:12px;font-weight:600}.field-label span{color:var(--primary)}.input-wrap{position:relative}.input-wrap svg{position:absolute;left:14px;top:50%;width:19px;color:#a4a9b1;transform:translateY(-50%)}.input-wrap input{width:100%;height:51px;padding:0 78px 0 44px;color:var(--ink);font-size:14px;border:1px solid #e4e6ea;border-radius:14px;outline:0;background:#fafbfc;transition:border-color .2s,box-shadow .2s}.input-wrap input:focus{border-color:#ff9a7a;box-shadow:0 0 0 4px #ff673817;background:#fff}.input-wrap input::placeholder{color:#b0b5bd}.name-state{position:absolute;right:13px;top:50%;padding:4px 7px;font-size:10px;font-weight:600;border-radius:7px;transform:translateY(-50%)}.name-state.available{color:var(--green);background:#eaf8f2}.name-state.duplicate{color:#cf4f30;background:#fff0ec}.field-error{min-height:0;margin:8px 2px 0;color:#d94d35;font-size:11px}.field-error:empty{margin:0}.append-mode-bar{display:flex;align-items:center;justify-content:space-between;margin:-5px 0 15px;padding:9px 11px;color:#a14d31;font-size:10px;border-radius:10px;background:#fff1eb}.append-mode-bar.hidden{display:none}.append-mode-bar button{padding:3px 6px;color:#a14d31;font-size:9px;border:0;border-radius:6px;background:#ffffffb3;cursor:pointer}.input-wrap input:read-only{color:#6d737c;background:#f0f2f4;cursor:default}.drop-zone{min-height:174px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--muted);border:1.5px dashed #d7dade;border-radius:17px;background:#fafbfc;cursor:pointer;transition:.2s ease}.drop-zone:hover,.drop-zone.dragging{color:var(--primary);border-color:#ff9b7d;background:#fff8f5}.drop-zone.compact{min-height:100px}.upload-icon{width:49px;height:49px;display:grid;place-items:center;margin-bottom:11px;color:var(--primary);border-radius:15px;background:var(--soft-orange)}.upload-icon svg{width:25px}.drop-zone strong{color:#3b3f46;font-size:13px}.drop-zone small{margin-top:5px;color:#a3a8b0;font-size:10px}.file-summary{display:flex;align-items:center;justify-content:space-between;margin:17px 2px 10px}.file-summary.hidden{display:none}.file-summary div{display:flex;gap:4px;align-items:baseline;color:var(--muted);font-size:11px}.file-summary strong{color:var(--ink);font-size:15px}.file-summary button{padding:4px 0;color:#dc5c3c;font-size:11px;border:0;background:none;cursor:pointer}.preview-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.preview-item{position:relative;aspect-ratio:.72;overflow:visible;border-radius:11px;background:#eceef1}.preview-item img{width:100%;height:100%;display:block;object-fit:cover;border-radius:11px}.preview-item button{position:absolute;right:-5px;top:-5px;width:20px;height:20px;padding:0;color:#fff;border:2px solid #fff;border-radius:50%;background:#343840;line-height:14px;cursor:pointer}.preview-item span{position:absolute;left:5px;bottom:5px;padding:2px 5px;color:#fff;font-size:8px;border-radius:5px;background:#0000008c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.privacy-note{display:flex;gap:11px;margin:14px 3px 17px;padding:13px 14px;color:#6c727c;border-radius:14px;background:#eceff2}.privacy-note svg{width:18px;flex:none;color:#727882}.privacy-note strong{display:block;margin-bottom:2px;color:#565c65;font-size:11px}.privacy-note p{margin:0;font-size:10px;line-height:1.55}.submit-button{width:100%;height:57px;color:#fff;border:0;border-radius:17px;background:linear-gradient(100deg,#ff7448,#f4572c);box-shadow:0 12px 25px #e8502640;cursor:pointer;transition:transform .15s,opacity .2s}.submit-button:active{transform:scale(.985)}.submit-button:disabled{cursor:wait;opacity:.8}.button-label,.button-loading{display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;font-weight:600}.button-label svg{width:20px}.button-loading,.is-loading .button-label{display:none}.is-loading .button-loading{display:flex}.button-loading i{width:17px;height:17px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}.footer-copy{margin:15px 0 0;color:#a1a6ae;font-size:9px;text-align:center}.toast{position:fixed;z-index:20;left:50%;top:max(18px,env(safe-area-inset-top));max-width:calc(100% - 36px);padding:11px 16px;color:#fff;font-size:12px;border-radius:11px;background:#262a31;box-shadow:0 10px 30px #0003;opacity:0;pointer-events:none;transform:translate(-50%,-20px);transition:.25s}.toast.visible{opacity:1;transform:translate(-50%)}.toast.warning{background:#9b6427}.toast.error{background:#b74332}.modal,.drawer{position:fixed;z-index:30;inset:0;visibility:hidden}.modal.open,.drawer.open{visibility:visible}.modal-backdrop{position:absolute;inset:0;background:#1012167a;opacity:0;transition:.25s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.open .modal-backdrop{opacity:1}.modal-panel{position:absolute;left:50%;top:50%;width:min(340px,calc(100% - 38px));padding:29px 25px 24px;text-align:center;border-radius:23px;background:#fff;opacity:0;transform:translate(-50%,-45%) scale(.96);transition:.25s}.open .modal-panel{opacity:1;transform:translate(-50%,-50%) scale(1)}.success-icon{width:58px;height:58px;display:grid;place-items:center;margin:0 auto 16px;color:var(--green);border-radius:18px;background:#eaf8f2}.success-icon svg{width:34px;stroke-width:2.4}.modal-panel h3{margin:0 0 8px;font-size:19px}.modal-panel p{margin:0 0 22px;color:var(--muted);font-size:12px;line-height:1.7}.modal-panel button{width:100%;height:45px;color:#fff;font-weight:600;border:0;border-radius:13px;background:var(--primary)}.new-app-modal-panel{padding:22px;text-align:left}.new-app-modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.new-app-icon{width:46px;height:46px;display:grid;place-items:center;color:var(--primary);border-radius:14px;background:var(--soft-orange)}.new-app-icon svg{width:24px}.new-app-modal-head>button{width:34px;height:34px;padding:0;color:#858b94;font-size:22px;font-weight:400;line-height:1;border-radius:10px;background:#f0f2f4;cursor:pointer}.new-app-modal-panel h3{margin-bottom:6px}.new-app-modal-panel>p{margin-bottom:20px}.new-app-form{margin:0}.new-app-form label{display:block;margin:0 0 8px 2px;color:#494e57;font-size:12px;font-weight:600}.new-app-form label span{color:var(--primary)}.new-app-form input{width:100%;height:50px;padding:0 14px;color:var(--ink);font-size:14px;border:1px solid #e1e4e8;border-radius:13px;outline:0;background:#f8f9fa;transition:.2s}.new-app-form input:focus{border-color:#ff9a7a;background:#fff;box-shadow:0 0 0 4px #ff673817}.new-app-form input::placeholder{color:#b0b5bd}.new-app-error{min-height:17px;margin:7px 2px 8px;color:#d94d35;font-size:11px}.new-app-actions{display:grid;grid-template-columns:88px 1fr;gap:9px}.new-app-actions .new-app-cancel{color:#656b74;background:#eef0f2;cursor:pointer}.new-app-actions .new-app-confirm{background:linear-gradient(100deg,#ff7448,#f4572c);box-shadow:0 8px 18px #e8502633;cursor:pointer}.drawer-panel{position:absolute;left:50%;bottom:0;width:min(580px,100%);max-height:76vh;padding:22px 19px calc(24px + env(safe-area-inset-bottom));border-radius:24px 24px 0 0;background:#f8f9fa;transform:translate(-50%,100%);transition:.3s cubic-bezier(.2,.8,.2,1)}.open .drawer-panel{transform:translate(-50%)}.drawer-head{display:flex;justify-content:space-between;align-items:start;padding:0 2px 18px}.drawer-head h3{margin:0 0 3px;font-size:18px}.drawer-head p{margin:0;color:var(--muted);font-size:11px}.drawer-head button{width:33px;height:33px;color:#777d86;font-size:22px;line-height:27px;border:0;border-radius:10px;background:#e9ebee}.record-list{overflow:auto;max-height:calc(76vh - 100px)}.record-list article{display:flex;align-items:center;gap:12px;margin-bottom:9px;padding:13px;border:1px solid var(--line);border-radius:15px;background:#fff}.record-list article>span{width:39px;height:39px;display:grid;place-items:center;flex:none;color:#fff;font-size:15px;font-weight:700;border-radius:12px;background:linear-gradient(145deg,#ff8c69,#ef5a30)}.record-list article div{min-width:0;flex:1}.record-list strong{display:block;overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.record-list p{margin:3px 0 0;color:var(--muted);font-size:9px}.record-list em{color:#777d86;font-size:10px;font-style:normal}.empty-records{padding:45px 0 55px;color:#a0a5ad;text-align:center}.empty-records span{font-size:35px}.empty-records p{font-size:12px}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:700px){body{padding:30px 0}.page-shell{min-height:auto;padding:28px;border-radius:28px;background:#f8f9fae0;box-shadow:0 25px 70px #1c212a1c}}@media(max-width:370px){.page-shell{padding-left:14px;padding-right:14px}.hero-card{padding:21px 18px}.hero-card h2{font-size:20px}.shield{width:52px;height:52px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}