:root{--navy:#0B1B3A;--blue:#1A6BFF;--green:#2FA84F;--bg:#F2F4F8;--card:#fff;--ink:#0B1B3A;--mute:#5B6985;--line:rgba(11,27,58,.1);--field:#F2F4F8}
@media(prefers-color-scheme:dark){:root{--bg:#09132B;--card:#0F1C3C;--ink:#F2F5FF;--mute:#97A4C6;--line:rgba(200,215,255,.14);--field:#0A1633;color-scheme:dark}}
*{box-sizing:border-box}
body.dpfa-body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display",Inter,"Segoe UI",Roboto,sans-serif;line-height:1.45;-webkit-font-smoothing:antialiased;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}
.dpfa-wrap{max-width:480px;margin:0 auto;padding:12px 16px 40px;display:flex;flex-direction:column;gap:12px}
.dpfa-top{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;text-align:center;padding:6px 0}.dpfa-top b{font-size:19px;letter-spacing:-.02em}
.dpfa-back,.dpfa-av{width:40px;height:40px;border-radius:50%;border:0;background:var(--card);color:var(--ink);font-size:24px;line-height:1;cursor:pointer;box-shadow:0 1px 6px rgba(11,27,58,.08)}.dpfa-av{font-size:16px;font-weight:700;background:var(--blue);color:#fff}
.dpfa-card{background:var(--card);border-radius:20px;padding:18px;display:flex;flex-direction:column;gap:12px;box-shadow:0 1px 8px rgba(11,27,58,.06)}
.dpfa-f{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600;color:var(--mute)}
.dpfa-f input,.dpfa-f textarea,.it input{width:100%;font:inherit;font-size:16px;font-weight:500;color:var(--ink);background:var(--field);border:1.5px solid transparent;border-radius:12px;padding:13px 14px}
.dpfa-f input:focus,.dpfa-f textarea:focus,.it input:focus{outline:0;border-color:var(--blue)}
.dpfa-btn{display:flex;align-items:center;justify-content:center;height:52px;border:0;border-radius:15px;background:var(--navy);color:#fff;font:inherit;font-size:17px;font-weight:700;text-decoration:none;cursor:pointer}
.dpfa-btn.blue{background:linear-gradient(180deg,#3F83FF,#1A6BFF)}.dpfa-btn.green{background:linear-gradient(180deg,#3BBE60,#2FA84F)}.dpfa-btn.ghost{background:var(--card);color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line)}.dpfa-btn:disabled{opacity:.6}
.dpfa-link{color:var(--blue);font-weight:600;font-size:15px;text-align:center;text-decoration:none}.btnlike{background:none;border:0;padding:6px;cursor:pointer;font-family:inherit}.danger{color:#D64545}
.dpfa-err{color:#D64545;font-size:14px;font-weight:600;min-height:0}.dpfa-err:empty{display:none}
.dpfa-hero{text-align:center;padding:36px 0 8px}.dpfa-hero h1{margin:0;font-size:32px;letter-spacing:-.04em}.dpfa-hero p{margin:6px 0 0;color:var(--mute)}
.dpfa-tabs{display:grid;grid-template-columns:1fr 1fr;background:var(--card);border-radius:14px;padding:4px}.dpfa-tabs button{height:42px;border:0;border-radius:11px;background:none;font:inherit;font-weight:700;color:var(--mute);cursor:pointer}.dpfa-tabs .on{background:var(--blue);color:#fff}
.plan .row{display:flex;flex-direction:column}.plan small,.dpfa-row small,.hint{color:var(--mute);font-size:13px}.hint{margin:0}
.bar{height:8px;border-radius:99px;background:var(--field);overflow:hidden}.bar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#3F83FF,#2FA84F)}
.dpfa-sub{font-size:12px;font-weight:700;color:var(--mute);text-transform:uppercase;letter-spacing:.06em;margin:6px 2px 0}
.dpfa-row{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;text-align:left;background:var(--card);border:0;border-radius:16px;padding:14px 16px;font:inherit;color:var(--ink);cursor:pointer;box-shadow:0 1px 6px rgba(11,27,58,.05)}.dpfa-row div{display:flex;flex-direction:column;min-width:0}.dpfa-row>span{font-weight:700;color:#1E7A39;white-space:nowrap}
.dpfa-empty{text-align:center;color:var(--mute);padding:28px 12px}
.dpfa-chips{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.dpfa-chips button{height:42px;border:0;border-radius:11px;background:var(--field);color:var(--mute);font:inherit;font-size:13px;font-weight:700;cursor:pointer}.dpfa-chips .on{background:var(--blue);color:#fff}
.items{display:flex;flex-direction:column;gap:8px}.it{display:grid;grid-template-columns:1fr 112px;gap:6px;position:relative}.it .x{position:absolute;right:-6px;top:-8px;width:24px;height:24px;border-radius:50%;border:0;background:#D64545;color:#fff;cursor:pointer;line-height:1}
.tot{display:flex;justify-content:space-between;align-items:baseline;border-top:2px solid var(--ink);padding-top:12px;font-weight:700}.tot b{font-size:26px;color:#1E7A39}
.dpfa-doc{background:#fff;color:#0B1B3A;border-radius:18px;padding:18px;box-shadow:0 2px 14px rgba(11,27,58,.1)}
.dpfa-doc .dh{display:flex;gap:12px;align-items:center;border-bottom:3px solid var(--blue);padding-bottom:12px;margin-bottom:12px}.dpfa-doc .dh img,.dpfa-doc .dh em{width:44px;height:44px;border-radius:11px;object-fit:contain}.dpfa-doc .dh em{display:grid;place-items:center;background:var(--navy);color:#fff;font-style:normal;font-weight:800}
.dpfa-doc .dh div{display:flex;flex-direction:column}.dpfa-doc .dh small{color:#5B6985}.dpfa-doc p{margin:0 0 6px}
.dpfa-doc .r{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px dotted #CBD3E3}.dpfa-doc .tt{display:flex;justify-content:space-between;align-items:baseline;margin-top:10px;font-weight:700}.dpfa-doc .tt b{font-size:26px;color:#1E7A39}
.logo{width:72px;height:72px;border-radius:14px;object-fit:contain;background:var(--field)}.logo.ph{display:grid;place-items:center;font-size:12px;color:var(--mute)}.dpfa-f input[type=file]{font-size:14px;padding:10px}
.dpfa-toast{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom));transform:translateX(-50%);background:var(--navy);color:#fff;padding:12px 18px;border-radius:99px;font-weight:600;font-size:14px;box-shadow:0 10px 30px rgba(0,0,0,.3);transition:opacity .4s;z-index:99}.dpfa-toast.out{opacity:0}
:focus-visible{outline:3px solid #6FA3FF;outline-offset:2px}

.dpfa-banner{display:flex;flex-direction:column;gap:2px;text-decoration:none;color:#fff;background:linear-gradient(135deg,#1A6BFF,#0B1B3A);border-radius:16px;padding:14px 16px;box-shadow:0 4px 16px rgba(26,107,255,.25)}.dpfa-banner b{font-size:15px}.dpfa-banner span{font-size:13px;opacity:.9}.dpfa-banner.warn{background:#B42318}
.dpfa-f input[type=color]{height:48px;padding:4px;cursor:pointer}
