:root{color:#172033;font-synthesis:none;text-rendering:optimizelegibility;background:#f5f7fb;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html,body,#app{min-width:320px;min-height:100%;margin:0}body{background:#f5f7fb}button,input,textarea{font:inherit}.app-shell{min-height:100svh}.login-screen{justify-content:center;align-items:center;min-height:100svh;padding:24px 16px;display:flex}.login-card,.content-card{background:#fff;border:1px solid #e8edf5;border-radius:24px;box-shadow:0 12px 35px #24324d0d}.login-card{width:min(100%,420px);padding:30px 24px}.logo-mark{color:#fff;background:linear-gradient(135deg,#316cff,#7d8fff);border-radius:14px;place-items:center;width:46px;height:46px;font-size:22px;font-weight:800;display:grid}.login-card h1{margin:18px 0 6px;font-size:26px}.muted{color:#8490a3;font-size:14px;line-height:1.6}.field{margin:18px 0;display:block}.field>span{color:#596579;margin-bottom:8px;font-size:14px;font-weight:600;display:block}.field input,.field textarea{color:#172033;background:#fbfcfe;border:1px solid #dce3ee;border-radius:12px;outline:none;width:100%;padding:12px 13px;transition:all .2s}.field input:focus,.field textarea:focus{border-color:#4778ff;box-shadow:0 0 0 3px #4778ff1f}.captcha-row{gap:10px;display:flex}.captcha-row input{flex:1;min-width:0}.captcha-row img{object-fit:contain;cursor:pointer;border:1px solid #e0e5ee;border-radius:10px;width:122px;height:46px}.primary-button{color:#fff;cursor:pointer;background:#356cf6;border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:13px 16px;font-weight:700;display:flex;box-shadow:0 7px 15px #356cf633}.primary-button:disabled{cursor:wait;opacity:.6}.spinner{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:15px;height:15px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.error-message{color:#c33d4c;background:#fff0f1;border-radius:10px;margin:14px 0 0;padding:11px 13px;font-size:14px}.main-screen{min-height:100svh;padding-bottom:calc(78px + env(safe-area-inset-bottom))}.app-header{width:min(100%,760px);padding:calc(18px + env(safe-area-inset-top)) 20px 14px;justify-content:space-between;align-items:center;margin:0 auto;display:flex}.app-header h1{letter-spacing:.02em;margin:2px 0 0;font-size:23px}.eyebrow{color:#8b96a9;letter-spacing:.14em;font-size:10px;font-weight:800}.text-button{color:#356cf6;cursor:pointer;background:0 0;border:0;padding:7px 2px;font-weight:700}.content-area{width:min(100%,760px);margin:0 auto;padding:4px 16px 24px}.content-card{border-radius:20px;padding:22px 18px}.section-title{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:18px;display:flex}.section-title h2{margin:0 0 5px;font-size:21px}.section-title p{color:#8b96a9;margin:0;font-size:13px}.step-badge{color:#356cf6;background:#edf2ff;border-radius:99px;padding:5px 9px;font-size:12px;font-weight:800}.message-input{resize:vertical;color:#172033;background:#fbfcfe;border:1px solid #dce3ee;border-radius:14px;outline:none;width:100%;min-height:280px;padding:15px;line-height:1.7;display:block}.message-input:focus{border-color:#4778ff;box-shadow:0 0 0 3px #4778ff1f}.input-footer{color:#9aa4b5;justify-content:space-between;padding:8px 2px 16px;font-size:12px;display:flex}.tips{color:#60719a;background:#f3f6ff;border-radius:12px;align-items:flex-start;gap:8px;margin-top:18px;padding:12px;display:flex}.tips span{color:#356cf6}.tips p{margin:0;font-size:12px;line-height:1.6}.summary-input{min-height:76px}.items-heading{justify-content:space-between;align-items:center;margin:22px 0 9px;display:flex}.item-card{background:#fbfcfe;border:1px solid #e3e8f1;border-radius:14px;gap:10px;margin:10px 0;padding:12px;display:flex;position:relative}.item-number{color:#356cf6;background:#edf2ff;border-radius:50%;flex:none;place-items:center;width:25px;height:25px;font-size:12px;font-weight:800;display:grid}.item-fields{flex:1;grid-template-columns:1fr 1fr;gap:0 10px;display:grid}.item-fields .field{margin:5px 0}.item-fields .field>span{margin-bottom:5px;font-size:12px}.wide-field{grid-column:1/-1}.remove-button{color:#d64b5b;cursor:pointer;background:0 0;border:0;font-size:12px;position:absolute;top:8px;right:8px}.empty-state{color:#8490a3;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:300px;display:flex}.empty-state strong{color:#4e5b70}.empty-icon{color:#b7c1d1;font-size:40px}.message-row{text-align:left;cursor:pointer;background:#fff;border:0;border-top:1px solid #edf0f5;align-items:center;gap:12px;width:100%;padding:15px 0;display:flex}.status-dot{background:#43bf86;border-radius:50%;flex:none;width:9px;height:9px}.status-dot.failed{background:#e25464}.message-row-body{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.message-row-body strong,.message-row-body small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.message-row-body strong{font-size:15px}.message-row-body small{color:#8b96a9;font-size:12px}.chevron{color:#b0bac9;font-size:24px}.detail-summary{color:#596b92;background:#f4f7ff;border-radius:12px;padding:13px;line-height:1.6}.detail-label{color:#66748a;margin:18px 0 8px;font-size:13px;font-weight:800}.raw-preview{white-space:pre-wrap;color:#536075;background:#f7f8fb;border-radius:12px;max-height:220px;padding:13px;font-size:13px;line-height:1.6;overflow:auto}.detail-item{border-top:1px solid #edf0f5;padding:12px 0}.detail-item>div{justify-content:space-between;gap:10px;display:flex}.detail-item span,.detail-item small{color:#8b96a9;font-size:12px}.detail-item p{color:#46546a;margin:7px 0 3px}.page-error{margin:0 16px}.bottom-nav{z-index:10;padding:10px 16px calc(10px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff2;border-top:1px solid #e8edf5;justify-content:center;gap:min(18vw,100px);display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav button{color:#8994a7;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:3px;font-size:12px;display:flex}.bottom-nav button span{font-size:19px;line-height:18px}.bottom-nav button.active{color:#356cf6;font-weight:800}@media (width>=700px){.content-area{padding-top:12px}.content-card{padding:28px 30px}}@media (width<=390px){.login-card{padding:24px 18px}.content-card{border-radius:17px;padding:18px 14px}.item-fields{grid-template-columns:1fr}.wide-field{grid-column:auto}.message-input{min-height:240px}.app-header{padding-left:16px;padding-right:16px}.content-area{padding-left:12px;padding-right:12px}}