.aof-wrap{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:linear-gradient(180deg,#f7f8fc,#eef2f8);padding:30px 14px;min-height:650px;color:#1a2233}.aof-phone{max-width:520px;margin:0 auto}.aof-topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.aof-brand{font-size:26px;font-weight:800;letter-spacing:-.5px}.aof-brand span{font-size:12px;font-weight:600;color:#7d879b}.aof-sub{color:#7d879b;font-size:14px;margin-top:3px}.aof-icon-btn{border:0;background:#fff;width:44px;height:44px;border-radius:14px;box-shadow:0 8px 24px rgba(20,35,70,.08);cursor:pointer}.aof-hero,.aof-preview-card,.aof-form-card,.aof-list-card{background:#fff;border-radius:24px;padding:22px;box-shadow:0 14px 40px rgba(31,45,80,.08);margin-bottom:16px}.aof-hero{text-align:center;padding:34px 22px}.aof-hero-icon{font-size:42px}.aof-hero h2{margin:8px 0 6px;font-size:24px}.aof-hero p{margin:0 auto 18px;color:#6f7a8e;max-width:390px;line-height:1.55}.aof-upload{display:inline-flex;background:#111827;color:#fff;padding:13px 18px;border-radius:14px;font-weight:700;cursor:pointer}.aof-upload input{display:none}.aof-preview-card img{width:100%;max-height:290px;object-fit:cover;border-radius:16px;background:#f0f2f6}.aof-scan-row{display:flex;gap:10px;margin-top:14px}.aof-primary,.aof-secondary{border:0;border-radius:13px;padding:12px 15px;font-weight:750;cursor:pointer}.aof-primary{background:#111827;color:#fff}.aof-secondary{background:#eef1f6;color:#2f3a4c}.aof-full{width:100%;margin-top:8px}.aof-note{font-size:12px;color:#8a94a6;line-height:1.45;margin-top:12px}.aof-result-head{font-weight:800;font-size:18px;margin-bottom:14px}.aof-form-card label{display:block;font-size:13px;font-weight:700;color:#4e596c;margin-bottom:12px}.aof-form-card input,.aof-form-card select{box-sizing:border-box;width:100%;margin-top:7px;border:1px solid #dfe4ec;border-radius:12px;padding:12px 13px;background:#fbfcfe;color:#172033;font-size:15px;outline:none}.aof-form-card input:focus,.aof-form-card select:focus{border-color:#6d7cff;box-shadow:0 0 0 3px rgba(109,124,255,.12)}.aof-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.aof-list-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.aof-list-head>div{display:flex;flex-direction:column}.aof-list-head span{font-size:12px;color:#8a94a6;margin-top:2px}.aof-text-btn{border:0;background:transparent;color:#8a94a6;cursor:pointer;font-size:12px}.aof-empty{text-align:center;color:#929bad;padding:24px 8px}.aof-item{display:flex;gap:12px;align-items:flex-start;padding:14px 0;border-top:1px solid #eef1f5}.aof-item:first-child{border-top:0}.aof-datebox{min-width:58px;background:#f2f4f8;border-radius:14px;text-align:center;padding:9px 6px}.aof-datebox strong{display:block;font-size:20px}.aof-datebox span{font-size:11px;color:#6f7a8e;text-transform:uppercase}.aof-item-main{flex:1}.aof-item-title{font-weight:800}.aof-item-meta{font-size:13px;color:#7d879b;margin-top:4px;line-height:1.4}.aof-badge{display:inline-block;margin-top:7px;font-size:11px;background:#f3f5f9;padding:5px 8px;border-radius:999px;color:#4b5567}.aof-item-del{border:0;background:transparent;cursor:pointer;color:#9aa3b3;font-size:16px}@media(max-width:520px){.aof-wrap{padding:18px 10px}.aof-grid{grid-template-columns:1fr}.aof-hero,.aof-preview-card,.aof-form-card,.aof-list-card{border-radius:20px;padding:18px}.aof-brand{font-size:23px}}