.bp-screen,.bp-onboard{box-sizing:border-box;min-height:100dvh;background:#edf3f8;color:#12233f;font-family:Inter,Segoe UI,system-ui,sans-serif}.bp-screen *,.bp-onboard *{box-sizing:border-box}.bp-screen{padding:10px 12px 96px}.bp-head{display:flex;align-items:center;gap:10px}.bp-head>button{width:38px;height:38px;border:1px solid #d8e3ef;border-radius:10px;background:#fff;font-size:16px}.bp-head span{display:block;color:#1687ee;font-size:10px;font-weight:900;letter-spacing:.1em}.bp-head strong{display:block;font-size:17px}.bp-card{margin-top:10px;padding:14px;border:1px solid #d8e3ef;border-radius:14px;background:#fff}.bp-form{display:grid;gap:12px;border:0;margin:0;padding:0;min-width:0}.bp-form label{display:grid;gap:5px;color:#334a63;font-size:13px;font-weight:750}.bp-form label>span{color:#71839a;font-size:11.5px;font-weight:500}.bp-form input,.bp-form select,.bp-form textarea{width:100%;min-height:46px;border:1px solid #cbd8e5;border-radius:10px;padding:10px 12px;background:#fbfdff;color:#0f172a;font:inherit;font-size:15px;font-weight:500}.bp-form textarea{min-height:84px;resize:vertical}.bp-form input:focus,.bp-form select:focus,.bp-form textarea:focus{outline:2px solid #1687ee;outline-offset:1px}.bp-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media(max-width:380px){.bp-grid{grid-template-columns:1fr}}.bp-hint{margin:0;color:#5b6f86;font-size:13px;line-height:1.45}.bp-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid #e0e8f1;border-radius:12px;background:#f8fbfe}.bp-toggle-row strong{display:block;font-size:14px}.bp-toggle-row span{display:block;margin-top:2px;color:#64788f;font-size:12px}.bp-switch{flex:none;position:relative;width:50px;height:30px;border:0;border-radius:99px;background:#c6d3e1;transition:background .15s}.bp-switch i{position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:left .15s}.bp-switch.on{background:#0d6ec4}.bp-switch.on i{left:23px}.bp-primary{min-height:48px;width:100%;margin-top:12px;border:0;border-radius:12px;background:linear-gradient(135deg,#1f8fff,#0756af);color:#fff;font-size:15px;font-weight:850}.bp-secondary{min-height:48px;width:100%;margin-top:12px;border:1px solid #cbd8e5;border-radius:12px;background:#fff;color:#284866;font-size:15px;font-weight:800}.bp-primary:disabled,.bp-secondary:disabled{opacity:.55}.bp-link{border:0;background:none;padding:6px 0;color:#0d6ec4;font-size:13px;font-weight:800;text-align:left}.bp-actions{display:grid;grid-template-columns:1fr 1.6fr;gap:10px}.bp-error{margin-top:12px;padding:10px 12px;border-radius:10px;background:#fff1f2;color:#be123c;font-size:13px}.bp-ok{margin-top:12px;padding:10px 12px;border-radius:10px;background:#ecfdf5;color:#047857;font-size:13px}.bp-notice{margin-top:10px;padding:10px 12px;border:1px solid #fde68a;border-radius:12px;background:#fffbeb;color:#92400e;font-size:13px}.bp-tabs{display:flex;gap:6px;margin-top:10px;overflow-x:auto;scrollbar-width:none}.bp-tabs button{flex:none;min-height:36px;padding:0 14px;border:1px solid #d8e3ef;border-radius:99px;background:#fff;color:#4b6580;font-size:13px;font-weight:800}.bp-tabs button.active{border-color:#0d6ec4;background:#0d6ec4;color:#fff}.bp-identity{display:flex;align-items:center;gap:14px}.bp-identity strong{display:block;font-size:16px}.bp-identity span{display:block;margin-top:2px;color:#64788f;font-size:12.5px}.bp-logo{position:relative;flex:none;width:72px;height:72px;display:grid;place-items:center;overflow:hidden;border:1.5px dashed #a9bdd3;border-radius:14px;background:#f5f9fd;color:#0d6ec4;font-size:12px;font-weight:800;text-align:center;cursor:pointer}.bp-logo img{width:100%;height:100%;object-fit:contain;background:#fff}.bp-logo input{position:absolute;inset:0;opacity:0;cursor:pointer}.bp-logo.disabled{cursor:default}.bp-onboard{display:grid;place-items:start center;padding:calc(24px + env(safe-area-inset-top,0px)) 16px calc(24px + env(safe-area-inset-bottom,0px))}.bp-onboard-card{width:min(100%,560px);padding:22px 18px;border:1px solid #dbe3ee;border-radius:22px;background:#fff;box-shadow:0 16px 45px #0f172a14}.bp-onboard-card h1{margin:6px 0;font-size:24px}.bp-onboard-card>p{margin:0 0 16px;color:#526071;line-height:1.5;font-size:14.5px}.bp-brand{font-size:13px;letter-spacing:.12em;color:#64748b;font-weight:800}.bp-brand strong{color:#0f4c81}.bp-step{color:#1687ee;font-size:11px;font-weight:900;letter-spacing:.1em}.bp-progress{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin-bottom:14px}.bp-progress i{height:5px;border-radius:9px;background:#e2e8f0}.bp-progress i.done{background:#0d6ec4}.bp-onboard-alt{margin-top:20px;padding-top:16px;border-top:1px solid #e2e8f0;text-align:center}.bp-onboard-alt p{margin:0;color:#64748b;font-size:13px;line-height:1.5}.bp-onboard-alt .bp-link{text-align:center;width:100%;margin-top:8px;color:#64748b}.bp-styles{display:grid;grid-template-columns:1fr 1fr;gap:10px}.bp-styles>button{display:grid;gap:4px;padding:8px;border:1.5px solid #d8e3ef;border-radius:14px;background:#fff;text-align:left}.bp-styles>button.active{border-color:#0d6ec4;box-shadow:0 0 0 3px #0d6ec426}.bp-styles strong{font-size:13.5px}.bp-styles span{color:#64788f;font-size:11.5px;line-height:1.35}.bp-colour-label{margin-top:4px;color:#334a63;font-size:13px;font-weight:750}.bp-colours{display:flex;flex-wrap:wrap;gap:8px}.bp-colours>button,.bp-colour-custom{width:34px;height:34px;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #cbd8e5}.bp-colours>button.active{box-shadow:0 0 0 2px #0f172a}.bp-colour-custom{position:relative;display:grid;place-items:center;background:conic-gradient(#ef4444,#f59e0b,#22c55e,#3b82f6,#a855f7,#ef4444);color:#fff;font-weight:900;cursor:pointer}.bp-colour-custom input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.bp-thumb{aspect-ratio:.72;padding:7px;border:1px solid #e2e8f0;border-radius:7px;background:#fff;display:grid;grid-template-rows:auto auto auto 1fr auto;gap:5px;overflow:hidden}.bp-thumb-head{display:flex;justify-content:space-between;align-items:center;gap:4px}.bp-thumb-head b{font-size:7.5px;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bp-thumb-head i{width:30%;height:10px;border-radius:2px;background:#e5e9f0}.bp-thumb-title{font-size:8px;font-weight:900;color:var(--ink)}.bp-thumb-cards{display:grid;grid-template-columns:1fr 1fr;gap:3px}.bp-thumb-cards i{height:16px;border-radius:2px;background:var(--pale)}.bp-thumb-table{display:grid;gap:2px;align-content:start}.bp-thumb-table em{height:6px;border-radius:1px;background:var(--ink)}.bp-thumb-table span{height:5px;border-bottom:1px solid #e5e9f0}.bp-thumb-total{justify-self:end;width:45%;height:8px;border-radius:2px;background:var(--ink)}.bp-thumb-modern .bp-thumb-head{margin:-7px -7px 0;padding:7px;background:var(--ink)}.bp-thumb-modern .bp-thumb-head b{color:#fff}.bp-thumb-modern .bp-thumb-head i{background:#ffffff59}.bp-thumb-classic .bp-thumb-cards i{background:#fff;border:1px solid #9ca3af}.bp-thumb-classic .bp-thumb-table em{background:#fff;border-top:1.5px solid #111827;border-bottom:1.5px solid #111827}.bp-thumb-classic .bp-thumb-total{background:#fff;border-top:1.5px solid #111827;border-bottom:3px double #111827}.bp-thumb-minimal .bp-thumb-cards i{background:#fff;height:12px;border-left:2px solid var(--ink);border-radius:0}.bp-thumb-minimal .bp-thumb-table em{height:1.5px}.bp-thumb-minimal .bp-thumb-total{height:2px}.bp-thumb-minimal .bp-thumb-head{border-bottom:1.5px solid var(--ink);padding-bottom:4px}.bp-screen>*{max-width:640px;margin-left:auto;margin-right:auto}.bp-styles{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.bp-styles .bp-thumb{max-width:180px}