.host-page{color:#142b45;max-width:1100px;margin:auto;padding:32px 20px 80px;font-family:Arial,sans-serif}.host-page header{color:#fff;background:#0b223b;border-radius:20px;margin:24px 0;padding:32px}.host-page h1{font-size:clamp(28px,5vw,44px)}.host-info,.host-card{background:#fff;border:1px solid #dce3ea;border-radius:16px;margin:20px 0;padding:24px}.host-page p{line-height:1.65}.host-totals{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.host-totals article{background:#eef4f9;border-radius:14px;padding:24px}.host-totals strong{margin-top:12px;font-size:28px;display:block}.host-page form{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.host-page label{line-height:1.6;display:block}.host-page input:not([type=checkbox]){box-sizing:border-box;border:1px solid #a6b4c3;border-radius:8px;max-width:100%;padding:12px;display:block}.host-page button{color:#fff;cursor:pointer;background:#cc1736;border:0;border-radius:9px;padding:12px 18px}.host-page button:disabled{opacity:.5}.host-campaign{background:#f4f7fa;border-radius:12px;margin-top:20px;padding:20px}.host-campaign img{object-fit:contain;max-width:260px;max-height:180px}.host-page pre{white-space:pre-wrap}.host-page [role=alert]{background:#fff0f0;padding:16px}.host-page [role=status]{background:#e6f6ed;padding:16px}@media (max-width:650px){.host-totals{grid-template-columns:1fr}.host-page header,.host-card{padding:20px}.host-page form{flex-direction:column;align-items:stretch}}.host-page select{color:#142b45;background:#fff;border:1px solid #a6b4c3;border-radius:8px;max-width:100%;margin-top:8px;padding:12px;display:block}.host-page .host-info a{color:#b81733;padding:10px;font-weight:700;display:inline-block}.host-dashboard{background:#edf4f9;border-radius:18px;margin:24px 0;padding:24px}.host-dashboard-title{justify-content:space-between;align-items:center;gap:24px;display:flex}.host-screen-stats,.host-per-screen{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:20px 0;display:grid}.host-screen-stats article{background:#fff;border-radius:12px;padding:18px}.host-screen-stats strong{margin-bottom:8px;font-size:30px;display:block}.host-screen-stats span,.host-per-screen small{color:#64758a;font-size:12px}.host-per-screen>div{background:#edf4f9;border-radius:10px;padding:18px}.host-per-screen strong{margin-top:10px;font-size:23px;display:block}.host-screen-filters{flex-wrap:wrap;gap:18px;margin:24px 0;display:flex}.host-selection{background:#f6f8fb;border-radius:10px;margin:16px 0;padding:16px;font-weight:700}.host-selection input{vertical-align:middle;width:18px;height:18px;margin-right:10px}.host-request-tag{background:#e0f4e9;border-radius:8px;padding:12px}@media (max-width:650px){.host-screen-stats,.host-per-screen{grid-template-columns:1fr}.host-dashboard-title{flex-direction:column;align-items:flex-start}}.host-campaign-next{background:#fff4df;border-left:4px solid #d99a20;border-radius:8px;margin:16px 0;padding:16px}.host-campaign-next a{color:#9c1530;font-weight:700}.host-page .direct-ad-form{flex-direction:column;align-items:stretch;max-width:850px;display:flex}.direct-ad-form textarea{width:100%;min-height:100px;font:inherit;border:1px solid #a6b4c3;border-radius:8px;padding:12px;display:block}.direct-ad-dates{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.direct-ad-form fieldset{border:1px solid #dce3ea;border-radius:8px;flex-wrap:wrap;gap:14px;padding:16px;display:flex}.direct-ad-preview{aspect-ratio:16/9;background:#e5edf3;border:8px solid #182d44;border-radius:12px;width:100%;position:relative;overflow:hidden}.direct-business{text-align:center;color:#24465e;place-content:center;font-weight:700;display:grid;position:absolute;inset:0}.direct-banner{color:#fff;text-align:center;background:#b61936;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:10px;font-size:clamp(10px,1.4vw,17px);display:flex;position:absolute;overflow:hidden}.direct-banner span{max-height:40%;font-size:12px;overflow:hidden}.pos-right .direct-banner{width:20%;height:100%;top:0;right:0}.pos-left .direct-banner{width:20%;height:100%;top:0;left:0}.pos-top .direct-banner{width:100%;height:20%;top:0;left:0}.pos-bottom .direct-banner{width:100%;height:20%;bottom:0;left:0}.pos-right .direct-business{right:20%}.pos-left .direct-business{left:20%}.pos-top .direct-business{top:20%}.pos-bottom .direct-business{bottom:20%}@media (max-width:600px){.direct-ad-dates{grid-template-columns:1fr}}