:root{--ink:#17181c;--muted:#72757e;--line:#e8e6e1;--paper:#fff;--wash:#f5f4f0;--dark:#101114;--accent:#e7a62a;--accent-deep:#c98208;--danger:#c84040;--radius:16px;--shadow:0 14px 40px rgba(20,20,20,.08)}
.radio-block{display:flex;align-items:center;gap:12px;padding:14px!important;border:2px dashed rgba(255,255,255,.7)!important;border-radius:14px!important;background:linear-gradient(135deg,rgba(14,39,58,.96),rgba(27,73,100,.96))!important;color:#fff!important;box-shadow:0 10px 30px rgba(5,22,34,.3)!important}.radio-block-icon{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border-radius:50%;background:#ed4b34;font-size:22px}.radio-block>span:last-child{display:grid;min-width:0;gap:3px}.radio-block b{font-size:12px!important}.radio-block small{color:#b9d4e3;font-size:8px}.radio-block em{color:#ffb5a9;font-size:7px;font-style:normal;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.radio-editor-note{display:flex;align-items:flex-start;gap:10px;margin:0 0 15px;padding:12px;border:1px solid #cfe1eb;border-radius:11px;background:#eff7fb;color:#173449}.radio-editor-note>span{font-size:22px}.radio-editor-note div{display:grid;gap:3px}.radio-editor-note b{font-size:11px}.radio-editor-note small{color:#617b8c;font-size:8px;line-height:1.4}#radio-element-controls .check{margin-bottom:14px}#prop-radio-volume{padding:4px 0}
.radio-catalog-status{min-height:30px;margin:-6px 0 14px;padding:8px 10px;border-radius:8px;background:#f2f6f8;color:#647986;font-size:8px;line-height:1.4}#prop-radio-station:disabled,#prop-radio-country:disabled{cursor:wait;opacity:.65}
#radio-element-controls .select2-container{width:100%!important}.inspector-panel .select2-container--default .select2-selection--single{height:39px;border:1px solid var(--line);border-radius:9px;background:#fafafa}.inspector-panel .select2-container--default .select2-selection--single .select2-selection__rendered{padding:5px 30px 5px 10px;color:#202126;font-size:11px;line-height:28px}.inspector-panel .select2-container--default .select2-selection--single .select2-selection__arrow{height:37px}.inspector-panel .select2-dropdown{border:1px solid #d8e1e6;border-radius:9px;background:#fff;box-shadow:0 14px 30px rgba(18,43,59,.18);overflow:hidden}.inspector-panel .select2-search--dropdown{padding:8px}.inspector-panel .select2-search--dropdown .select2-search__field{border:1px solid #dce5ea;border-radius:7px;padding:8px;font-size:11px}.inspector-panel .select2-results__option{padding:8px 10px;font-size:10px}.inspector-panel .select2-container--default .select2-results__option--highlighted[aria-selected]{background:#e64a32}
.smart-slot-controls{display:grid;gap:10px;margin:0 0 16px;padding:12px;border:1px solid #d9e6ec;border-radius:12px;background:linear-gradient(145deg,#f7fbfd,#eef5f8)}.smart-slot-controls .field{margin:0}.smart-slot-head{display:grid;gap:3px}.smart-slot-head span{color:#df4b34;font-size:7px;font-weight:900;letter-spacing:.14em}.smart-slot-head b{color:#183247;font-size:12px}.smart-slot-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px}.smart-slot-actions .button{padding:8px 6px;font-size:9px}.smart-slot-actions .button:disabled{cursor:not-allowed;opacity:.45}.smart-slot-controls .form-note{margin:0}.canvas-slot-badge{position:absolute!important;right:5px!important;top:5px!important;z-index:8!important;max-width:calc(100% - 10px);padding:3px 5px!important;border-radius:5px!important;background:rgba(10,31,47,.82)!important;color:#fff!important;font:800 7px/1.1 Inter,"Segoe UI",sans-serif!important;letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none;opacity:0;transition:opacity .15s}.canvas-element.selected .canvas-slot-badge{opacity:1}
.advanced-animation-controls{margin:4px 0 15px;border:1px solid var(--line);border-radius:11px;background:#f8fafb}.advanced-animation-controls summary{padding:12px;color:#3f4c57;font-size:11px;font-weight:800;cursor:pointer}.advanced-animation-controls[open] summary{border-bottom:1px solid var(--line)}.advanced-animation-body{padding:13px}.advanced-animation-body .field:last-of-type{margin-bottom:10px}
.timeline-previewing .timeline-preview-visible[data-preview-effect=wipe_vertical]{animation-name:editorSceneWipeVertical}.timeline-previewing .timeline-preview-visible[data-preview-effect=card_expand]{animation-name:editorSceneCard}@keyframes editorSceneWipeVertical{from{opacity:1;clip-path:inset(100% 0 0)}to{opacity:1;clip-path:inset(0)}}@keyframes editorSceneCard{from{opacity:0;clip-path:inset(42% 8%);scale:.72}to{opacity:1;clip-path:inset(0);scale:1}}
.timeline-editor{display:grid;gap:11px;margin:3px 0 16px;padding:13px;border:1px solid var(--line);border-radius:12px;background:#f8fafb}.timeline-editor-head,.timeline-editor-options,.timeline-scene-card header,.timeline-scene-card>div{display:flex;align-items:center;justify-content:space-between;gap:8px}.timeline-editor-head>div:first-child{display:grid;gap:3px}.timeline-editor-head span,.timeline-scene-card header>span{color:#d7442f;font-size:7px;font-weight:900;letter-spacing:.13em}.timeline-editor-head b{font-size:12px}.timeline-editor-head button,.timeline-scene-card button{width:28px;height:28px;border:1px solid var(--line);border-radius:8px;background:#fff;color:#263746;font-weight:800}.timeline-editor-head button{background:#e64a32;color:#fff}.timeline-preview-actions{display:flex!important;gap:4px!important}.timeline-preview-actions button:not(:last-child){background:#fff;color:#263746}.timeline-editor-options{justify-content:flex-start}.timeline-editor-options .check{font-size:9px}.timeline-scene-list{display:grid;gap:8px}.timeline-scene-card{display:grid;gap:8px;padding:10px;border:1px solid #dce4e9;border-radius:10px;background:#fff}.timeline-scene-card header div{display:flex;gap:4px}.timeline-scene-card button{width:23px;height:23px;padding:0;font-size:10px}.timeline-scene-card button:disabled{opacity:.35}.timeline-scene-card>input{width:100%;border:0;border-bottom:1px solid var(--line);padding:5px 2px;color:#203445;font-size:10px;font-weight:800;outline:0}.timeline-scene-card label{display:grid;gap:4px;color:#738493;font-size:8px}.timeline-scene-card label:first-child{flex:1}.timeline-scene-card input[type=number]{width:100%;border:1px solid var(--line);border-radius:7px;padding:6px}.timeline-scene-card input[type=color]{width:38px;height:31px;border:1px solid var(--line);border-radius:7px;padding:2px}.timeline-editor>.field{margin:0}.timeline-editor .empty{padding:14px 8px}.timeline-preview-status{padding:8px 10px;border-radius:8px;background:#e9f1f6;color:#526a7b;font-size:8px;text-align:center}.timeline-previewing .canvas-element{transition:opacity .25s ease}.timeline-previewing .timeline-preview-hidden{opacity:0!important;pointer-events:none}.timeline-previewing .timeline-preview-visible{animation:editorSceneFade var(--preview-duration) ease both;animation-delay:var(--preview-delay)}.timeline-previewing .timeline-preview-visible[data-preview-effect=fade_up]{animation-name:editorSceneUp}.timeline-previewing .timeline-preview-visible[data-preview-effect=slide_left]{animation-name:editorSceneLeft}.timeline-previewing .timeline-preview-visible[data-preview-effect=slide_right]{animation-name:editorSceneRight}.timeline-previewing .timeline-preview-visible[data-preview-effect=zoom],.timeline-previewing .timeline-preview-visible[data-preview-effect=elastic],.timeline-previewing .timeline-preview-visible[data-preview-effect=mask_circle]{animation-name:editorSceneZoom}@keyframes editorSceneFade{from{opacity:0}to{opacity:1}}@keyframes editorSceneUp{from{opacity:0;translate:0 18px}to{opacity:1;translate:0 0}}@keyframes editorSceneLeft{from{opacity:0;translate:-25px 0}to{opacity:1;translate:0 0}}@keyframes editorSceneRight{from{opacity:0;translate:25px 0}to{opacity:1;translate:0 0}}@keyframes editorSceneZoom{from{opacity:0;scale:.72}70%{opacity:1;scale:1.06}to{opacity:1;scale:1}}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--wash)}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:grid;grid-template-columns:92px 1fr}.sidebar{position:sticky;top:0;height:100vh;overflow:hidden;background:var(--dark);padding:18px 10px 12px;display:flex;flex-direction:column;color:#fff;z-index:10}.brand{display:flex;flex:none;flex-direction:column;align-items:center;gap:6px;color:#fff;text-decoration:none;text-align:center}.brand-mark{display:grid;place-items:center;width:39px;height:39px;border-radius:12px;background:var(--accent);color:#111;font-weight:900;font-size:20px}.brand b{display:block;font-size:11px}.brand small{display:block;color:#96989f;font-size:9px;margin-top:1px}.sidebar nav{display:grid;flex:1;min-height:0;align-content:start;gap:5px;margin-top:18px;padding:0 3px 8px;overflow-x:hidden;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#496174 transparent}.sidebar nav::-webkit-scrollbar{width:4px}.sidebar nav::-webkit-scrollbar-thumb{border-radius:99px;background:#496174}.nav-item{border:0;background:transparent;color:#9bafbf;border-radius:12px;padding:8px 3px;display:grid;gap:3px;font-size:10px}.nav-item:hover,.nav-item.active{background:#292a2f;color:#fff}.nav-icon{font-size:18px;line-height:1}.sidebar-foot{flex:none;margin-top:7px;padding-top:8px;border-top:1px solid rgba(255,255,255,.08);text-align:center;color:#83858d;font-size:8px;display:grid;justify-items:center;gap:5px}.sidebar-foot b,.sidebar-foot small{display:block}.status-dot{display:inline-block;width:8px;height:8px;background:#55b880;border-radius:50%;box-shadow:0 0 0 4px rgba(85,184,128,.12)}.main{min-width:0}.topbar{height:92px;background:rgba(255,255,255,.92);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 30px;position:sticky;top:0;z-index:8;backdrop-filter:blur(14px)}.eyebrow{margin:0 0 4px;color:#9a792d;font-size:10px;font-weight:800;letter-spacing:.17em}.topbar h1,.section-head h2{margin:0;font-size:23px;letter-spacing:-.03em}.top-actions{display:flex;align-items:center;gap:10px}.screen-picker{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:11px;padding:5px 9px 5px 12px;background:white;font-size:12px;color:var(--muted)}.screen-picker select{border:0;background:transparent;color:var(--ink);font-weight:700;outline:0;max-width:150px}.button{border:0;border-radius:10px;padding:11px 16px;font-weight:750;font-size:12px;transition:.18s}.button:hover{transform:translateY(-1px)}.button-primary{background:var(--dark);color:#fff;box-shadow:0 7px 18px rgba(16,17,20,.16)}.button-secondary{background:#fff;color:var(--ink);border:1px solid var(--line)}.button.danger{background:#fff1f1;color:var(--danger);border:1px solid #f3d5d5}.full{width:100%}.view{display:none}.view.active{display:block}.editor-grid{height:calc(100vh - 92px);display:grid;grid-template-columns:254px minmax(460px,1fr) 260px}.panel{background:#fff;padding:22px;border-right:1px solid var(--line);overflow:auto}.inspector-panel{border-right:0;border-left:1px solid var(--line)}.panel-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.panel-heading h2{font-size:17px;margin:0}.count{background:#f0eee8;color:#716d64;border-radius:99px;padding:4px 8px;font-size:11px;font-weight:800}.search-wrap{height:38px;border:1px solid var(--line);border-radius:10px;display:flex;align-items:center;gap:8px;padding:0 10px;background:#fafafa}.search-wrap input{border:0;outline:0;background:transparent;width:100%;font-size:12px}.product-list{display:grid;gap:8px;margin-top:14px}.product-card{display:grid;grid-template-columns:54px 1fr 26px;gap:10px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:8px;background:#fff;text-align:left}.product-card:hover{border-color:#d8b86b;background:#fffdf7}.product-thumb{width:54px;height:48px;border-radius:8px;object-fit:cover;background:#eee}.product-thumb.fallback{display:grid;place-items:center;background:#26272b;color:#f1b642;font-weight:900;font-size:20px}.product-card b{display:block;font-size:12px;margin-bottom:3px}.product-card small{color:var(--muted);font-size:10px}.add-product{width:24px;height:24px;display:grid;place-items:center;border-radius:7px;background:#f2f0eb;color:#222;font-weight:800}.helper{font-size:10px;line-height:1.5;color:#999;margin:15px 2px}.workspace{min-width:0;background:#e9e7e1;display:flex;flex-direction:column}.workspace-toolbar{height:55px;border-bottom:1px solid #d8d5cd;display:flex;align-items:center;justify-content:space-between;padding:0 18px}.segmented{padding:3px;background:#dcd9d2;border-radius:9px}.segmented button{border:0;background:transparent;padding:7px 11px;border-radius:7px;font-size:11px;color:#686a70}.segmented button.active{background:#fff;color:#111;box-shadow:0 2px 8px rgba(0,0,0,.08)}.zoom-control{display:flex;align-items:center;gap:8px;font-size:11px;background:#f5f3ef;border:1px solid #d9d6cf;border-radius:9px;padding:4px}.zoom-control button{border:0;background:#fff;border-radius:6px;width:25px;height:25px}.zoom-control span{min-width:35px;text-align:center}.canvas-stage{flex:1;min-height:0;display:grid;place-items:center;padding:28px;overflow:auto;background-image:radial-gradient(#cbc7be .7px,transparent .7px);background-size:16px 16px}.design-canvas{position:relative;overflow:hidden;background:#111827;box-shadow:0 24px 60px rgba(21,20,17,.22);transform-origin:center;border:2px solid #fff;transition:width .25s,height .25s}.design-canvas.horizontal{width:min(78vw,800px);aspect-ratio:16/9}.design-canvas.vertical{height:min(65vh,650px);aspect-ratio:9/16}.canvas-element{position:absolute;border:1px solid transparent;user-select:none;touch-action:none;overflow:hidden;border-radius:12px;background:#fff;color:#111;box-shadow:0 8px 24px rgba(0,0,0,.2)}.canvas-element.selected{outline:2px solid var(--accent);outline-offset:3px}.canvas-element img{width:100%;height:65%;object-fit:cover;display:block;pointer-events:none}.canvas-element .element-copy{padding:7px 9px}.canvas-element b{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.canvas-element strong{font-size:13px;color:#a46200}.workspace-status{height:38px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;color:#727277;font-size:10px;border-top:1px solid #d8d5cd}.workspace-status .status-dot{margin-right:7px;width:6px;height:6px}.field{display:grid;gap:7px;margin-bottom:15px;font-size:11px;color:#6d6f76}.field>span{font-weight:700;color:#55575e}.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);background:#fafafa;border-radius:9px;padding:10px;outline:none;color:#202126}.field input:focus,.field select:focus,.field textarea:focus{border-color:#c89a32;background:#fff}.color-field{display:grid;grid-template-columns:42px 1fr;gap:7px}.color-field input[type=color]{height:39px;padding:3px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.selected-product{padding:12px;background:#f4f2ec;border-radius:11px;margin-bottom:17px;font-size:12px;font-weight:800}.section-head{padding:30px;display:flex;justify-content:space-between;align-items:flex-end}.section-head h2{font-size:26px}.section-head p:last-child{margin:6px 0 0;color:var(--muted);font-size:12px}.campaign-grid{padding:0 30px 30px;display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:16px}.campaign-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.campaign-media{height:160px;background:#222;position:relative}.campaign-media img,.campaign-media video{width:100%;height:100%;object-fit:cover}.campaign-media .media-fallback{height:100%;display:grid;place-items:center;color:#f3b743;font-weight:800}.badge{position:absolute;top:12px;left:12px;padding:5px 8px;border-radius:99px;background:#fff;font-size:9px;font-weight:900;letter-spacing:.08em}.badge.live{background:#dff6e8;color:#187444}.campaign-body{padding:15px}.campaign-body h3{margin:0 0 10px;font-size:15px}.campaign-meta{display:grid;gap:6px;color:var(--muted);font-size:10px}.campaign-actions{display:flex;justify-content:space-between;align-items:center;margin-top:15px;padding-top:12px;border-top:1px solid var(--line)}.switch{position:relative;width:38px;height:22px;background:#d3d3d3;border:0;border-radius:99px}.switch:after{content:"";position:absolute;width:16px;height:16px;left:3px;top:3px;border-radius:50%;background:#fff;transition:.2s}.switch.on{background:#48a875}.switch.on:after{left:19px}.monitor-card{margin:0 30px 30px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow)}.monitor-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.metric{background:#f7f6f2;border-radius:12px;padding:16px}.metric span{display:block;color:var(--muted);font-size:10px}.metric b{display:block;margin-top:5px;font-size:19px}.ad-alert{margin-top:16px;border-radius:12px;padding:18px;background:#2a1912;color:#fff}.ad-alert.safe{background:#edf7f1;color:#256543}.empty{padding:30px 15px;text-align:center;color:#92949a;font-size:12px;border:1px dashed #d8d5ce;border-radius:12px}.toast{position:fixed;right:24px;bottom:24px;background:#17181c;color:#fff;border-radius:11px;padding:12px 16px;font-size:12px;box-shadow:var(--shadow);transform:translateY(20px);opacity:0;pointer-events:none;transition:.25s;z-index:30}.toast.show{transform:none;opacity:1}.toast.error{background:#9e3232}dialog{border:0;border-radius:18px;padding:0;width:min(520px,calc(100vw - 30px));box-shadow:0 30px 90px rgba(0,0,0,.25)}dialog::backdrop{background:rgba(11,12,15,.62);backdrop-filter:blur(3px)}dialog form{padding:24px}.dialog-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:22px}.dialog-head h2{margin:0}.icon-button{border:0;background:#f0eee9;border-radius:9px;width:32px;height:32px;font-size:21px}.dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:20px}.check{display:flex;gap:9px;align-items:center;font-size:12px}.preview-mode .sidebar,.preview-mode .topbar,.preview-mode .product-panel,.preview-mode .inspector-panel,.preview-mode .workspace-toolbar,.preview-mode .workspace-status{display:none}.preview-mode .app-shell{display:block}.preview-mode .editor-grid{display:block;height:100vh}.preview-mode .workspace,.preview-mode .canvas-stage{height:100vh;padding:0;background:#000}.preview-mode .design-canvas{width:100vw;height:100vh;aspect-ratio:auto;border:0;box-shadow:none}.preview-exit{position:fixed;right:18px;top:18px;z-index:50}
@media(max-width:1000px){.editor-grid{grid-template-columns:215px minmax(420px,1fr)}.inspector-panel{position:fixed;right:0;top:92px;bottom:0;width:270px;z-index:9;box-shadow:-12px 0 30px rgba(0,0,0,.1);transform:translateX(100%)}.inspector-panel.open{transform:none}.top-actions .button-secondary{display:none}}
@media(max-width:720px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;left:0;right:0;bottom:0;top:auto;width:auto;height:66px;display:flex;flex-direction:row;padding:7px 14px;z-index:20}.brand,.sidebar-foot{display:none}.sidebar nav{display:flex;margin:0;width:100%;justify-content:space-around}.nav-item{min-width:80px;padding:5px}.nav-icon{font-size:17px}.topbar{height:auto;padding:15px 16px;align-items:flex-start}.topbar h1{font-size:19px}.top-actions{align-items:flex-end}.screen-picker{display:grid;gap:1px}.top-actions .button{padding:10px}.editor-grid{height:calc(100vh - 136px);display:block}.product-panel{display:none}.workspace{height:100%}.inspector-panel{top:76px;bottom:66px}.canvas-stage{padding:16px}.design-canvas.horizontal{width:92vw}.section-head{padding:22px 16px;align-items:flex-start}.campaign-grid{padding:0 16px 90px}.monitor-card{margin:0 16px 90px}.monitor-summary{grid-template-columns:1fr}.topbar .eyebrow{display:none}}
.catalog-toolbar{margin:0 30px 18px;display:flex;align-items:center;justify-content:space-between}.catalog-search{width:min(420px,60vw);background:#fff}.catalog-summary{font-size:11px;color:var(--muted);font-weight:700}.catalog-grid{padding:0 30px 30px;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.catalog-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:0 8px 26px rgba(20,20,20,.05);transition:.2s}.catalog-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.catalog-image{height:172px;background:#e9e7e1;overflow:hidden}.catalog-image img{width:100%;height:100%;object-fit:cover}.catalog-image-fallback{height:100%;display:grid;place-items:center;background:#292a2f;color:#f0b33b;font-size:34px;font-weight:900}.catalog-body{padding:15px}.catalog-title-row{display:flex;align-items:start;justify-content:space-between;gap:12px}.catalog-title-row h3{margin:0;font-size:15px}.catalog-price{font-size:13px;font-weight:850;color:#9d6600;white-space:nowrap}.catalog-description{height:31px;margin:8px 0 14px;color:var(--muted);font-size:10px;line-height:1.5;overflow:hidden}.catalog-actions{border-top:1px solid var(--line);padding-top:12px;display:flex;gap:8px}.catalog-actions button{flex:1;border:1px solid var(--line);background:#fafafa;border-radius:8px;padding:8px;color:#555;font-size:10px;font-weight:750}.catalog-actions button:hover{background:#f0eee9;color:#111}.catalog-actions .delete-product{flex:0 0 35px;color:var(--danger);background:#fff7f7;border-color:#f2dcdc}.product-form-layout{display:grid;grid-template-columns:145px 1fr;gap:16px;align-items:start}.product-image-preview{height:145px;border-radius:13px;background:#eeece6;border:1px dashed #cec9be;display:grid;place-items:center;overflow:hidden;color:#929087;font-size:10px}.product-image-preview img{width:100%;height:100%;object-fit:cover}.price-input{display:flex;align-items:center;border:1px solid var(--line);background:#fafafa;border-radius:9px;padding-left:11px}.price-input span{color:#999}.price-input input{border:0!important;background:transparent!important}.form-note{margin:-4px 0 0;color:#999;font-size:10px;line-height:1.5}
@media(max-width:720px){.sidebar{padding-left:8px;padding-right:8px}.nav-item{min-width:64px;padding-left:2px;padding-right:2px}.catalog-grid{padding:0 16px 90px}.catalog-toolbar{margin:0 16px 16px}.catalog-search{width:70vw}.product-form-layout{grid-template-columns:1fr}.product-image-preview{height:160px}}
.upload-field input[type=file]{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.upload-drop{border:1px dashed #c9c3b7;border-radius:11px;background:#faf9f6;padding:13px;display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer}.upload-drop:hover{border-color:#bd8b22;background:#fffdf7}.upload-drop b{color:#5d4a20;font-size:11px}.upload-drop small{font-size:9px;color:#929087}.upload-field.has-file .upload-drop{border-style:solid;border-color:#75ad88;background:#f1faf4}.upload-field.has-file .upload-drop b{color:#267044}
.new-screen-button{white-space:nowrap}.top-actions .new-screen-button{display:inline-block}@media(max-width:720px){.new-screen-button{font-size:0;padding-left:12px!important;padding-right:12px!important}.new-screen-button::first-letter{font-size:16px}}
.company-picker select{max-width:180px}.company-grid{padding:0 30px 20px;display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:16px}.company-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:var(--shadow)}.company-card.selected{border-color:#d5a23a;box-shadow:0 0 0 2px rgba(213,162,58,.12),var(--shadow)}.company-status{font-size:9px;font-weight:900;letter-spacing:.12em;color:#9a792d}.company-card h3{margin:7px 0 5px;font-size:18px}.company-card p{margin:0;color:var(--muted);font-size:10px;min-height:30px}.company-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:15px 0}.company-metrics span{padding:10px 6px;border-radius:9px;background:#f6f4ef;text-align:center;font-size:9px;color:var(--muted)}.company-metrics b{display:block;font-size:17px;color:var(--ink);margin-bottom:2px}.company-actions{display:flex;gap:7px}.company-actions .button{padding:8px 10px;flex:1}.company-actions .delete-company{flex:0}.category-admin{margin:0 30px 30px;padding:22px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}.category-admin-head{display:flex;justify-content:space-between;align-items:center;gap:20px}.category-admin-head h3{margin:3px 0}.category-admin-head form{display:flex;gap:8px}.category-admin-head input{min-width:230px;border:1px solid var(--line);border-radius:9px;padding:10px}.category-chip-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.category-admin-chip{display:flex;align-items:center;gap:8px;padding:7px 8px 7px 12px;border-radius:99px;background:#f2f0ea;font-size:11px;font-weight:700}.category-admin-chip button{border:0;width:20px;height:20px;border-radius:50%;background:#fff;color:var(--danger)}@media(max-width:720px){.company-grid{padding:0 16px 16px}.category-admin{margin:0 16px 90px}.category-admin-head{align-items:stretch;flex-direction:column}.category-admin-head form{display:grid;grid-template-columns:1fr auto}.category-admin-head input{min-width:0}.company-picker span{display:none}}
.company-identity{display:flex;align-items:center;gap:12px;margin-bottom:9px}.company-identity h3{margin:3px 0 2px}.company-identity small{display:block;color:var(--muted);font-size:10px}.company-card-logo{width:52px;height:52px;border-radius:12px;object-fit:contain;background:#f4f2ed;border:1px solid var(--line)}.company-card-logo.fallback{display:grid;place-items:center;background:#232429;color:#efb341;font-size:21px;font-weight:900}.company-form-layout{display:grid;grid-template-columns:120px 1fr;gap:16px;align-items:start}.company-logo-preview{height:120px;border-radius:14px;border:1px dashed #cec9be;background:#f1efe9;display:grid;place-items:center;overflow:hidden;color:#929087;font-size:10px}.company-logo-preview img{width:100%;height:100%;object-fit:contain}@media(max-width:520px){.company-form-layout{grid-template-columns:1fr}.company-logo-preview{height:150px}}
.company-plan-label{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:10px 0;padding:10px 12px;border-radius:10px;background:#fff5f2;color:#263c4e}.company-plan-label b{font-size:11px}.company-plan-label span{color:#7a8c99;font-size:9px}
.screen-admin-grid{padding:0 30px 30px;display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.screen-admin-card{display:grid;grid-template-columns:115px 1fr;gap:16px;padding:16px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}.screen-admin-preview{align-self:start;display:grid;place-items:center;background:#202126;color:#e7a62a;border:5px solid #35363a;border-radius:8px;font-size:10px;font-weight:900}.screen-admin-preview.horizontal{width:115px;aspect-ratio:16/9}.screen-admin-preview.vertical{width:72px;aspect-ratio:9/16;justify-self:center}.screen-admin-title{display:flex;justify-content:space-between;align-items:start;gap:10px}.screen-admin-title h3{margin:5px 0 4px;font-size:16px}.screen-admin-title>b{display:grid;place-items:center;min-width:30px;height:30px;border-radius:8px;background:#f0eee8;font-size:11px}.badge-status{font-size:8px;font-weight:900;letter-spacing:.1em}.badge-status.active{color:#27754b}.badge-status.inactive{color:#a34b4b}.screen-admin-body p,.screen-admin-body small{display:block;margin:0 0 5px;color:var(--muted);font-size:9px}.screen-admin-actions{display:flex;gap:6px;margin-top:12px}.screen-admin-actions .button{padding:8px 9px;font-size:10px}@media(max-width:720px){.screen-admin-grid{padding:0 16px 90px}}@media(max-width:420px){.screen-admin-card{grid-template-columns:1fr}.screen-admin-preview.horizontal{width:100%}.screen-admin-preview.vertical{width:90px}}
.campaign-infinite-note{margin-top:-10px}.campaign-schedule{margin:4px 0 16px;padding:12px;border:1px solid var(--line);border-radius:11px}.campaign-schedule legend{padding:0 5px;font-size:11px;font-weight:800;color:#55575e}.campaign-schedule p{margin:0 0 10px;color:#92949a;font-size:9px}.weekday-options{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.weekday-options label{cursor:pointer}.weekday-options input{position:absolute;opacity:0}.weekday-options span{display:grid;place-items:center;height:30px;border:1px solid var(--line);border-radius:7px;background:#fafafa;font-size:9px;font-weight:800}.weekday-options input:checked+span{background:var(--dark);border-color:var(--dark);color:#fff}@media(max-width:520px){.weekday-options{grid-template-columns:repeat(4,1fr)}}
.campaign-upload-preview{height:190px;margin-bottom:15px;border:1px dashed #cec9be;border-radius:13px;background:#efede7;display:grid;place-items:center;overflow:hidden;color:#8f8d86;font-size:10px}.campaign-upload-preview img,.campaign-upload-preview video{width:100%;height:100%;object-fit:contain;background:#17181c}
.toast.in-dialog{position:absolute;right:18px;bottom:18px;z-index:100;max-width:calc(100% - 36px)}
.campaign-card-buttons{display:flex;align-items:center;gap:8px}.edit-campaign{border:1px solid var(--line);border-radius:7px;background:#fafafa;padding:6px 10px;color:#555;font-size:9px;font-weight:800}.edit-campaign:hover{background:#f0eee9;color:#111}
.monitor-actions{display:flex;align-items:center;gap:10px}.monitor-company{display:flex;align-items:center;gap:12px;padding-bottom:18px;margin-bottom:18px;border-bottom:1px solid var(--line)}.monitor-company-logo{width:48px;height:48px;border-radius:12px;object-fit:contain;background:#f4f2ed;border:1px solid var(--line)}.monitor-company-logo.fallback{display:grid;place-items:center;background:#232429;color:#efb341;font-size:20px;font-weight:900}.monitor-company>div:nth-child(2){display:grid;gap:2px}.monitor-company span{font-size:9px;font-weight:900;letter-spacing:.11em;color:var(--muted)}.monitor-company b{font-size:16px}.monitor-company small{font-size:10px;color:var(--muted)}.monitor-live{margin-left:auto;color:#238052!important}.monitor-live i{display:inline-block;width:7px;height:7px;margin-right:5px;border-radius:50%;background:#3dbd76;box-shadow:0 0 0 4px rgba(61,189,118,.13)}.monitor-update{text-align:right;margin-top:12px;font-size:9px;color:var(--muted)}@media(max-width:720px){.monitor-actions{align-items:stretch;flex-direction:column}.monitor-actions .screen-picker{width:100%}.monitor-company{align-items:flex-start}.monitor-live{margin-left:auto}}
.monitor-screen-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.monitor-screen-card{border:1px solid #dce9e1;border-radius:13px;padding:16px;background:#fbfefc}.monitor-screen-card.inactive{border-color:var(--line);background:#f7f6f3;opacity:.82}.monitor-screen-card.error{border-color:#efd2d2;background:#fff8f8}.monitor-screen-head{display:flex;align-items:center;gap:9px;margin-bottom:14px}.monitor-screen-head b{font-size:14px}.monitor-screen-card>p{margin:0;color:var(--muted);font-size:10px}.monitor-screen-metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px}.monitor-screen-metrics span{display:grid;gap:3px;padding:9px;border-radius:8px;background:#f1f5f2;font-size:12px;font-weight:800}.monitor-screen-metrics small,.monitor-screen-ad small{font-size:8px;color:var(--muted);font-weight:800}.monitor-screen-ad{display:grid;gap:3px;margin-top:10px;padding:10px;border-radius:8px;background:#2a1912;color:#fff}.monitor-screen-ad small{color:#efb341}.monitor-screen-normal,.monitor-screen-message{margin-top:10px;padding:9px;border-radius:8px;background:#edf7f1;color:#256543;font-size:10px}.monitor-screen-card.inactive .monitor-screen-message,.monitor-screen-card.error .monitor-screen-message{background:#eceae5;color:var(--muted)}
.screen-admin-actions{flex-wrap:wrap}.screen-admin-actions .update-station{flex-basis:100%}.station-update-date{margin-top:7px!important;color:#9a792d!important}
.wall-grid{padding:0 30px 30px;display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:16px}.wall-card{padding:18px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:var(--shadow)}.wall-card header,.wall-card footer{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.wall-card h3{margin:5px 0 3px}.wall-card p,.wall-card small{margin:0;color:var(--muted);font-size:9px}.wall-card header>b{display:grid;place-items:center;min-width:34px;height:34px;border-radius:9px;background:#fff0ec;color:#d7462e}.wall-mini-grid{display:grid;grid-template-columns:repeat(var(--columns),1fr);grid-template-rows:repeat(var(--rows),54px);gap:7px;margin:16px 0;padding:10px;border-radius:12px;background:#10283d}.wall-mini-grid span{display:grid;place-items:center;min-width:0;padding:5px;border:1px dashed #567086;border-radius:6px;color:#7f96a8;font-size:8px;text-align:center;overflow:hidden}.wall-mini-grid span.assigned{border-style:solid;border-color:#f16a51;background:#fff;color:#20364b;font-weight:800}.wall-card footer{align-items:center}.wall-card footer>div{display:flex;gap:6px}.wall-card .button{padding:7px 9px}.wall-assignment-head{display:grid;gap:3px;margin:16px 0 9px}.wall-assignment-head span{color:var(--muted);font-size:9px}.wall-slots{display:grid;grid-template-columns:repeat(var(--columns),minmax(125px,1fr));gap:7px;margin-bottom:16px;padding:10px;border-radius:12px;background:#eef3f6;overflow:auto}.wall-slots label{display:grid;gap:5px}.wall-slots span{font-size:8px;font-weight:900;color:#6d8191}.wall-slots select{min-width:120px;border:1px solid var(--line);border-radius:7px;padding:8px;background:#fff;font-size:9px}@media(max-width:720px){.wall-grid{padding:0 16px 90px}.wall-slots{grid-template-columns:1fr!important}}
.wall-mode-preview{display:grid;grid-template-columns:minmax(180px,.72fr) minmax(260px,1.28fr);gap:18px;align-items:center;margin:2px 0 18px;padding:15px;border:1px solid #d8e2e9;border-radius:14px;background:linear-gradient(135deg,#f8fbfd,#edf3f7)}.wall-mode-preview-copy{display:grid;gap:5px}.wall-mode-preview-copy>span{color:#e24a32;font-size:8px;font-weight:900;letter-spacing:.14em}.wall-mode-preview-copy>b{color:#162d40;font-size:14px}.wall-mode-preview-copy p{margin:0;color:#6d8191;font-size:9px;line-height:1.45}.wall-mode-scene{padding:12px;border-radius:12px;background:linear-gradient(145deg,#19364c,#0b1e2d);box-shadow:0 12px 24px rgba(16,40,61,.2)}.wall-mode-preview-grid{display:grid;grid-template-columns:repeat(var(--preview-columns),minmax(42px,1fr));grid-template-rows:repeat(var(--preview-rows),minmax(48px,82px));gap:5px;overflow:hidden}.wall-mode-screen{position:relative;min-width:0;overflow:hidden;border:2px solid #07131c;border-radius:4px;background:#fff}.wall-mode-content{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:8%;overflow:hidden;background:linear-gradient(145deg,#ffba19 0 42%,#cb321f 42% 100%);color:#fff}.wall-mode-content span{position:absolute;left:7%;top:8%;font-size:clamp(5px,.62vw,9px);font-weight:900;letter-spacing:.06em}.wall-mode-content i{position:absolute;right:4%;bottom:-18%;width:54%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 42% 36%,#f9d28d 0 11%,#cf7028 12% 23%,#702a18 24% 31%,#f5bc50 32% 43%,#9c2f1c 44% 49%,#e9a23b 50% 61%,transparent 62%);filter:drop-shadow(0 3px 3px rgba(0,0,0,.25))}.wall-mode-content b,.wall-mode-content small{position:relative;z-index:1;max-width:70%;font-size:clamp(5px,.62vw,9px);line-height:1.05}.wall-mode-content small{margin-top:2px;font-size:clamp(4px,.48vw,7px);opacity:.82}.mode-independiente .wall-mode-screen:nth-child(4n+2) .wall-mode-content{background:linear-gradient(145deg,#17a278 0 42%,#0c5748 42%)}.mode-independiente .wall-mode-screen:nth-child(4n+3) .wall-mode-content{background:linear-gradient(145deg,#53a9d8 0 42%,#163c68 42%)}.mode-independiente .wall-mode-screen:nth-child(4n+4) .wall-mode-content{background:linear-gradient(145deg,#8d5fd3 0 42%,#39265f 42%)}.mode-extendido{gap:5px;background:#07131c}.mode-extendido .wall-mode-screen{overflow:hidden}.mode-extendido .wall-mode-content{width:calc(var(--preview-columns) * 100% + (var(--preview-columns) - 1) * 5px);height:calc(var(--preview-rows) * 100% + (var(--preview-rows) - 1) * 5px);left:calc(var(--preview-column) * -100% - var(--preview-column) * 5px);top:calc(var(--preview-row) * -100% - var(--preview-row) * 5px);right:auto;bottom:auto;background:linear-gradient(110deg,#ffbd19 0 34%,#e84830 34% 65%,#10283d 65%)}.mode-extendido .wall-mode-content i{right:23%;bottom:-24%;width:30%}.mode-extendido .wall-mode-content span{left:5%;top:10%;font-size:clamp(7px,1vw,14px)}.mode-extendido .wall-mode-content b,.mode-extendido .wall-mode-content small{margin-left:67%;max-width:27%}@media(max-width:720px){.wall-mode-preview{grid-template-columns:1fr}.wall-mode-preview-grid{grid-template-rows:repeat(var(--preview-rows),58px)}}
.wall-mode-preview-grid.orientation-horizontal{grid-template-rows:none}.wall-mode-preview-grid.orientation-horizontal .wall-mode-screen{aspect-ratio:16/9}.wall-mode-preview-grid.orientation-vertical{grid-template-columns:repeat(var(--preview-columns),minmax(30px,72px));grid-template-rows:none;justify-content:center}.wall-mode-preview-grid.orientation-vertical .wall-mode-screen{aspect-ratio:9/16}.wall-mode-preview-grid.orientation-mixed{outline:2px solid #e34c36;outline-offset:3px}.wall-mode-preview-grid.orientation-mixed .wall-mode-screen{filter:saturate(.35)}
@media(max-width:720px){.sidebar{overflow:hidden}.sidebar nav{flex-direction:row;justify-content:flex-start;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.sidebar nav::-webkit-scrollbar{display:none}.nav-item{flex:0 0 64px}}
.login-screen{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 20% 10%,#393126,#111216 48%,#090a0c)}.login-screen.hidden{display:none}.login-card{width:min(390px,100%);padding:34px;border:1px solid rgba(255,255,255,.1);border-radius:22px;background:#fff;box-shadow:0 35px 100px rgba(0,0,0,.45)}.login-card>.brand-mark{display:grid;width:48px;height:48px;margin-bottom:20px}.login-card h1{margin:0 0 7px;font-size:28px}.login-card>p:not(.eyebrow){margin:0 0 25px;color:var(--muted);font-size:12px}.login-error{min-height:18px;margin-top:12px;color:var(--danger);font-size:11px;text-align:center}.session-user{display:flex;align-items:center;gap:10px}.session-user>span{display:grid;text-align:right}.session-user b{font-size:11px}.session-user small{color:var(--muted);font-size:9px}.nav-item[hidden]{display:none!important}.user-grid{padding:0 30px 30px;display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px}.user-card{display:grid;grid-template-columns:46px 1fr;gap:13px;padding:17px;border:1px solid var(--line);border-radius:15px;background:#fff;box-shadow:var(--shadow)}.user-avatar{display:grid;place-items:center;width:46px;height:46px;border-radius:12px;background:#202126;color:#efb341;font-size:18px;font-weight:900}.user-card h3{margin:5px 0 2px;font-size:15px}.user-card p,.user-card small{display:block;margin:0;color:var(--muted);font-size:10px}.user-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:7px;padding-top:10px;border-top:1px solid var(--line)}.user-actions .button{padding:7px 10px}.permission-manager{display:grid;gap:16px;padding:0 30px 30px}.permission-role{padding:20px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:var(--shadow)}.permission-role h3{margin:0 0 3px}.permission-role p{margin:0 0 15px;color:var(--muted);font-size:10px}.permission-table-wrap{overflow:auto}.permission-role table{width:100%;border-collapse:collapse;font-size:11px}.permission-role th,.permission-role td{padding:10px;border-bottom:1px solid var(--line);text-align:center}.permission-role th:first-child{text-align:left}.permission-role .button{margin-top:15px}@media(max-width:900px){.session-user>span{display:none}}@media(max-width:720px){.user-grid,.permission-manager{padding:0 16px 90px}.session-user{position:fixed;right:10px;bottom:74px;z-index:21}.session-user .button{padding:8px 10px}}[hidden]{display:none!important}
.plan-settings{display:grid;grid-template-columns:minmax(220px,1fr) minmax(180px,.5fr);gap:12px;margin:0 0 18px;padding:14px;border:1px solid #e5ecef;border-radius:12px;background:#f7fafb}.plan-settings label>span{display:block;margin-bottom:7px;color:#718595;font-size:9px;font-weight:800;text-transform:uppercase}.plan-settings input{width:100%;box-sizing:border-box}.plan-unlimited{margin-bottom:18px;padding:13px;border-radius:11px;background:#eef8f3;color:#277957;font-size:10px;font-weight:800}.permission-actions{display:flex;justify-content:flex-end;gap:8px}.permission-actions .button{margin-top:15px}@media(max-width:620px){.plan-settings{grid-template-columns:1fr}.company-plan-label{align-items:flex-start;flex-direction:column}}
.login-screen{isolation:isolate;overflow:hidden;display:grid;place-items:center;padding:48px;background:#20364b;color:#fff}.login-screen::before{content:"";position:absolute;inset:0;z-index:-3;background:linear-gradient(120deg,rgba(8,19,31,.32),transparent 42%,rgba(8,19,31,.2)),radial-gradient(circle at 50% 48%,rgba(87,157,211,.22),transparent 40%)}.login-screen::after{content:"";position:absolute;inset:0;z-index:-2;opacity:.18;background-image:radial-gradient(rgba(255,255,255,.26) .55px,transparent .55px);background-size:7px 7px;mask-image:linear-gradient(to bottom,transparent,#000 20%,#000 80%,transparent)}.login-atmosphere{position:absolute;z-index:-1;border-radius:50%;filter:blur(2px);pointer-events:none}.login-atmosphere-one{width:560px;height:560px;left:8%;top:17%;background:radial-gradient(circle,rgba(55,132,188,.2),transparent 68%)}.login-atmosphere-two{width:460px;height:460px;right:7%;bottom:8%;background:radial-gradient(circle,rgba(200,49,29,.1),transparent 68%)}.login-layout{width:min(1180px,100%);display:grid;grid-template-columns:minmax(390px,1.15fr) 86px minmax(360px,.85fr);align-items:center;gap:34px}.login-identity{display:grid;gap:34px}.login-logo-frame{width:min(470px,100%);padding:24px 28px;border:1px solid rgba(255,255,255,.22);border-radius:18px;background:rgba(255,255,255,.94);box-shadow:0 25px 70px rgba(5,16,27,.25);backdrop-filter:blur(12px)}.login-logo-frame img{display:block;width:100%;height:auto}.login-identity-copy{max-width:570px}.login-identity-copy>span,.login-kicker{display:block;margin:0 0 13px;color:#f0816f;font-size:10px;font-weight:900;letter-spacing:.2em}.login-identity-copy h2{margin:0 0 18px;font-size:clamp(28px,3.2vw,48px);line-height:1.05;letter-spacing:-.045em}.login-identity-copy p{max-width:520px;margin:0;color:#b9c7d4;font-size:14px;line-height:1.7}.login-divider{height:390px;display:grid;grid-template-rows:1fr auto 1fr;justify-items:center;gap:15px;color:#a9bbca}.login-divider span{width:1px;background:linear-gradient(transparent,rgba(255,255,255,.33))}.login-divider span:last-child{background:linear-gradient(rgba(255,255,255,.33),transparent)}.login-divider b{font-size:9px;letter-spacing:.22em;writing-mode:vertical-rl}.login-card{width:100%;padding:36px;border:1px solid rgba(255,255,255,.18);border-radius:22px;background:rgba(10,24,37,.42);box-shadow:0 32px 90px rgba(5,15,25,.24);backdrop-filter:blur(18px)}.login-card header{margin-bottom:28px}.login-card h1{margin:0 0 8px;color:#fff;font-size:34px;letter-spacing:-.04em}.login-card header>p:last-child{margin:0;color:#aebdca;font-size:12px}.login-field{display:grid;gap:8px;margin-bottom:15px}.login-field>span{color:#cbd6df;font-size:10px;font-weight:800}.login-field>div{height:52px;display:grid;grid-template-columns:42px 1fr;align-items:center;border:1px solid rgba(255,255,255,.17);border-radius:11px;background:rgba(244,248,252,.96);box-shadow:0 8px 22px rgba(4,13,22,.14);transition:.2s}.login-field>div:focus-within{border-color:#e45036;box-shadow:0 0 0 3px rgba(228,80,54,.17),0 8px 22px rgba(4,13,22,.14)}.login-field i{color:#a8b0b6;font-style:normal;font-size:13px;text-align:center}.login-field input{height:100%;min-width:0;border:0;outline:0;background:transparent;color:#172635;font-size:13px}.login-field input::placeholder{color:#98a2aa}.login-submit{width:100%;height:54px;margin-top:8px;display:flex;align-items:center;justify-content:space-between;padding:0 7px 0 20px;border:0;border-radius:12px;background:linear-gradient(120deg,#c73520,#e65438);color:#fff;font-size:12px;font-weight:850;box-shadow:0 12px 26px rgba(176,42,25,.3);transition:.2s}.login-submit:hover{transform:translateY(-2px);box-shadow:0 16px 32px rgba(176,42,25,.38)}.login-submit:disabled{opacity:.7;transform:none}.login-submit b{width:40px;height:40px;display:grid;place-items:center;border-radius:9px;background:rgba(255,255,255,.18);font-size:20px}.login-error{min-height:18px;margin:10px 0 0;color:#ff9c8e}.login-card footer{display:flex;align-items:center;gap:8px;margin-top:18px;color:#8297a9;font-size:8px}.login-card footer i{width:3px;height:3px;border-radius:50%;background:#6a8195}.login-secure-dot{width:7px;height:7px;border-radius:50%;background:#58c18a;box-shadow:0 0 0 4px rgba(88,193,138,.1)}.login-copyright{position:absolute;bottom:22px;color:#7890a4;font-size:8px;font-weight:800;letter-spacing:.15em}.login-copyright span{margin:0 7px;color:#c94732}@media(max-width:900px){.login-screen{padding:34px 24px}.login-layout{grid-template-columns:1fr;max-width:560px;gap:26px}.login-divider{display:none}.login-identity{gap:18px}.login-logo-frame{width:330px;padding:17px}.login-identity-copy h2{font-size:30px}.login-identity-copy p{display:none}.login-card{padding:28px}.login-copyright{display:none}}@media(max-width:520px){.login-screen{align-items:start;overflow:auto;padding:24px 18px}.login-layout{gap:18px}.login-logo-frame{width:250px;padding:13px;border-radius:13px}.login-identity-copy>span{margin-bottom:8px}.login-identity-copy h2{font-size:23px}.login-card{padding:22px;border-radius:17px}.login-card header{margin-bottom:20px}.login-card h1{font-size:28px}.login-field>div{height:48px}.login-card footer{flex-wrap:wrap}}
.tv-preview-open{overflow:hidden}.tv-preview-overlay{position:fixed;inset:0;z-index:100;background:#07131d;color:#fff;display:grid;grid-template-rows:68px minmax(0,1fr)}.tv-preview-overlay>header{display:flex;align-items:center;gap:18px;padding:10px 20px;border-bottom:1px solid rgba(255,255,255,.12);background:#102a3d}.tv-preview-overlay>header div{display:grid;gap:3px}.tv-preview-overlay>header small{color:#f15a42;font-size:9px;font-weight:900;letter-spacing:.16em}.tv-preview-overlay>header b{font-size:14px}.tv-preview-overlay>header>span{margin-right:auto;color:#9fb5c4;font-size:10px}.tv-preview-overlay>header button{border:1px solid rgba(255,255,255,.2);border-radius:9px;padding:9px 13px;background:#fff;color:#112636;font-size:11px;font-weight:850}.tv-preview-stage{min-height:0;display:grid;place-items:center;padding:18px;background:radial-gradient(circle at 50% 40%,#19384d,#050b10 68%)}.tv-preview-stage iframe{display:block;border:1px solid rgba(255,255,255,.18);background:#000;box-shadow:0 24px 70px rgba(0,0,0,.5)}.tv-preview-overlay.orientation-horizontal iframe{width:min(calc(100vw - 36px),calc((100vh - 104px)*16/9));aspect-ratio:16/9}.tv-preview-overlay.orientation-vertical iframe{height:calc(100vh - 104px);max-height:calc(100vh - 104px);aspect-ratio:9/16}@media(max-width:640px){.tv-preview-overlay{grid-template-rows:auto minmax(0,1fr)}.tv-preview-overlay>header{align-items:flex-start;flex-wrap:wrap}.tv-preview-overlay>header>span{display:none}.tv-preview-overlay>header button{margin-left:auto}.tv-preview-stage{padding:8px}.tv-preview-overlay.orientation-horizontal iframe{width:calc(100vw - 16px)}.tv-preview-overlay.orientation-vertical iframe{height:calc(100vh - 88px)}}
