:root{--hpro-navy:#0b2146;--hpro-blue:#0d4da2;--hpro-gold:#efbd26;--hpro-muted:#6d7b91;--hpro-border:#dce4ef;--hpro-bg:#f7f9fc;--hpro-green:#1f7a48;--hpro-red:#a33a3a}
.hpro-intro{display:flex;justify-content:space-between;gap:20px;margin:0 0 20px}.hpro-intro h2,.hpro-card h2,.hpro-campaign-list h2{font:400 2rem/1.05 Georgia,serif;color:var(--hpro-navy);margin:4px 0 8px}.hpro-kicker{margin:0;text-transform:uppercase;letter-spacing:.18em;font-size:.65rem;font-weight:800;color:#ac770c}.hpro-intro p,.hpro-card>p{color:var(--hpro-muted);line-height:1.55}.hpro-muted{color:var(--hpro-muted)}
.hpro-placement-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.hpro-placement-card{border:1px solid var(--hpro-border);border-radius:14px;background:#fff;padding:18px;display:grid;grid-template-columns:44px 1fr;gap:12px;position:relative}.hpro-placement-card>strong{grid-column:2;font-size:1.05rem;color:var(--hpro-navy)}.hpro-placement-card>strong small{font-size:.66rem;font-weight:500;color:var(--hpro-muted)}.hpro-placement-card form{grid-column:2}.hpro-placement-card button,.hpro-form button,.hpro-primary-link{border:0;border-radius:8px;background:linear-gradient(135deg,#f3ce58,#e3ad1b);color:#071c3f;font-weight:800;padding:11px 16px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.hpro-placement-card button:disabled,.hpro-form button:disabled{opacity:.45;cursor:not-allowed}.hpro-place-icon{width:44px;height:44px;border-radius:50%;background:#fff4d4;color:#a76f00;display:grid;place-items:center;font-size:1.1rem}.hpro-placement-card h3{margin:0 0 6px;color:var(--hpro-navy);font:600 1.05rem/1.2 Georgia,serif}.hpro-placement-card p{margin:0 0 8px;color:var(--hpro-muted);font-size:.78rem;line-height:1.45}.hpro-placement-card small{display:block;color:#8792a5;margin-top:4px}.hpro-placement-form{display:block}
.hpro-campaign-list{margin-top:26px}.hpro-list-head{display:flex;justify-content:space-between}.hpro-table-wrap{overflow:auto;border:1px solid var(--hpro-border);border-radius:12px;background:#fff}.hpro-table-wrap table{width:100%;border-collapse:collapse}.hpro-table-wrap th,.hpro-table-wrap td{padding:12px 13px;border-bottom:1px solid #edf1f6;text-align:left;font-size:.75rem;vertical-align:middle}.hpro-table-wrap th{background:#f8fafc;color:#61718b;text-transform:uppercase;letter-spacing:.04em;font-size:.63rem}.hpro-table-wrap td strong{color:var(--hpro-navy)}.hpro-table-wrap td small{display:block;color:#8792a5;margin-top:3px}.hpro-table-wrap a{color:var(--hpro-blue);font-weight:800;text-decoration:none}.hpro-status{display:inline-block;border-radius:999px;padding:5px 8px;font-size:.62rem;font-weight:800;background:#edf2f7;color:#53647e}.hpro-status--active,.hpro-status--scheduled{background:#e4f6e9;color:#216a3c}.hpro-status--pending_approval,.hpro-status--hold,.hpro-status--awaiting_payment{background:#fff2cd;color:#825c08}.hpro-status--needs_update,.hpro-status--rejected,.hpro-status--payment_failed,.hpro-status--payment_conflict{background:#fde7e7;color:#9b3131}
.hpro-stepbar{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin:0 0 18px}.hpro-stepbar span{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;background:#eef3f8;color:#76849a}.hpro-stepbar b{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#dde6ef;font-size:.7rem}.hpro-stepbar small{font-size:.67rem;font-weight:800}.hpro-stepbar .is-current{background:#fff3cf;color:#795600}.hpro-stepbar .is-current b{background:var(--hpro-gold);color:var(--hpro-navy)}.hpro-stepbar .is-done{background:#e8f5ec;color:#24673c}.hpro-stepbar .is-done b{background:#ccebd6}
.hpro-two-col{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:16px}.hpro-card{border:1px solid var(--hpro-border);border-radius:14px;background:#fff;padding:22px}.hpro-selection{margin-top:18px;padding:14px;border-radius:10px;background:#f4f8fc;display:flex;justify-content:space-between;gap:12px}.hpro-selection strong{color:var(--hpro-navy)}.hpro-selection span{color:var(--hpro-muted);font-size:.75rem}.hpro-form{display:grid;gap:14px}.hpro-form label{display:grid;gap:6px;color:#29405e;font-weight:800;font-size:.75rem}.hpro-form input,.hpro-form select,.hpro-form textarea{width:100%;border:1px solid #cbd8e7;border-radius:8px;padding:11px 12px;background:#fff;color:#1b304e;font:inherit;box-sizing:border-box}.hpro-form small{font-weight:500;color:#7a899e;line-height:1.4}.hpro-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.hpro-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:6px}.hpro-actions>a{color:var(--hpro-blue);font-size:.75rem;font-weight:800;text-decoration:none}.hpro-actions--center{justify-content:center}.hpro-secondary,.hpro-secondary-link{border:1px solid #bfcde0!important;background:#fff!important;color:#0b3d91!important;border-radius:8px;padding:10px 14px!important;font-weight:800!important;text-decoration:none!important;cursor:pointer}.hpro-check{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center!important;gap:8px!important}.hpro-check input{width:auto!important}.hpro-small-note{font-size:.75rem;color:var(--hpro-muted)}
.hpro-availability-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:14px}.hpro-mini-placement{min-width:260px;padding:14px;border:1px solid var(--hpro-border);border-radius:12px;background:#f8fbff;display:grid;gap:4px}.hpro-mini-placement strong{color:var(--hpro-navy)}.hpro-mini-placement span{font-weight:800;color:#a16e00}.hpro-mini-placement small{color:var(--hpro-muted)}.hpro-availability-controls{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end}.hpro-calendar-nav{display:flex;justify-content:center;align-items:center;gap:18px;margin:6px 0}.hpro-calendar-nav button{border:1px solid var(--hpro-border)!important;background:#fff!important;color:var(--hpro-navy)!important;padding:7px 10px!important}.hpro-calendars{display:grid;grid-template-columns:1fr 1fr;gap:14px}.hpro-calendar{border:1px solid var(--hpro-border);border-radius:12px;padding:14px;background:#fff}.hpro-calendar h4{margin:0 0 10px;text-align:center;color:var(--hpro-navy)}.hpro-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.hpro-cal-week{text-align:center;font-size:.62rem;color:#8794a8;padding:4px}.hpro-cal-day,.hpro-cal-blank{aspect-ratio:1/1;min-width:0}.hpro-cal-day{border:1px solid transparent!important;border-radius:7px!important;padding:0!important;display:grid!important;place-items:center!important;font-size:.72rem!important;font-weight:800!important;background:#e7f5eb!important;color:#236640!important}.hpro-cal-day.limited{background:#fff1c9!important;color:#7a5700!important}.hpro-cal-day.unavailable,.hpro-cal-day:disabled{background:#fde5e5!important;color:#9b3131!important;cursor:not-allowed!important;opacity:.85}.hpro-cal-day.is-selected{outline:3px solid #0d4da2;outline-offset:1px}.hpro-calendar-loading{grid-column:1/-1;padding:25px;text-align:center;color:var(--hpro-muted)}.hpro-legend{display:flex;gap:16px;flex-wrap:wrap;font-size:.68rem;color:var(--hpro-muted)}.hpro-legend span{display:flex;align-items:center;gap:6px}.hpro-legend i{width:10px;height:10px;border-radius:50%;background:#e7f5eb}.hpro-legend i.limited{background:#fff1c9}.hpro-legend i.unavailable{background:#fde5e5}.hpro-range-status{padding:12px 14px;border-radius:10px;background:#f5f7fa;color:#5e6c82}.hpro-range-status.is-ok,.hpro-availability-ok{background:#e5f6ea;color:#216a3c}.hpro-range-status.is-bad,.hpro-availability-bad{background:#fde7e7;color:#963434}.hpro-range-status.is-warn{background:#fff3d2;color:#775700}.hpro-availability-ok,.hpro-availability-bad{padding:12px 14px;border-radius:10px;margin-top:14px;font-size:.76rem;font-weight:700}
.hpro-creative-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:14px}.hpro-upload{border:1px dashed #aebdd0;border-radius:12px;padding:22px;display:flex!important;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:170px;background:#f8fbff}.hpro-upload input{border:0;padding:8px 0;background:transparent}.hpro-file-error{color:#9b3131!important;font-weight:700!important}.hpro-preview{border:1px solid var(--hpro-border);border-radius:12px;background:#eef3f8;display:grid;place-items:center;overflow:hidden;color:#8090a6}.hpro-preview-exact{width:100%;aspect-ratio:var(--hpro-ratio);min-height:0}.hpro-preview img,.hpro-preview-exact img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;aspect-ratio:inherit}.hpro-preview-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.hpro-device-switcher{display:flex;gap:8px;margin:16px 0}.hpro-device-switcher button{border:1px solid var(--hpro-border);border-radius:8px;background:#fff;color:#53647e;padding:8px 13px;cursor:pointer;font-weight:800}.hpro-device-switcher button.is-active{background:#eaf2ff;color:#0b3d91;border-color:#9eb9df}.hpro-live-preview{width:100%;height:680px;border:1px solid var(--hpro-border);border-radius:12px;background:#eef3f8;padding:8px;box-sizing:border-box;transition:max-width .2s;margin:0 auto;overflow:hidden}.hpro-live-preview.is-tablet{max-width:900px}.hpro-live-preview.is-mobile{max-width:430px}.hpro-live-preview iframe{width:100%;height:100%;border:0;border-radius:8px;background:#fff}.hpro-exact-note{margin-top:12px;padding:10px 12px;border-radius:9px;background:#eef6ff;color:#31577f;font-size:.72rem}
.hpro-summary{margin:0;display:grid}.hpro-summary div{display:grid;grid-template-columns:140px 1fr;gap:12px;padding:10px 0;border-bottom:1px solid #e9eef4}.hpro-summary dt{color:#7d8ca2;font-size:.7rem}.hpro-summary dd{margin:0;color:#183252;font-size:.78rem;word-break:break-word}.hpro-order-summary{align-self:start}.hpro-hold-box{margin:12px 0;padding:14px;border-radius:10px;background:#fff3cf;color:#705000}.hpro-hold-box strong{float:right;font-size:1.1rem}.hpro-hold-box strong.is-expired{color:#9b3131}.hpro-wallets{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.hpro-wallets span{border:1px solid var(--hpro-border);border-radius:9px;padding:10px 12px;background:#fff;font-size:.72rem;font-weight:800;color:var(--hpro-navy)}
.hpro-confirm{text-align:center;max-width:900px;margin:0 auto}.hpro-confirm-icon{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:#e4f6e9;color:#1f7a48;font-size:1.8rem;margin:0 auto 14px}.hpro-confirm-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:22px 0}.hpro-confirm-grid div{padding:14px;border-radius:10px;background:#f7f9fc;display:grid;gap:4px}.hpro-confirm-grid small{color:#8390a3}.hpro-confirm-grid strong{color:var(--hpro-navy)}.hpro-notice{margin-bottom:16px;padding:12px 14px;border-radius:10px;background:#fff1ce;color:#715300}.hpro-empty{padding:20px;border:1px dashed #cbd5e1;border-radius:12px;background:#fbfcfe;color:#6d7b91}
.hpro-analytics .hpro-preview-head{margin-bottom:16px}.hpro-metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.hpro-metrics article{padding:15px;border:1px solid var(--hpro-border);border-radius:11px;background:#f9fbfd;display:grid;gap:5px}.hpro-metrics span{font-size:.68rem;color:#6f7f96}.hpro-metrics strong{font-size:1.55rem;color:#0b3d91}.hpro-analytics-grid{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:14px;margin-top:16px}.hpro-analytics-grid>div,.hpro-daily{border:1px solid var(--hpro-border);border-radius:12px;padding:16px}.hpro-analytics-grid h3,.hpro-daily h3{margin:0 0 12px;color:var(--hpro-navy);font:600 1rem/1.2 Georgia,serif}.hpro-analytics-list{list-style:none;padding:0;margin:0;display:grid;gap:9px}.hpro-analytics-list li{display:grid;grid-template-columns:minmax(90px,1fr) 1fr auto;gap:8px;align-items:center;font-size:.69rem;color:#50617a}.hpro-analytics-list li>div{height:7px;border-radius:999px;background:#edf1f6;overflow:hidden}.hpro-analytics-list i{display:block;height:100%;background:#2b76cf}.hpro-daily{margin-top:14px}.hpro-daily-bars{height:180px;display:flex;align-items:end;gap:4px;overflow-x:auto;padding-top:20px}.hpro-day{min-width:28px;height:150px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:3px}.hpro-day i{width:12px;background:#5d9ce6;border-radius:4px 4px 0 0}.hpro-day b{font-size:.55rem;color:#b67a00}.hpro-day small{font-size:.5rem;color:#7f8da0;transform:rotate(-45deg);margin-top:7px}
.hpro-ad{position:relative;margin:16px auto;width:100%;height:auto!important;border-radius:10px;overflow:hidden;background:#0b2146;box-shadow:0 8px 28px rgba(10,32,67,.08)}.hpro-ad>a{display:block;position:relative;color:#fff;text-decoration:none;width:100%;height:100%}.hpro-ad img{display:block;width:100%;height:100%;object-fit:contain!important;object-position:center;background:#0b2146}.hpro-ad--home_dock{margin:0}.hpro-ad--content_banner{margin-left:auto;margin-right:auto}.hpro-sponsored{position:absolute;left:10px;top:8px;border-radius:999px;background:rgba(255,255,255,.94);color:#744f00;padding:5px 8px;font-size:.56rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em;z-index:2}.hpro-ad-copy{position:absolute;left:16px;bottom:12px;right:16px;display:flex;justify-content:space-between;gap:20px;align-items:end;text-shadow:0 2px 10px rgba(0,0,0,.7);z-index:2}.hpro-ad-copy strong{font:600 1.05rem/1.15 Georgia,serif}.hpro-ad-copy em{font-style:normal;font-size:.67rem;font-weight:800;background:rgba(255,255,255,.92);color:#0b2146;padding:7px 10px;border-radius:7px;text-shadow:none}.hpro-ad:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 55%,rgba(2,18,39,.38));z-index:1}.hpro-ad.is-preview{outline:3px solid #efbd26;outline-offset:2px}
@media(max-width:1000px){.hpro-placement-grid{grid-template-columns:1fr 1fr}.hpro-two-col{grid-template-columns:1fr}.hpro-confirm-grid{grid-template-columns:1fr 1fr}.hpro-metrics{grid-template-columns:repeat(3,1fr)}.hpro-analytics-grid{grid-template-columns:1fr 1fr}.hpro-availability-head{display:grid}.hpro-mini-placement{min-width:0}.hpro-live-preview{height:600px}}
@media(max-width:700px){.hpro-placement-grid,.hpro-fields,.hpro-creative-grid,.hpro-calendars,.hpro-analytics-grid{grid-template-columns:1fr}.hpro-stepbar{grid-template-columns:repeat(3,1fr)}.hpro-confirm-grid,.hpro-metrics{grid-template-columns:1fr 1fr}.hpro-availability-controls{grid-template-columns:1fr}.hpro-preview-head{display:grid}.hpro-live-preview{height:520px}.hpro-ad-copy strong{font-size:.78rem}.hpro-ad-copy em{font-size:.55rem;padding:5px 7px}}
@media(max-width:480px){.hpro-confirm-grid,.hpro-metrics{grid-template-columns:1fr}.hpro-stepbar{grid-template-columns:repeat(2,1fr)}.hpro-analytics-list li{grid-template-columns:1fr auto}.hpro-analytics-list li>div{grid-column:1/-1}.hpro-ad-copy strong{display:none}}