.dbp-wrap{--dbp-navy:#0a1b36;--dbp-blue:#1658d4;--dbp-border:#dce5f3;max-width:1060px;margin:24px auto 64px;padding:16px;color:#172b4d;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;line-height:1.55;box-sizing:border-box}
.dbp-wrap *{box-sizing:border-box}
.dbp-wrap .dbp-brand{display:flex;align-items:center;gap:10px;font-size:17px;letter-spacing:-.02em;font-weight:600;color:var(--dbp-navy);margin-bottom:28px}
.dbp-wrap .dbp-brand strong{color:var(--dbp-blue)}
.dbp-wrap .dbp-brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:var(--dbp-blue);font-weight:800;color:#fff}
.dbp-wrap .dbp-header{margin-bottom:25px}
.dbp-wrap .dbp-header h1{font-size:clamp(26px,4vw,38px);line-height:1.2;color:var(--dbp-navy);margin:0 0 9px;font-weight:800}
.dbp-wrap .dbp-header p{margin:0;color:#566782;font-size:16px}
.dbp-wrap .dbp-card{padding:clamp(20px,4vw,32px);border-radius:20px;background:#fff;border:1px solid var(--dbp-border);box-shadow:0 10px 34px rgba(13,47,99,.055);margin:0 0 18px}
.dbp-wrap .dbp-card h2{color:var(--dbp-navy);font-size:20px;margin:0 0 14px;font-weight:750}
.dbp-wrap .dbp-card p{margin-top:0}
.dbp-wrap .dbp-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:22px}
.dbp-wrap .dbp-fields .dbp-wide{grid-column:1/-1}
.dbp-wrap label{display:block;font-size:14px;font-weight:650;color:var(--dbp-navy)}
.dbp-wrap input[type=text],.dbp-wrap input[type=email],.dbp-wrap input[type=password]{display:block;width:100%;margin:7px 0 0;max-width:100%;padding:12px 13px;color:var(--dbp-navy);background:#fbfdff;border:1px solid #bdcee5;border-radius:10px;font-size:15px;line-height:1.35;box-shadow:none}
.dbp-wrap input:focus-visible,.dbp-wrap button:focus-visible,.dbp-wrap a:focus-visible{outline:3px solid #91baff;outline-offset:3px}
.dbp-wrap .dbp-button,.dbp-wrap input[type=submit]{display:inline-flex;align-items:center;justify-content:center;min-height:43px;padding:10px 21px;color:white!important;background:var(--dbp-blue);border:0;border-radius:10px;text-decoration:none;font-size:15px;font-weight:700;cursor:pointer;line-height:1.4}
.dbp-wrap .dbp-button:hover,.dbp-wrap input[type=submit]:hover{background:#1049b9;color:#fff}
.dbp-wrap .dbp-small{font-size:14px;color:#607087}
.dbp-wrap .dbp-small a{color:var(--dbp-blue)}
.dbp-wrap .dbp-muted{font-size:13px;color:#677990;margin-top:16px!important}
.dbp-wrap .dbp-notice{padding:15px 19px;background:#f0f5ff;border:1px solid #c8d9f9;border-radius:12px;margin:0 0 22px;color:#274c87;font-size:14px}
.dbp-wrap .dbp-success{background:#ebfaf1;border-color:#a7e2ba;color:#155f31}
.dbp-wrap .dbp-error{background:#fff1ef;border-color:#fac7c1;color:#9b2a23}
.dbp-wrap .dbp-honey{position:absolute!important;left:-9999px!important;height:1px!important;width:1px!important;overflow:hidden!important}
.dbp-wrap .dbp-userbar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:22px;font-size:14px}
.dbp-wrap .dbp-userbar a{margin-left:auto;color:var(--dbp-blue)}
.dbp-wrap .dbp-status{padding:5px 10px;background:#edf1fa;border-radius:30px;font-weight:700;color:#3c5278;font-size:12px}
.dbp-wrap .dbp-status-approved{background:#e3f7ec;color:#1c7545}
.dbp-wrap .dbp-status-suspended,.dbp-wrap .dbp-status-rejected{background:#ffedf0;color:#a02b48}
.dbp-wrap .dbp-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px}
.dbp-wrap .dbp-kpi{padding:22px;border-radius:17px;border:1px solid var(--dbp-border);background:#fff;box-shadow:0 6px 25px rgba(13,47,99,.04);min-width:0}
.dbp-wrap .dbp-kpi>span{font-size:13px;color:#526783;display:block;margin-bottom:12px}
.dbp-wrap .dbp-kpi strong{display:block;font-size:34px;letter-spacing:-.04em;color:var(--dbp-navy);line-height:1.1;margin-bottom:7px}
.dbp-wrap .dbp-kpi small{font-size:11px;color:#78879c}
.dbp-wrap .dbp-link{margin:15px 0;font-size:13px}
.dbp-wrap .dbp-link input{cursor:text;font-weight:400;font-family:ui-monospace,Consolas,monospace;font-size:12px}
.dbp-wrap #loginform{max-width:440px}
.dbp-wrap #loginform p{margin-bottom:14px}
.dbp-wrap #loginform label{font-weight:650}
.dbp-wrap #loginform .login-remember label{font-weight:400}
.dbp-wrap #loginform input[type=checkbox]{display:inline-block}
@media(max-width:720px){.dbp-wrap .dbp-fields,.dbp-wrap .dbp-kpis{grid-template-columns:1fr}.dbp-wrap .dbp-card{border-radius:14px}.dbp-wrap .dbp-userbar a{margin-left:0}.dbp-wrap .dbp-kpi{padding:18px}}
