:root{--color-primary: #147dc1;--color-primary-light: #72a1cd;--color-primary-soft: #dbe4ef;--color-neutral-dark: #4e4e4e;--color-black: #000000;--color-white: #ffffff;--color-bg: #f4f8fd;--color-surface: #f8fbff;--color-border: #d4e2f1;--color-text: #22354a;--color-muted: #6f8298;--color-success: #1f8a4c;--color-danger: #be4458;--shadow-soft: 0 8px 24px rgba(17, 67, 108, .08);--shadow-medium: 0 18px 42px rgba(10, 60, 100, .12);--shadow-hard: 0 28px 60px rgba(10, 60, 100, .16);--radius-xl: 24px;--radius-lg: 18px;--radius-md: 14px;--radius-sm: 10px}*{box-sizing:border-box}body,html,#root{margin:0;padding:0;width:100%;min-height:100%;font-family:Inter,Manrope,SF Pro Text,Segoe UI,sans-serif;background:radial-gradient(1200px 800px at 0% -20%,#edf4ff,#f4f8fd 60%,#f1f6fb);color:var(--color-text);font-size:15px;line-height:1.45;letter-spacing:-.01em}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,rgba(20,125,193,.08),transparent 45%,rgba(114,161,205,.07));pointer-events:none;z-index:-1}a{color:var(--color-primary);text-decoration:none;transition:color .2s ease}a:hover{color:#0f6ea9}input,select,textarea{width:100%;border:1px solid var(--color-border);background:#ffffffeb;color:#314355;border-radius:var(--radius-sm);padding:12px 14px;font-size:14px;outline:none;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}input:focus,select:focus,textarea:focus{border-color:#147dc180;box-shadow:0 0 0 4px #147dc11f;background:#fff}input.field-readonly,select.field-readonly,textarea.field-readonly,input.field-readonly:disabled,select.field-readonly:disabled,textarea.field-readonly:disabled{background:#f1f4f8;color:#7a8ea3;border-color:#dbe3ec;cursor:not-allowed;opacity:1;box-shadow:inset 0 1px 2px #22354a0a;-webkit-text-fill-color:#7a8ea3}input.field-readonly:focus,select.field-readonly:focus,textarea.field-readonly:focus,input.field-readonly:disabled:focus,select.field-readonly:disabled:focus,textarea.field-readonly:disabled:focus{border-color:#dbe3ec;box-shadow:inset 0 1px 2px #22354a0a;background:#f1f4f8}button{font-family:inherit;border:none;border-radius:var(--radius-sm);background:linear-gradient(125deg,#147dc1,#0f6ea9);color:#fff;font-weight:650;letter-spacing:.02em;font-size:13px;padding:10px 16px;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease,opacity .2s ease}a.btn-primary,a.btn-secondary,a.btn-ghost,a.btn-danger{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);padding:10px 16px;font-size:13px;font-weight:650;letter-spacing:.02em;text-decoration:none}button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 20px #147dc147}button:disabled{opacity:.65;cursor:not-allowed}.btn-primary{background:linear-gradient(125deg,#147dc1,#0f6ea9);color:#fff}.btn-secondary{background:#eaf3fc;color:#1f5278;border:1px solid rgba(20,125,193,.28)}.btn-ghost{background:#eff5fb;color:#21527a;border:1px solid rgba(20,125,193,.2)}.btn-danger{background:linear-gradient(125deg,#bf4456,#992738)}.chip{border-radius:999px;padding:5px 10px;font-size:11px;font-weight:700;background:#edf3fb;color:#335778;border:1px solid #d5e5f4}.layout-shell{min-height:100vh;display:grid;grid-template-columns:260px 1fr;gap:16px;padding:14px}.sidebar{background:linear-gradient(180deg,#fffffff2,#f6fbffeb);border:1px solid var(--color-border);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-soft);padding:20px 14px;position:sticky;top:14px;height:calc(100vh - 28px)}.sidebar-nav{margin-top:24px;display:grid;gap:8px}.sidebar-link{display:block;padding:10px 12px;border-radius:12px;color:#2f4f69;font-weight:620;border:1px solid transparent;font-size:14px;display:flex;align-items:center;gap:8px}.sidebar-link:hover{background:#147dc117;border-color:#147dc133}.sidebar-link.active{background:linear-gradient(130deg,#147dc12b,#72a1cd24);color:#0f5f93;border-color:#147dc14d}.content-wrap{padding:20px 20px 36px}.page-shell{width:100%;max-width:1380px;margin:0 auto}.density-toggle{margin-top:10px;width:100%;font-size:12px;padding:8px 10px}.page-header h1{margin:0;font-size:2.05rem;letter-spacing:-.03em;color:#1d3d57}.page-header p{margin:10px 0 0;max-width:780px;color:var(--color-muted)}.panel-card{background:#fffffff2;border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);transition:transform .2s ease,box-shadow .2s ease;animation:panelIn .28s ease}.panel-card:hover{transform:translateY(-1px);box-shadow:0 12px 32px #0a3d661a}.plan-card-disabled{filter:grayscale(1);opacity:.78;background:#f4f6f9;border-color:#d8e0ea}.plan-card-disabled:hover{transform:none;box-shadow:var(--shadow-soft)}.form-card{padding:22px;display:grid;gap:14px}.two-col{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.login-shell{min-height:100vh;display:grid;place-items:center;padding:20px}.login-card{width:100%;max-width:480px;padding:32px}.muted{color:var(--color-muted)}.section-grid{display:grid;gap:16px;animation:sectionIn .22s ease}.section-grid-lg{display:grid;gap:22px}.pill{border-radius:999px;padding:5px 10px;font-size:12px;font-weight:700}.tv-bg{width:100vw;height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 25% 20%,#e8f2ff,#eff6ff 45%,#edf4fb)}.tv-frame{width:min(96vw,1920px);aspect-ratio:16 / 9;border-radius:28px;border:1px dashed #147dc1;background:#fff;box-shadow:var(--shadow-hard);padding:0;position:relative;display:flex;flex-direction:column;overflow:hidden}.tv-media-area{position:relative;flex:1 1 auto;min-height:0;width:100%;overflow:hidden;border-radius:26px 26px 0 0;z-index:1;isolation:isolate}.tv-media-layer{width:100%;height:100%}.tv-media-fit-frame{position:relative;width:100%;height:100%;overflow:hidden;background:#fff}.tv-media-fit-image,.tv-media-fit-frame video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-position:center center;-o-object-position:center center}.tv-media-fit-image{object-fit:contain;-o-object-fit:contain}.media-fit-image--computed,.tv-media-fit-image--computed{object-fit:unset;-o-object-fit:unset;max-width:none;max-height:none}.tv-media-fit-frame[data-fit=cover] .tv-media-fit-image,.tv-media-fit-frame[data-fit=cover] video{object-fit:cover;-o-object-fit:cover}.tv-frame--tvbox .tv-media-area{transform:translateZ(0)}.tv-video-engine--tvbox,.tv-video-engine--tvbox video{width:100%;height:100%;min-width:1px;min-height:1px}.tv-video-engine--tvbox video{opacity:1;visibility:visible;transform:translateZ(0);-webkit-transform:translate3d(0,0,0)}.tv-progress-wrap{position:relative;flex:0 0 auto;z-index:20;width:100%;display:grid;gap:7px;padding:18px 12px 10px;box-sizing:border-box;background:linear-gradient(180deg,#08233a1f,#08233ab8 40%,#08233aeb);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:none}.tv-progress-copy{display:grid;gap:4px}.tv-progress-text{font-size:11px;font-weight:800;letter-spacing:.02em;color:#fff;-webkit-text-stroke:.45px rgba(40,23,6,.95);text-shadow:0 1px 0 rgba(33,19,5,.85),0 0 2px rgba(33,19,5,.9),0 2px 6px rgba(5,24,40,.6)}.tv-progress-description{font-size:10px;font-weight:600;line-height:1.35;color:#f4f8fc;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-shadow:0 1px 0 rgba(33,19,5,.75),0 2px 5px rgba(5,24,40,.55)}.tv-progress-bar{width:100%;height:5px;background:#d5e5f359;border-radius:999px;overflow:hidden}.tv-progress-bar>span{display:block;height:100%;background:linear-gradient(90deg,#147dc1,#72a1cd)}.stat-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.dashboard-bottom{display:grid;grid-template-columns:1.2fr 1fr;gap:16px}.action-link{display:inline-flex;align-items:center;gap:6px;font-weight:600}.list-stack{display:grid;gap:12px}.search-row{display:grid;gap:10px;min-width:0}.search-row--public{gap:16px;margin-bottom:10px}.search-row__public-toolbar{display:grid;gap:0;width:100%;min-width:0}.search-row__public-toolbar select{width:100%;min-width:0;box-sizing:border-box}.search-row__public-cta{margin-top:18px;padding-top:18px;border-top:1px solid rgba(114,161,205,.18);width:100%;min-width:0;overflow:hidden}.search-row__public-cta .advertise-here-wrap{width:100%;min-width:0;overflow:hidden}.search-row__public-cta .advertise-here-btn{display:block;width:100%;box-sizing:border-box;padding:.82rem 0;overflow:hidden;border-radius:999px;background:linear-gradient(125deg,#147dc1,#0f6ea9);color:#fff;font-weight:700;text-decoration:none;box-shadow:0 8px 24px #147dc147,inset 0 1px #ffffff2e;border:1px solid rgba(255,255,255,.12)}.search-row__input{width:100%;min-width:0}.search-row__filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%}.search-row__filters select{width:100%;min-width:0}.search-row__filters--single{grid-template-columns:minmax(0,1fr);max-width:320px}.ad-card{background:#fffffff5;border-radius:20px;border:1px solid rgba(114,161,205,.22);padding:16px;display:grid;gap:12px;grid-template-columns:220px 1fr;align-items:center;box-shadow:0 12px 26px #0a3a6114}.ad-card-media{min-width:0;width:100%}.ad-card-media__frame{display:block}.ad-card-main{display:grid;gap:10px}.ad-card-meta{display:flex;gap:6px;flex-wrap:wrap}.ad-card-actions{display:flex;gap:8px;flex-wrap:wrap}.phone-contact-links{display:grid;gap:6px}.phone-contact-links__number{font-size:13px;color:#1f425f;font-weight:600}.phone-contact-links__actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.phone-contact-links__action{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;border-radius:999px;border:1px solid transparent;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.phone-contact-links__action:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0f2d4a1f}.phone-contact-links__action--phone{background:linear-gradient(180deg,#eef6ff,#dceeff);color:#147dc1;border-color:#147dc12e}.phone-contact-links__action--whatsapp{background:linear-gradient(180deg,#eafff1,#d7f8e3);color:#25d366;border-color:#25d36638}.pagination-row{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.pagination-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pagination-pages{display:flex;align-items:center;gap:6px}.pagination-page-btn{min-width:38px;padding:8px 10px}.pagination-page-btn.is-active{background:linear-gradient(125deg,#147dc1,#0f6ea9);color:#fff;border-color:transparent}.pagination-ellipsis{color:var(--color-muted);font-weight:700;padding:0 2px}.confirm-dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0c243a73;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:grid;place-items:center;padding:20px;z-index:70}.confirm-dialog{width:min(520px,100%);padding:20px;display:grid;gap:12px}.confirm-dialog h3{margin:0;color:#1d3d57}.confirm-dialog p{margin:0;color:var(--color-muted)}.confirm-dialog-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}.orientation-toggle{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.orientation-option{display:inline-flex;align-items:center;gap:8px;color:#2a4964;font-size:13px;font-weight:600}.orientation-option input{width:auto;margin:0}.create-layout{display:grid;grid-template-columns:1.6fr 1fr;gap:16px}.create-preview{align-content:start;position:sticky;top:20px;max-height:calc(100vh - 40px)}.file-picker{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px;border:1px dashed #b9d1e9;border-radius:14px;background:linear-gradient(145deg,#f7fbff,#eef6ff);padding:11px 12px;cursor:pointer;transition:border-color .2s ease,transform .15s ease}.file-picker:hover{border-color:#8fb7de;transform:translateY(-1px)}.file-picker-icon{width:32px;height:32px;border-radius:10px;background:#dceaf8;color:#2f6088;display:grid;place-items:center}.file-picker-texts{display:grid;gap:2px}.file-picker-texts strong{font-size:13px;color:#1f425f}.file-picker-texts small{font-size:12px;color:#6d859a}.loading-surface{padding:18px;border-radius:var(--radius-md);background:#fffc;border:1px dashed #cfe0f2;color:#6c8398}.toast-stack{position:fixed;right:18px;bottom:18px;z-index:90;display:grid;gap:10px;width:min(360px,92vw)}.toast{position:relative;border-radius:14px;border:1px solid #d6e5f4;background:#fffffff7;box-shadow:0 14px 32px #08386029;padding:12px 36px 12px 12px;display:grid;gap:4px;animation:toastIn .2s ease}.toast strong{font-size:12px;color:#173a57}.toast span{font-size:13px;color:#425f79}.toast-success{border-left:4px solid #1f8a4c}.toast-error{border-left:4px solid #be4458}.toast-info{border-left:4px solid #147dc1}.toast-close{position:absolute;top:8px;right:8px;padding:0;width:22px;height:22px;border-radius:999px;border:1px solid #d6e6f5;background:#f5f9ff;color:#5b7690;font-weight:700;line-height:1}.toast-close:hover{background:#ebf3fc}.skeleton-card{border-radius:var(--radius-md);border:1px solid #d8e7f6;background:linear-gradient(90deg,#f4f9ff 25%,#eaf3fd 37%,#f4f9ff 63%);background-size:400% 100%;animation:shimmer 1.3s ease infinite}.skeleton-line{height:12px;border-radius:999px}.skeleton-line.lg{height:18px}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@keyframes sectionIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes panelIn{0%{opacity:0;transform:translateY(8px) scale(.995)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toastIn{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:translate(0)}}@media (max-width: 1080px){.layout-shell{grid-template-columns:1fr;padding:10px}.sidebar{position:static;height:auto}.dashboard-bottom,.search-row__filters{grid-template-columns:1fr}.search-row__filters--single{max-width:none}.ad-card,.create-layout{grid-template-columns:1fr}.create-preview{position:static;max-height:none}}.layout-shell.compact .content-wrap{padding:14px 14px 24px}.layout-shell.compact .panel-card{border-radius:14px}.layout-shell.compact .form-card{padding:16px;gap:10px}.layout-shell.compact .page-header h1{font-size:1.72rem}.layout-shell.compact .sidebar{padding:14px 12px}.layout-shell.compact .sidebar-link{padding:8px 10px;font-size:13px}@media (prefers-reduced-motion: reduce){.panel-card,.section-grid,.toast,.skeleton-card{animation:none!important}}.advertise-here-wrap{display:block;margin:0}.advertise-here-btn__viewport{display:block;overflow:hidden;width:100%;line-height:1.35}.advertise-here-btn__track{display:inline-flex;align-items:center;gap:2.5rem;white-space:nowrap;color:#fff;animation:advertiseMarquee 14s linear infinite;will-change:transform}.advertise-here-btn__segment{position:relative;flex-shrink:0;padding-right:2.5rem;font-size:14px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#fff;text-shadow:0 0 6px rgba(255,255,255,.55),0 0 14px rgba(173,228,255,.35)}.advertise-here-btn__segment:after{content:"◆";position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:8px;opacity:.75;text-shadow:0 0 8px rgba(255,255,255,.8)}@keyframes advertiseMarquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.search-row__public-cta .advertise-here-btn:hover .advertise-here-btn__track{animation-play-state:paused}.public-ad-plan-panel.is-selected{border-color:#147dc1;box-shadow:0 0 0 2px #147dc126}.public-ad-approval-panel{border-color:#f0d49a;background:linear-gradient(180deg,#fffbf4fa,#fffffff5)}.public-ad-approval-panel:hover{transform:none}.public-ad-approval-panel__title{margin:0;color:#1d3d57}.public-ad-approval-panel__group{display:grid;gap:6px}.public-ad-approval-panel__value{margin:0 0 8px;color:#314355}.public-ad-approval-panel__field{display:grid;gap:6px}.public-ad-approval-panel__contact{display:grid;gap:8px}.public-ad-approval-panel__actions{display:flex;gap:10px;flex-wrap:wrap}.public-ad-rejection{border-color:#f0c8c8;background:linear-gradient(180deg,#fff6f6fa,#fffffff5)}.public-ad-rejection:hover{transform:none}.public-ad-qr{display:block;width:min(280px,100%);margin:1rem auto}.public-ad-copypaste{display:grid;gap:.75rem;margin:1rem 0}.public-ad-copypaste code{display:block;padding:.75rem;border-radius:8px;background:#f4f8fd;word-break:break-all;font-size:12px}.public-ad-payment-status.status-paid{color:#0f7a45}.public-ad-payment-status.status-expired{color:#b54747}@media (prefers-reduced-motion: reduce){.advertise-here-btn__viewport{text-align:center}.advertise-here-btn__track{animation:none;justify-content:center;width:100%}.advertise-here-btn__segment:nth-child(n+2){display:none}.advertise-here-btn__segment:after{display:none}}