.recharts-surface:active,.recharts-surface:focus,.recharts-wrapper :active,.recharts-wrapper :focus,.recharts-wrapper:active,.recharts-wrapper:focus{border:none!important;outline:none!important}.btn{align-items:center;border:1px solid #0000;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:6px;padding:8px 12px;text-decoration:none;transition:all .2s ease}.btn.primary{background:#8752fa;color:#fff}.btn.primary:hover{background:#6f3cf1;transform:translateY(-1px)}.btn.secondary{background:#e5e7eb;color:#111827}.btn.secondary:hover{background:#d1d5db}.btn.ghost{background:#0000;border-color:#e5e7eb;color:#6b7280}.btn.ghost:hover{border-color:#c0aaf9;color:#27045e}.btn:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.form-group{margin-bottom:16px}.form-group label{color:#374151;font-size:14px;font-weight:500;margin-bottom:4px}.form-group input,.form-group select,.form-group textarea{border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:8px 12px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#8752fa;box-shadow:0 0 0 3px #8752fa1a;outline:none}.form-group input::placeholder{color:#9ca3af}.card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.card-header{background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:16px 20px}.card-title{color:#111827;font-size:18px;font-weight:600;margin:0}.card-content{padding:20px}.card-footer{background:#f9fafb;border-top:1px solid #e5e7eb;padding:16px 20px}.modal-overlay{align-items:center;background:#00000080;justify-content:center;z-index:12000}.modal{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a;max-height:90vh;max-width:90vw;overflow:auto;width:100%}.modal-title{color:#111827;font-size:20px}.modal-close{border-radius:8px;height:32px;width:32px}.modal-content{padding:24px}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:20px}.modal-button{border:1px solid #0000;border-radius:8px;font-size:14px;padding:10px 20px}.modal-button.primary{background:#8752fa}.modal-button.primary:hover{background:#6f3cf1;transform:translateY(-1px)}.select-container{position:relative;width:100%}.select-trigger{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;display:flex;justify-content:space-between;min-height:40px;padding:8px 12px;transition:border-color .2s ease}.select-trigger:hover{border-color:#9ca3af}.select-trigger:focus{border-color:#8752fa;box-shadow:0 0 0 3px #8752fa1a;outline:none}.select-options{background:#fff;border:1px solid #d1d5db;border-radius:6px;box-shadow:0 4px 6px -1px #0000001a;left:0;margin-top:4px;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:50}.select-option{border-bottom:1px solid #f3f4f6;cursor:pointer;padding:8px 12px;transition:background-color .2s ease}.select-option:last-child{border-bottom:none}.select-option:hover{background-color:#f3f4f6}.select-option.selected{background-color:#eff6ff;color:#1d4ed8;font-weight:500}.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:40px 20px}.loading-spinner{border:4px solid #e5e7eb;border-top-color:#8752fa}.loading-text{color:#6b7280;font-size:14px;font-weight:500;margin-top:16px}.custom-scrollbar{scrollbar-color:#cbd5e1 #f1f5f9;scrollbar-width:thin}.custom-scrollbar::-webkit-scrollbar{height:8px;width:8px}.custom-scrollbar::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.custom-scrollbar::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px;-webkit-transition:background .2s ease;transition:background .2s ease}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#94a3b8}.custom-scrollbar::-webkit-scrollbar-corner{background:#f1f5f9}.error-message{gap:4px;margin-top:4px}.success-message{color:#059669}.success-message,.warning-message{align-items:center;display:flex;font-size:14px;gap:4px;margin-top:4px}.warning-message{color:#d97706}.info-message{align-items:center;color:#2563eb;display:flex;font-size:14px;gap:4px;margin-top:4px}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mb-1{margin-bottom:4px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.p-1{padding:4px}.p-2{padding:8px}.p-3{padding:12px}.p-4{padding:16px}.w-full{width:100%}.h-full{height:100%}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}@media (max-width:768px){.modal{margin:10px;max-width:calc(100vw - 20px)}.modal-content,.modal-header{padding:16px}.modal-actions{flex-direction:column}.modal-button{justify-content:center;width:100%}.btn{font-size:16px;padding:10px 16px}.form-group input,.form-group select,.form-group textarea{font-size:16px;padding:12px}}html.app-small-monitor-zoom{zoom:.7;--app-zoom:0.7;--app-vh100:calc(100vh/var(--app-zoom));--app-vw100:calc(100vw/var(--app-zoom));box-sizing:border-box;margin:0;max-width:none;overflow-x:hidden;overflow-y:auto;width:var(--app-vw100)}html.app-small-monitor-zoom body{box-sizing:border-box;margin:0;min-height:var(--app-vh100);min-width:100%;width:100%}html.app-small-monitor-zoom #root{min-height:100%;width:100%}html.app-small-monitor-zoom .dashboard-root{box-sizing:border-box;height:var(--app-vh100);min-height:var(--app-vh100);min-width:100%;width:100%}html.app-small-monitor-zoom .dashboard-main{flex:1 1;min-width:0}html.app-small-monitor-zoom .auth-container,html.app-small-monitor-zoom .auth-shell{height:var(--app-vh100);min-height:var(--app-vh100);min-width:100%;width:100%}html.app-small-monitor-zoom .sidebar{height:var(--app-vh100)}html.app-small-monitor-zoom .main-dashboard,html.app-small-monitor-zoom .page-container,html.app-small-monitor-zoom .placeholder-page{min-height:var(--app-vh100)}html.app-small-monitor-zoom .main-dashboard .dashboard-container{min-height:calc(var(--app-vh100) - 64px)}html.app-small-monitor-zoom .analytics-page,html.app-small-monitor-zoom .flowchart-page,html.app-small-monitor-zoom .monitoring-page,html.app-small-monitor-zoom .summary-page{box-sizing:border-box;height:auto;max-width:100%;min-height:var(--app-vh100);overflow:visible;width:100%}html.app-small-monitor-zoom .ai-support-page,html.app-small-monitor-zoom .forbidden-page,html.app-small-monitor-zoom .help-page,html.app-small-monitor-zoom .notfound-page,html.app-small-monitor-zoom .profile-page{min-height:var(--app-vh100)}html.app-small-monitor-zoom .monitoring-table-wrapper.fullscreen{max-height:calc(var(--app-vh100) - 48px)}html.app-small-monitor-zoom .flowchart-table-container{max-height:calc(var(--app-vh100) - 260px);min-width:0}html.app-small-monitor-zoom .flowchart-table-container.fullscreen{max-height:calc(var(--app-vh100) - 48px)}html.app-small-monitor-zoom .brand-modal,html.app-small-monitor-zoom .brand-modal-overlay,html.app-small-monitor-zoom .creative-modal,html.app-small-monitor-zoom .creative-select-modal,html.app-small-monitor-zoom .creative-select-modal-overlay,html.app-small-monitor-zoom .modal-overlay,html.app-small-monitor-zoom .utm-modal,html.app-small-monitor-zoom .utm-modal-overlay{height:var(--app-vh100);min-height:var(--app-vh100)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--ui-font-primary:"Montserrat","Formular",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--ui-color-bg:#f3f4f6;--ui-color-text:#181535;--ui-color-text-secondary:#181535b8;--ui-color-accent:#3939ff;--ui-color-accent-alt:#3529aa;--ui-color-sky:#22cbff;--ui-color-orange:#ff5b22;--ui-color-lavender:#a9a9f3;--ui-color-surface:#ffffff9e;--ui-color-surface-strong:#ffffffd1;--ui-border-glass:1px solid #ffffff5c;--ui-shadow-glass:0 24px 60px #18153529;--ui-radius-xl:28px;--ui-radius-lg:22px;--ui-radius-md:16px;--ui-radius-pill:999px}body{font-family:Montserrat,Formular,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--ui-font-primary)}.ui-glass-card{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#ffffff9e;background:var(--ui-color-surface);border:1px solid #ffffff5c;border:var(--ui-border-glass);border-radius:28px;border-radius:var(--ui-radius-xl);box-shadow:0 24px 60px #18153529;box-shadow:var(--ui-shadow-glass)}.ui-strong-card{background:#ffffffd1;background:var(--ui-color-surface-strong);border:1px solid #ffffff5c;border:var(--ui-border-glass);border-radius:22px;border-radius:var(--ui-radius-lg)}.ui-pill{background:#ffffff8f;border:0;border-radius:999px;border-radius:var(--ui-radius-pill);color:#181535;color:var(--ui-color-text);font:600 .82rem/1.2 Montserrat,Formular,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font:600 .82rem/1.2 var(--ui-font-primary);padding:8px 14px}.ui-pill.active{-webkit-font-smoothing:antialiased;background:linear-gradient(105deg,#22cbff,#3939ff);background:linear-gradient(105deg,var(--ui-color-sky) 0,var(--ui-color-accent) 100%);color:#fff}.ui-gradient-button{background:linear-gradient(105deg,#22cbff,#3939ff,#ff5b22);background:linear-gradient(105deg,var(--ui-color-sky),var(--ui-color-accent),var(--ui-color-orange));border:0;border-radius:999px;border-radius:var(--ui-radius-pill);color:#fff;cursor:pointer;font:600 .84rem/1.1 Montserrat,Formular,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font:600 .84rem/1.1 var(--ui-font-primary);padding:10px 18px}.auth-container{background:#fff;box-sizing:border-box;display:block;margin:0;min-height:100vh;min-height:100dvh;overflow:hidden;padding:0;width:100%}.auth-container--register,.auth-container--success{background:#fff}.auth-shell{grid-gap:0;align-items:stretch;animation:authShellIn .7s ease both;-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff;border:none;border-radius:0;box-shadow:none;display:grid;gap:0;grid-template-columns:minmax(420px,1.06fr) minmax(420px,.94fr);height:100%;margin:0;min-height:100vh;min-height:100dvh;padding:0;width:100%}.auth-visual{--auth-pointer-x:50%;--auth-pointer-y:50%;--auth-pointer-nx:0;--auth-pointer-ny:0;--auth-pointer-strength:0;animation:authGradientDrift 12s ease-in-out infinite alternate;background:radial-gradient(circle at 10% 10%,#ffffffc7,#0000 14%),radial-gradient(circle at 19% 73%,#2110ba 0,#0000 34%),radial-gradient(circle at 53% 38%,#6c3ff2 0,#0000 34%),radial-gradient(circle at 86% 42%,#d5f6ff 0,#0000 36%),linear-gradient(146deg,#61d8ef,#7868ff 42%,#ffd9c4);background-size:150% 150%;border-radius:0;cursor:crosshair;height:100%;isolation:isolate;min-height:100%;overflow:hidden;position:relative}.auth-visual__cursor-light{background:radial-gradient(circle 260px at 50% 50%,#ffffff7a,#81d8ff33 28%,#0000 64%);background:radial-gradient(circle 260px at var(--auth-pointer-x,50%) var(--auth-pointer-y,50%),#ffffff7a,#81d8ff33 28%,#0000 64%);inset:0;mix-blend-mode:screen;opacity:.22;opacity:calc(.22 + var(--auth-pointer-strength, 0)*.56);pointer-events:none;position:absolute;transition:opacity .28s ease;z-index:2}.auth-visual__grid{animation:authGridScan 18s linear infinite;background:linear-gradient(#ffffff3d 1px,#0000 0),linear-gradient(90deg,#ffffff38 1px,#0000 0);background-size:42px 42px;inset:0;-webkit-mask-image:radial-gradient(circle at 48% 50%,#000 0,#0000 72%);mask-image:radial-gradient(circle at 48% 50%,#000 0,#0000 72%);opacity:.24;pointer-events:none;position:absolute;z-index:1}.auth-visual__grid:after{animation:authScanline 4.8s ease-in-out infinite;background:linear-gradient(180deg,#0000,#ffffff3d 48%,#0000 56%);content:"";inset:0;position:absolute;transform:translateY(-100%)}.auth-visual__signal{aspect-ratio:1;border:1px solid #ffffff61;border-radius:50%;opacity:.55;pointer-events:none;position:absolute;width:250px;z-index:3}.auth-visual__signal:after,.auth-visual__signal:before{border:inherit;border-radius:inherit;content:"";inset:18%;position:absolute}.auth-visual__signal:after{inset:36%}.auth-visual__signal--one{animation:authSignalPulse 5.6s ease-in-out infinite;left:12%;top:10%}.auth-visual__signal--two{animation:authSignalPulse 6.8s ease-in-out .9s infinite reverse;bottom:12%;right:9%}.auth-container--register .auth-visual,.auth-container--success .auth-visual{background:radial-gradient(circle at 20% 12%,#ffffffc7,#0000 16%),radial-gradient(circle at 83% 78%,#ff7f43 0,#0000 34%),radial-gradient(circle at 26% 26%,#fff2df 0,#0000 38%),radial-gradient(circle at 78% 21%,#8d7bff 0,#0000 32%),linear-gradient(145deg,#fff4e7,#ffd4b6 48%,#f6f0ff)}.auth-container--reset .auth-visual{background:radial-gradient(circle at 24% 18%,#ffffffbf,#0000 14%),radial-gradient(circle at 20% 78%,#0c1097 0,#0000 35%),radial-gradient(circle at 73% 28%,#6b8cff 0,#0000 34%),radial-gradient(circle at 82% 78%,#ffd057 0,#0000 28%),linear-gradient(145deg,#eef6ff,#7767ff 48%,#fff1bd)}.auth-visual:after,.auth-visual:before{border-radius:999px;content:"";filter:blur(1px);position:absolute;z-index:-1}.auth-visual:before{aspect-ratio:1;background:#0d069e8f;bottom:-12%;left:-13%;width:48%}.auth-visual:after{aspect-ratio:1;background:#ebf9ffb8;right:-12%;top:18%;width:44%}.auth-visual__orb{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff8c;border-radius:999px;box-shadow:inset -10px -13px 26px #ffffff80,inset 10px 12px 24px #4a40a433,0 18px 34px #1c16571f;position:absolute;z-index:4}.auth-visual__orb--one{animation:authFloatOne 8s ease-in-out infinite;height:92px;right:72px;top:72px;width:92px}.auth-visual__orb--two{animation:authFloatTwo 7.2s ease-in-out infinite;height:58px;left:54px;top:42%;width:58px}.auth-visual__orb--three{animation:authFloatThree 9.5s ease-in-out infinite;background:#ffffff4d;bottom:126px;height:132px;right:42px;width:132px}.auth-visual__media-stack{grid-gap:10px;display:grid;gap:10px;position:absolute;right:clamp(28px,6vw,74px);top:15%;transform:translate3d(0,0,0);transform:translate3d(calc(var(--auth-pointer-nx, 0)*-16px),calc(var(--auth-pointer-ny, 0)*-12px),0);transition:transform .12s ease-out;z-index:5}.auth-visual__media-stack span{align-items:center;animation:authChipPulse 5s ease-in-out infinite;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff29;border:1px solid #ffffff47;border-radius:999px;box-shadow:0 14px 28px #0d084021;color:#ffffffeb;display:inline-flex;font-size:.78rem;font-weight:900;height:38px;justify-content:center;letter-spacing:.12em;width:86px}.auth-visual__media-stack span:nth-child(2){animation-delay:.55s;margin-left:26px}.auth-visual__media-stack span:nth-child(3){animation-delay:1.1s;margin-left:8px}.auth-visual__media-stack span:nth-child(4){animation-delay:1.65s;margin-left:34px}.auth-visual__waveform{align-items:center;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff1f;border:1px solid #ffffff2e;border-radius:22px;display:flex;gap:6px;height:86px;left:clamp(26px,5vw,60px);padding:14px 16px;position:absolute;top:17%;transform:translate3d(0,0,0);transform:translate3d(calc(var(--auth-pointer-nx, 0)*12px),calc(var(--auth-pointer-ny, 0)*10px),0);transition:transform .12s ease-out;z-index:5}.auth-visual__waveform i{animation:authWave 1.35s ease-in-out infinite;animation-delay:calc(var(--bar)*-85ms);background:linear-gradient(180deg,#fff,#aae7ff9e);border-radius:999px;display:block;height:28px;opacity:.86;width:5px}.auth-visual__waveform i:nth-child(3n+1){height:48px}.auth-visual__waveform i:nth-child(4n+2){height:64px}.auth-visual__waveform i:nth-child(5n+3){height:38px}.auth-visual__network{inset:0;pointer-events:none;position:absolute;transform:translate3d(0,0,0);transform:translate3d(calc(var(--auth-pointer-nx, 0)*8px),calc(var(--auth-pointer-ny, 0)*8px),0);transition:transform .14s ease-out;z-index:3}.auth-visual__network:after,.auth-visual__network:before{background:linear-gradient(90deg,#0000,#ffffff8a,#0000);content:"";height:1px;left:16%;position:absolute;right:18%;top:38%;transform:rotate(-11deg)}.auth-visual__network:after{left:24%;right:12%;top:58%;transform:rotate(18deg)}.auth-visual__network i{animation:authNode 3.4s ease-in-out infinite;background:#fff;border-radius:50%;box-shadow:0 0 0 6px #ffffff21,0 0 24px #ffffff9e;height:10px;position:absolute;width:10px}.auth-visual__network i:first-child{left:16%;top:40%}.auth-visual__network i:nth-child(2){animation-delay:.4s;left:38%;top:33%}.auth-visual__network i:nth-child(3){animation-delay:.8s;left:57%;top:50%}.auth-visual__network i:nth-child(4){animation-delay:1.2s;left:76%;top:42%}.auth-visual__network i:nth-child(5){animation-delay:1.6s;left:69%;top:63%}.auth-visual__copy{animation:authVisualCopyIn .8s ease .18s both;bottom:clamp(34px,6vw,64px);color:#fff;left:clamp(28px,5vw,54px);position:absolute;right:clamp(28px,5vw,54px);z-index:6}.auth-visual__copy span{color:#ffffffe6;display:inline-flex;font-size:.9rem;font-weight:800;letter-spacing:.04em;margin-bottom:14px}.auth-visual__copy h1{text-wrap:balance;font-size:clamp(2.35rem,4.4vw,4.35rem);font-weight:850;letter-spacing:-.075em;line-height:.95;margin:0 0 16px;max-width:470px;text-shadow:0 16px 38px #11182729}.auth-visual__copy p{color:#ffffffd6;font-size:1rem;line-height:1.55;margin:0;max-width:390px}.auth-box{animation:authFormIn .72s ease .12s both;color:#101223;display:flex;flex-direction:column;justify-content:center;justify-self:center;max-width:430px;padding:clamp(28px,4vw,54px) clamp(28px,5vw,72px);width:100%}.auth-box .ecompilot-wordmark--auth,.ecompilot-wordmark--auth{justify-content:flex-start;margin:0 0 22px}.app-title{color:#5146d8;font-size:.86rem;font-weight:800;letter-spacing:.08em;margin:0 0 8px;text-transform:uppercase}.auth-form-title{color:#12131f;font-size:clamp(2rem,4vw,3rem);font-weight:850;letter-spacing:-.065em;line-height:1;margin:0 0 26px}.registration-info{color:#767987;font-size:.92rem;line-height:1.55;margin:-14px 0 24px}.form-group{margin-bottom:18px;text-align:left}.form-group label{color:#191b2b;display:block;font-size:.88rem;font-weight:750;margin-bottom:8px}.form-group input{background:#ffffffd1;border:1px solid #e3e6ee;border-radius:12px;box-shadow:0 1px 0 #11182708;box-sizing:border-box;color:#111827;font-size:.98rem;height:50px;padding:0 16px;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;width:100%}.form-group input::placeholder{color:#b1b6c4}.form-group input:focus{border-color:#5c4dff;box-shadow:0 0 0 4px #5c4dff1f;outline:none;transform:translateY(-1px)}.form-group input:disabled{background:#f3f5f8;color:#8a8f9d}.error{color:#d83a3a;display:block;font-size:.82rem;font-weight:650;margin-top:7px}.error-message,.success-message{border-radius:14px;font-size:.9rem;line-height:1.45;margin-bottom:18px;padding:13px 14px;text-align:left}.error-message{background:#fff0f0;border:1px solid #ffd3d3;color:#9b1c1c}.success-message{background:#effcf4;border:1px solid #c9f5d9;color:#14532d}.submit-button{background:linear-gradient(135deg,#11131f,#161923 46%,#3b2fff);border:0;border-radius:14px;box-shadow:0 16px 28px #17192638,0 8px 18px #3b2fff2e;color:#fff;cursor:pointer;font-size:.96rem;font-weight:800;letter-spacing:-.01em;margin:6px 0 18px;min-height:52px;padding:0 18px;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease;width:100%}.submit-button:hover{box-shadow:0 22px 34px #1719263d,0 12px 24px #3b2fff38;filter:saturate(1.05);transform:translateY(-2px)}@keyframes authShellIn{0%{opacity:0;transform:scale(.985)}to{opacity:1;transform:scale(1)}}@keyframes authFormIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes authGradientDrift{0%{background-position:0 16%;filter:hue-rotate(0deg) saturate(1)}50%{background-position:72% 48%;filter:hue-rotate(7deg) saturate(1.08)}to{background-position:100% 84%;filter:hue-rotate(-5deg) saturate(1.02)}}@keyframes authGridScan{0%{background-position:0 0,0 0}to{background-position:84px 84px,84px 84px}}@keyframes authScanline{0%,18%{opacity:0;transform:translateY(-100%)}42%,58%{opacity:.75}to{opacity:0;transform:translateY(120%)}}@keyframes authSignalPulse{0%,to{opacity:.28;transform:scale(.86)}50%{opacity:.66;transform:scale(1.12)}}@keyframes authChipPulse{0%,to{background:#ffffff29;transform:translateY(0)}50%{background:#ffffff3d;transform:translateY(-6px)}}@keyframes authWave{0%,to{opacity:.48;transform:scaleY(.55)}50%{opacity:1;transform:scaleY(1.18)}}@keyframes authNode{0%,to{opacity:.58;transform:scale(.86)}50%{opacity:1;transform:scale(1.2)}}@keyframes authFloatOne{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(-18px,24px,0) scale(1.08);transform:translate3d(calc(-18px + var(--auth-pointer-nx, 0)*-12px),calc(24px + var(--auth-pointer-ny, 0)*-10px),0) scale(1.08)}}@keyframes authFloatTwo{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(24px,-16px,0) scale(.94);transform:translate3d(calc(24px + var(--auth-pointer-nx, 0)*10px),calc(-16px + var(--auth-pointer-ny, 0)*12px),0) scale(.94)}}@keyframes authFloatThree{0%,to{transform:translateZ(0) rotate(0deg) scale(1)}50%{transform:translate3d(-30px,-28px,0) rotate(8deg) scale(1.06);transform:translate3d(calc(-30px + var(--auth-pointer-nx, 0)*-16px),calc(-28px + var(--auth-pointer-ny, 0)*-12px),0) rotate(8deg) scale(1.06)}}@keyframes authVisualCopyIn{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}.submit-button:active{transform:translateY(0)}.submit-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.64;transform:none}.switch-form{margin-top:4px;text-align:center}.link-button,.switch-button{background:#0000!important;border:0;color:#574bdb!important;cursor:pointer;font-size:.9rem!important;font-weight:750;padding:0;text-decoration:none;transition:color .2s ease,opacity .2s ease}.link-button:hover,.switch-button:hover{color:#2117a8!important;opacity:.9}.auth-consent{color:#9097a3;font-size:.78rem;line-height:1.5;margin:18px 0 0;text-align:center}.auth-consent a{color:#574bdb;font-weight:650;text-decoration:underline;text-underline-offset:2px}.auth-consent a:hover{color:#2117a8}.auth-status-panel{align-items:flex-start;display:flex;flex-direction:column;text-align:left;width:100%}.auth-status-panel .submit-button{max-width:240px}.success-title{color:#12131f;font-size:clamp(2rem,4vw,2.75rem);font-weight:850;letter-spacing:-.06em;line-height:1;margin:10px 0 16px}.success-text{color:#6e7381;font-size:.98rem;line-height:1.65;margin:0 0 26px}body{margin:0;overflow-x:hidden;padding:0}@media (max-width:920px){.auth-container{height:100dvh;min-height:100dvh;overflow-y:auto;padding:0}.auth-shell{background:#fff;gap:0;grid-template-columns:1fr;height:auto;max-width:none;min-height:100dvh;padding:0}.auth-visual{border-radius:0 0 32px 32px;cursor:default;min-height:330px}.auth-visual__media-stack{gap:7px;right:16px;top:18px;transform:scale(.74);transform-origin:top right}.auth-visual__network,.auth-visual__signal--two{display:none}.auth-visual__waveform{gap:4px;height:62px;left:16px;padding:10px 12px;top:18px;transform:scale(.78);transform-origin:top left}.auth-visual__waveform i{width:4px}.auth-visual__signal,.auth-visual__waveform{opacity:.72}.auth-visual__copy{bottom:30px;left:24px;right:24px}.auth-visual__copy span{font-size:.78rem;margin-bottom:12px}.auth-visual__copy h1{font-size:clamp(2.2rem,9vw,3.4rem);line-height:.98;max-width:460px}.auth-visual__copy p{font-size:.92rem;line-height:1.45;max-width:440px}.auth-box{justify-self:stretch;max-width:none;padding:34px clamp(20px,6vw,56px) 42px;width:auto}.auth-form-title,.success-title{font-size:clamp(2rem,8vw,2.8rem)}}@media (max-width:560px){.auth-container{height:100dvh;min-height:100dvh;padding:0}.auth-shell{border-radius:0;box-shadow:none;height:auto;min-height:100dvh;padding:0}.auth-visual{border-radius:0 0 26px 26px;min-height:290px}.auth-visual:before{bottom:-24%;left:-28%;width:72%}.auth-visual:after{right:-24%;top:18%;width:62%}.auth-visual__copy{bottom:24px;left:20px;right:20px}.auth-visual__copy h1{font-size:clamp(2rem,11vw,2.65rem);letter-spacing:-.055em;max-width:330px}.auth-visual__copy p{display:block;font-size:.84rem;line-height:1.38;max-width:310px}.auth-visual__media-stack,.auth-visual__orb--one,.auth-visual__orb--two,.auth-visual__waveform{display:none}.auth-visual__orb--three{bottom:118px;height:92px;right:18px;width:92px}.auth-box{padding:28px 20px 38px}.auth-form-title,.success-title{font-size:2rem;margin-bottom:22px}.form-group input{height:48px}.registration-info{font-size:.86rem;margin-top:-10px}.submit-button{min-height:50px}}@media (max-width:380px){.auth-visual{min-height:260px}.auth-visual__copy h1{font-size:1.82rem}.auth-visual__copy p{display:none}.auth-box{padding:24px 16px 34px}}@media (max-height:680px) and (min-width:921px){.auth-container{height:100dvh;min-height:100dvh;overflow-y:auto}.auth-shell{height:100%;min-height:100dvh}.auth-visual{min-height:100%}.auth-box{padding-bottom:24px;padding-top:24px}}@media (prefers-reduced-motion:reduce){.auth-box,.auth-shell,.auth-visual,.auth-visual__copy,.auth-visual__grid,.auth-visual__grid:after,.auth-visual__media-stack span,.auth-visual__network i,.auth-visual__orb,.auth-visual__signal,.auth-visual__waveform i{animation:none!important}}:where(.filters-bar){box-sizing:border-box;max-width:100%;width:100%}:where(.filter-group){display:flex;flex-direction:column;gap:6px;min-width:0;width:100%}:where(.filter-label){align-items:center;color:#1f2937;display:inline-flex;font-size:.95rem;font-weight:600;gap:6px;line-height:1.2}:where(.filter-select){align-items:center;background-color:#fff;border:1px solid #e2e8f0;border-radius:6px;box-sizing:border-box;display:flex;font-size:14px;font-weight:500;gap:12px;height:40px;justify-content:space-between;padding:5px 10px;transition:border-color .15s ease,box-shadow .15s ease;width:100%}:where(.filter-select.open),:where(.filter-select:hover){border-color:#c7d2fe;box-shadow:0 0 0 3px #6366f12e}:where(.brand-select-wrapper)>.tooltip-wrapper--filter-control,:where(.simple-select-wrapper)>.tooltip-wrapper--filter-control{display:block;width:100%}:where(.filter-select.disabled *),:where(.filter-select.disabled){cursor:not-allowed}:where(.filter-select.disabled){background:#f8fafc;box-shadow:none;opacity:.6}:where(.filter-select.filter-select--text){cursor:text}:where(.filter-select.filter-select--text:focus-within:not(.disabled)){border-color:#c7d2fe;box-shadow:0 0 0 3px #6366f12e}:where(.filter-select.filter-select--text) .filter-text-input-field{align-self:center;background:#0000;border:none;color:#111827;flex:1 1 auto;font:inherit;font-size:14px;font-weight:500;margin:0;min-width:0;outline:none;padding:0}:where(.filter-select.filter-select--text) .filter-text-input-field::placeholder{color:#94a3b8}:where(.filter-select.filter-select--text.disabled) .filter-text-input-field{cursor:not-allowed}:where(.filter-select) .placeholder{color:#94a3b8;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:where(.filter-select) .chevron-icon{color:#94a3b8;flex-shrink:0;transition:transform .15s ease}:where(.filter-select.open) .chevron-icon{transform:rotate(180deg)}:where(.filter-select) .brand-name,:where(.filter-select) .selected-brand,:where(.filter-select) .selected-brand-name,:where(.filter-select) .selected-category,:where(.filter-select) .selected-media-type,:where(.filter-select) .selected-option,:where(.filter-select) .selected-subcategory,:where(.filter-select) .selected-value{color:#111827;font-weight:600}:where(.filters-bar) .date-range-button{font-family:inherit;font-size:14px;font-weight:500;line-height:1.3}:where(.filters-bar) .date-range-display{color:#111827;font:inherit;font-weight:600}:where(.filters-bar) .date-range-display.date-range-placeholder{color:#94a3b8;font-weight:500}@media (max-width:768px){:where(.filters-bar) .date-range-button,:where(.filters-bar) :where(.filter-select){font-size:.9rem}}:where(.filters-bar-header){align-items:center;border-bottom:1px solid #e5e7eb;display:flex;gap:16px;justify-content:space-between;margin-bottom:8px;padding:0 0 5px}:where(.filters-toggle-btn){align-items:center;background:#0000;border:none;border-radius:6px;color:#6366f1;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:6px 12px;transition:background-color .2s ease}:where(.filters-toggle-btn:hover){background:#f1f5f9}:where(.filters-toggle-text){-webkit-user-select:none;user-select:none}:where(.filters-summary){align-items:center;display:flex;flex:1 1;flex-wrap:wrap;gap:12px}:where(.filters-summary-item){align-items:center;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;color:#475569;display:inline-flex;font-size:13px;font-weight:500;max-width:min(100%,320px);min-width:0;overflow:hidden;padding:6px 12px;text-overflow:ellipsis;white-space:nowrap}:where(.filters-bar-content){grid-gap:20px;align-items:flex-start;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}:where(.radio-group){align-items:center;display:inline-flex;flex-wrap:wrap;gap:14px}:where(.radio-option){align-items:center;color:#374151;cursor:pointer;display:flex;font-weight:500;gap:8px}:where(.radio-input){appearance:none;background:#fff;border:2px solid #9ca3af;border-radius:50%;cursor:pointer;flex-shrink:0;height:16px;position:relative;transition:all .2s ease;width:16px}:where(.radio-input:hover){border-color:#6366f1}:where(.radio-input:checked){background:#6366f1;border-color:#6366f1}:where(.radio-input:checked:after){background:#fff;border-radius:50%;content:"";height:6px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:6px}:where(.radio-option span){color:#374151;font-size:.95rem;line-height:1.2}:where(.radio-input:checked)+span{color:#111827;font-weight:600}:where(.multiselect-footer){background:#fff;border-top:1px solid #e5e7eb;display:flex;gap:8px;justify-content:flex-end;padding:10px 12px}:where(.multiselect-footer-btn){border:1px solid #d1d5db;border-radius:8px;cursor:pointer;font-size:13px;font-weight:600;padding:6px 12px;transition:all .15s ease}:where(.multiselect-footer-btn--ghost){background:#fff;color:#374151}:where(.multiselect-footer-btn--ghost:hover){background:#f9fafb}:where(.multiselect-footer-btn--primary){background:#6366f1;border-color:#6366f1;color:#fff}:where(.multiselect-footer-btn--primary:hover:not(:disabled)){background:#4f46e5;border-color:#4f46e5}:where(.multiselect-footer-btn:disabled){cursor:not-allowed;opacity:.55}:where(.filters-bar-media-chips){display:flex;flex-wrap:wrap;gap:10px;margin-bottom:8px}:where(.filters-media-chip){align-items:center;background:#eef2ff;border:1px solid #c7d2fe;border-radius:8px;color:#4338ca;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;padding:8px 16px;transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease}:where(.filters-media-chip:hover){background:#e0e7ff;border-color:#a5b4fc;box-shadow:0 0 0 3px #6366f11f}@media (max-width:640px){.filters-bar{grid-template-columns:1fr}:where(.filters-bar-header){align-items:flex-start;flex-direction:column}:where(.filters-summary){width:100%}}.tooltip-wrapper{align-items:center;display:inline-flex;position:relative;vertical-align:middle}.tooltip{word-wrap:break-word;animation:tooltipFadeIn .2s ease-out forwards;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#1f2937f2;border-radius:6px;box-shadow:0 4px 12px #00000040;color:#fff;font-size:.875rem;line-height:1.4;max-width:300px;opacity:0;padding:8px 12px;pointer-events:none;position:fixed;white-space:normal;z-index:20000}.tooltip--hoverable{pointer-events:auto}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.tooltip-top:after{border-color:#1f2937f2 #0000 #0000;border-style:solid;border-width:6px 6px 0;bottom:-6px}.tooltip-bottom:after,.tooltip-top:after{content:"";height:0;left:50%;position:absolute;transform:translateX(-50%);width:0}.tooltip-bottom:after{border-color:#0000 #0000 #1f2937f2;border-style:solid;border-width:0 6px 6px;top:-6px}.tooltip-left:after{border-color:#0000 #0000 #0000 #1f2937f2;border-style:solid;border-width:6px 0 6px 6px;right:-6px}.tooltip-left:after,.tooltip-right:after{content:"";height:0;position:absolute;top:50%;transform:translateY(-50%);width:0}.tooltip-right:after{border-color:#0000 #1f2937f2 #0000 #0000;border-style:solid;border-width:6px 6px 6px 0;left:-6px}.tooltip-icon-wrapper{align-items:center;color:#6b7280;cursor:help;display:inline-flex;justify-content:center;line-height:0;vertical-align:middle}.tooltip-icon-wrapper:hover .tooltip-icon{color:#374151}.tooltip-icon{transition:color .2s ease}.filter-search-input{align-items:center;display:flex;gap:8px;min-width:0;width:100%}.filter-search-input-icon{color:#94a3b8;flex-shrink:0}.filter-search-input-control{background:#0000;border:none;color:#111827;flex:1 1 auto;font:inherit;line-height:1.3;min-width:0;outline:none}.filter-search-input-control::placeholder{color:#94a3b8;font-weight:500}.filter-search-input-clear{align-items:center;background:#0000;border:none;border-radius:4px;color:#111827;cursor:pointer;display:inline-flex;flex-shrink:0;height:20px;justify-content:center;padding:0;width:20px}.filter-search-input-clear:hover{background:#f3f4f6;color:#6c63ff}.simple-select-wrapper{position:relative;width:100%}.simple-select-wrapper .placeholder,.simple-select-wrapper .selected-option{display:block;flex:1 1;font-weight:500;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.simple-select-wrapper .selected-option{color:#111827}.simple-select-wrapper .placeholder{color:#9ca3af}.simple-select-display{align-items:center;display:flex;flex:1 1;min-height:20px;min-width:0;overflow:hidden}.simple-select-actions{align-items:center;display:flex;flex-shrink:0;gap:8px}.simple-select-wrapper .clear-button{align-items:center;background:none;border:none;border-radius:4px;color:#9ca3af;cursor:pointer;display:flex;height:20px;justify-content:center;padding:0;width:20px}.simple-select-wrapper .clear-button:hover{background:#f3f4f6;color:#6b7280}.simple-select-wrapper .chevron-icon{color:#94a3b8;flex-shrink:0}.simple-select .filter-select.open .chevron-icon{transform:rotate(180deg)}.simple-select.simple-select--sm{flex-shrink:0;min-width:0;width:auto}.simple-select.simple-select--sm .filter-select{font-size:12px;gap:6px;height:32px;min-width:72px;padding:4px 8px;width:auto}.simple-select.simple-select--sm .category-dropdown{min-width:140px}.simple-select.simple-select--sm .category-option{font-size:12px;padding:8px 10px}.simple-select.simple-select--ghost .filter-select{background:#0000;border:none;box-shadow:none;height:auto;min-height:0;padding:0 18px 0 0}.simple-select.simple-select--ghost .filter-select.open,.simple-select.simple-select--ghost .filter-select:hover{border:none;box-shadow:none}.simple-select.simple-select--accent .selected-option,.simple-select.simple-select--ghost .chevron-icon,.simple-select.simple-select--ghost .selected-option{color:#6c63ff;font-weight:600}.brand-select-container{display:flex;flex-direction:column;gap:8px;min-width:0;position:relative;width:100%}.brand-info{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-top:1px solid #e5e7eb;padding:20px 28px;position:relative;text-align:center}.brand-info:before{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:1px;content:"";height:2px;left:50%;position:absolute;top:0;transform:translateX(-50%);width:40px}.brand-count{align-items:center;color:#4b5563;display:flex;font-size:.95rem;font-weight:600;gap:8px;justify-content:center}.brand-select-wrapper{position:relative;width:100%}.brand-select-wrapper :where(.filter-select){align-items:center;height:auto;min-height:40px;position:relative}.brand-select-wrapper :where(.filter-select) .placeholder,.brand-select-wrapper :where(.filter-select) .selected-brand{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brand-select-wrapper .brand-select-display{align-items:center;flex:1 1;margin-right:0;min-width:0;overflow:hidden}.brand-select-wrapper .selected-brands{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.brand-select-wrapper .selected-brands::-webkit-scrollbar{display:none}.brand-select-wrapper .selected-brand-chip{flex-shrink:0;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brand-select-custom{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;cursor:pointer;padding-right:40px;position:relative}.brand-select-custom.open{border-color:#6c63ff;box-shadow:0 0 0 3px #6c63ff1a}.brand-select-custom:hover{border-color:#d1d5db}.brand-select-custom:focus{border-color:#6c63ff;box-shadow:0 0 0 3px #6c63ff1a;outline:none}.brand-select-display{align-items:center;display:flex;flex:1 1;min-width:0;overflow:hidden}.selected-brands{align-items:center;display:flex;flex-wrap:nowrap;gap:6px;max-width:100%}.selected-brand-chip{background:#eef2ff;border-radius:999px;color:#4338ca;font-size:.8rem;font-weight:600;max-width:120px;padding:4px 10px}.selected-brand,.selected-brand-chip{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selected-brand{color:#1f2937;display:block;font-weight:500;max-width:100%}.placeholder{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brand-select-actions{align-items:center;display:flex;flex-shrink:0;gap:8px;margin-left:auto}.brand-dropdown{background:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-sizing:border-box;display:flex;flex-direction:column;left:0;margin-top:4px;min-width:200px;overflow:hidden;position:absolute;right:0;top:100%;width:100%;z-index:2000}.brand-dropdown-scroll{background:#fff;max-height:220px;overflow-x:hidden;overflow-y:auto;padding-top:4px}.brand-dropdown-footer{align-items:center;background:#fff;border:0;border-top:1px solid #e5e7eb;color:#4f46e5;cursor:pointer;display:flex;flex-shrink:0;font-size:.9rem;gap:6px;justify-content:center;padding:12px 16px;width:100%}.brand-dropdown-footer:hover{background:#eef2ff;color:#4338ca}.brand-list{background:#fff;max-height:200px;overflow-x:hidden;overflow-y:auto;padding-top:4px}.brand-option{align-items:flex-start;border-bottom:1px solid #f3f4f6;cursor:pointer;display:flex;font-size:.9rem;gap:12px;justify-content:flex-start;line-height:1.4;overflow:visible;overflow-wrap:break-word;padding:12px 16px;transition:background-color .2s ease;white-space:normal;word-break:break-word}.brand-option.show-all-option{align-items:center;border-top:1px solid #e5e7eb;color:#4f46e5;gap:6px;justify-content:center;text-align:center;white-space:nowrap}.brand-option.show-all-option:hover{background:#eef2ff;color:#4338ca}.brand-option:hover{background:#f8fafc}.brand-option-label{flex:1 1;min-width:0;overflow:visible;overflow-wrap:break-word;word-break:break-word}.brand-option-check{align-self:flex-start;color:#4338ca;flex-shrink:0;font-size:.8rem;font-weight:700;margin-top:3px;visibility:hidden;width:14px}.brand-option-check.brand-option-check--visible{visibility:visible}.brand-option-checkbox{appearance:none;background:#fff;border:1px solid #d1d5db;border-radius:4px;cursor:pointer;flex-shrink:0;height:16px;margin-top:3px;position:relative;width:16px}.brand-option-checkbox:checked{background:#6c63ff;border-color:#6c63ff}.brand-option-checkbox:checked:after{color:#fff;content:"✓";font-size:12px;font-weight:700;left:50%;position:absolute;top:60%;transform:translate(-50%,-58%)}.show-all-text{font-size:.78rem}.show-all-icon{height:12px;width:12px}.show-more-inline{background:linear-gradient(180deg,#fff0,#f8fafc 60%);display:flex;justify-content:center}.show-more-button{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:999px;box-shadow:0 4px 10px #0f172a14;color:#4b5563;display:inline-flex;font-size:.9rem;font-weight:600;padding:8px 18px}.show-more-button svg{color:currentColor;transition:transform .2s ease}.show-more-button:hover svg{transform:translateY(1px)}.brand-list::-webkit-scrollbar{width:6px}.brand-list::-webkit-scrollbar-track{background:#f1f5f9}.brand-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.brand-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (max-width:768px){.brand-select-wrapper :where(.filter-select){padding-right:68px}.brand-select-custom{font-size:.9rem;padding:10px 36px 10px 14px}.search-container{padding:10px 14px}.search-input{font-size:.85rem;padding:6px 10px 6px 32px}.brand-option{font-size:.9rem;padding:10px 14px}.brand-dropdown{max-height:250px;min-width:180px}.brand-list{max-height:180px}}@media (max-width:480px){.brand-select-custom{font-size:.85rem;padding:8px 32px 8px 12px}.search-container{padding:8px 12px}.search-input{font-size:.8rem;padding:6px 8px 6px 28px}.brand-option{font-size:.85rem;padding:8px 12px}.brand-dropdown{max-height:200px;min-width:160px}.brand-list{max-height:150px}}.brand-modal .brand-option{animation:slideInUp .3s ease forwards;animation-fill-mode:both}.brand-modal .brand-option:first-child{animation-delay:.05s}.brand-modal .brand-option:nth-child(2){animation-delay:.1s}.brand-modal .brand-option:nth-child(3){animation-delay:.15s}.brand-modal .brand-option:nth-child(4){animation-delay:.2s}.brand-modal .brand-option:nth-child(5){animation-delay:.25s}.brand-modal .brand-option:nth-child(6){animation-delay:.3s}.brand-modal .brand-option:nth-child(7){animation-delay:.35s}.brand-modal .brand-option:nth-child(8){animation-delay:.4s}.brand-modal .brand-option:nth-child(9){animation-delay:.45s}.brand-modal .brand-option:nth-child(10){animation-delay:.5s}.brand-modal .loading-message{animation:pulse 1.5s ease-in-out infinite}.brand-modal-overlay{align-items:stretch;animation:fadeIn .3s ease forwards;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000080;bottom:0;display:flex;height:100vh;justify-content:flex-end;left:0;opacity:0;position:fixed;right:0;top:0;z-index:14000}.brand-modal{animation:slideInRight .3s cubic-bezier(.4,0,.2,1) forwards;background:#fff;border-radius:0;box-shadow:-24px 0 80px #0003;display:flex;flex-direction:column;height:100vh;max-width:480px;min-height:100vh;overflow-y:auto;position:relative;transform:translateX(100%);width:min(480px,100%)}.brand-modal-header{align-items:center;background:linear-gradient(135deg,#f8f9fb,#f1f5f9);border-bottom:1px solid #e5e7eb;display:flex;flex-shrink:0;justify-content:space-between;padding:24px 28px;position:relative}.brand-modal-header:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:3px;left:0;position:absolute;right:0;top:0}.brand-modal-header h3{align-items:center;color:#1f2937;display:flex;font-size:1.375rem;font-weight:700;gap:12px;margin:0}.brand-modal-close{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 4px #0000000d;color:#6b7280;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:40px}.brand-modal-close:hover{background:#fef2f2;border-color:#fecaca;box-shadow:0 4px 12px #dc262626;color:#dc2626}.brand-modal-content{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.brand-modal .search-container{background:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 2px 4px #00000005;padding:24px 28px;position:relative}.brand-modal .search-icon{display:none}.brand-modal .search-input{background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;font-size:.95rem;font-weight:500;outline:none;padding:10px 12px;transition:all .2s ease;width:100%}.brand-modal .search-input:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;transform:translateY(-1px)}.brand-modal .search-input:focus+.search-icon{color:#667eea}.brand-modal .brand-list{background:#fafbfc;flex:1 1;max-height:none;overflow-y:auto;position:relative}.brand-selected-section{background:#fafbfc;margin-bottom:8px;padding-bottom:8px;position:sticky;top:0;z-index:10}.brand-section-header{background:#fafbfc;border-bottom:2px solid #e5e7eb;border-radius:8px 8px 0 0;color:#6b7280;font-size:.875rem;font-weight:600;letter-spacing:.5px;margin:0 6px 8px;padding:12px 28px 8px;text-transform:uppercase}.brand-section-divider{background:linear-gradient(90deg,#0000,#e5e7eb 20%,#e5e7eb 80%,#0000);height:1px;margin:8px 12px 12px}.brand-modal .brand-option{align-items:flex-start;background:#fff;border-bottom:1px solid #f1f5f9;border-radius:8px;box-shadow:none;cursor:pointer;display:flex;margin:0 6px 4px;min-height:44px;padding:8px 12px;position:relative;transition:background-color .15s ease,box-shadow .15s ease,transform .15s ease}.brand-modal .brand-option:hover{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-color:#e2e8f0;box-shadow:0 2px 6px #0000000f;transform:translateY(-1px)}.brand-modal .brand-option.selected{background:linear-gradient(135deg,#eef2ff,#e0e7ff);border-color:#c7d2fe;box-shadow:0 2px 8px #4338ca1f;color:#4338ca;font-weight:600}.brand-modal .brand-name{display:block;flex:1 1 auto;font-size:1rem;font-weight:500;max-width:none;min-width:0;overflow:visible;overflow-wrap:break-word;white-space:normal;word-break:normal}.brand-modal .brand-checkmark{align-items:center;align-self:flex-start;background:#e0e7ff;border-radius:50%;color:#4338ca;display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:24px;justify-content:center;margin-left:12px;margin-top:4px;width:24px}.brand-modal .brand-pagination{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-top:1px solid #e5e7eb;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;padding:12px 20px}.brand-modal .page-btn{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 1px 2px #0000000d;color:#6b7280;cursor:pointer;display:flex;font-size:.8rem;font-weight:500;height:40px;justify-content:center;min-width:40px;padding:10px 14px;transition:all .2s ease}.brand-modal .page-btn:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af;box-shadow:0 2px 4px #0000001a;color:#374151;transform:translateY(-1px)}.brand-modal .page-btn:disabled{background:#f9fafb;border-color:#e5e7eb;box-shadow:none;color:#9ca3af;cursor:not-allowed;opacity:.3;transform:none}.brand-modal .page-info{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;color:#6b7280;font-size:.75rem;font-weight:500;padding:6px 12px;white-space:nowrap}.brand-modal .page-size{appearance:none;background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right 6px center;background-repeat:no-repeat;background-size:12px;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:.75rem;font-weight:500;height:28px;min-width:50px;padding:6px 24px 6px 8px;transition:all .2s ease}.brand-modal .page-size:hover{background-color:#f9fafb;border-color:#9ca3af}.brand-modal .page-size:focus{border-color:#6c63ff;box-shadow:0 0 0 2px #6c63ff1a;outline:none}@media (max-width:768px){.brand-modal-overlay{align-items:center;background:#0f172a8c;justify-content:center;padding:10px}.brand-modal{animation:slideUp .25s ease forwards;border-radius:16px;box-shadow:0 20px 40px #0f172a40;height:min(92vh,920px);margin:0;min-height:0;overflow:hidden;transform:none;width:min(100%,560px)}.brand-modal-header{background:#fff;padding:14px 16px}.brand-modal-header h3{font-size:1.05rem}.brand-modal-close{border-radius:8px;border-width:1px;box-shadow:none;height:32px;width:32px}.brand-modal-content{background:#f8f9fb;min-height:0}.brand-modal .search-container{background:#fff;padding:12px 16px}.brand-modal .search-input{border-radius:10px;border-width:1px;font-size:.86rem;padding:8px 12px}.brand-modal .brand-list{background:#f8f9fb;padding:8px 10px 12px}.brand-modal .brand-option{align-items:center;border:1px solid #f1f5f9;border-radius:10px;font-size:.86rem;margin:0 0 6px;min-height:0;padding:10px 12px}.brand-modal .brand-name{display:block;flex:1 1 auto;font-size:.86rem;-webkit-hyphens:manual;hyphens:manual;line-height:1.35;max-width:none;min-width:0;overflow-wrap:break-word;word-break:normal}.brand-modal .brand-info{background:#fff;padding:10px 16px calc(10px + env(safe-area-inset-bottom, 0px))}.brand-modal .brand-count{font-size:.82rem}.brand-modal .brand-pagination{flex-direction:column;gap:8px;padding:10px 16px}.brand-modal .page-btn{font-size:.75rem;height:36px;min-width:36px;padding:8px 12px}.brand-modal .page-info{font-size:.7rem;padding:4px 8px}.brand-modal .page-size{font-size:.7rem;height:24px;min-width:45px;padding:4px 20px 4px 6px}}.brand-modal::-webkit-scrollbar{width:.4em}.brand-modal::-webkit-scrollbar-track{background:#f1f1f1}.brand-modal::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:.2em}.brand-modal::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.category-select-wrapper{position:relative;width:100%}.category-select-display{align-items:center;display:flex;flex:1 1;line-height:1.2;min-width:0;padding-right:4px}.category-select-display .placeholder,.selected-category{display:block;flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selected-category{color:#1f2937;font-weight:500}.category-select-actions{align-items:center;display:flex;flex-shrink:0;gap:8px;height:100%;min-height:20px}.category-dropdown{background:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;display:flex;flex-direction:column;left:0;margin-top:4px;max-height:300px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}.category-dropdown.category-dropdown--dropup{bottom:100%;margin-bottom:4px;margin-top:0;top:auto}.category-list{max-height:250px;overflow-x:hidden;overflow-y:auto;padding-top:4px}.category-option{border-bottom:1px solid #f3f4f6;cursor:pointer;padding:10px 16px;transition:background-color .2s ease}.category-option:hover{background-color:#f9fafb}.category-option.selected{background-color:#eff6ff;color:#1d4ed8;font-weight:500}.category-option:last-child{border-bottom:none}.category-list::-webkit-scrollbar{width:6px}.category-list::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.category-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.category-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}.subcategory-select-wrapper{position:relative;width:100%}.subcategory-select-display{align-items:center;display:flex;flex:1 1;line-height:1.2;min-width:0;padding-right:4px}.selected-subcategory,.subcategory-select-display .placeholder{display:block;flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selected-subcategory{color:#1f2937;font-weight:500}.subcategory-select-actions{align-items:center;display:flex;flex-shrink:0;gap:8px;height:100%;min-height:20px}.clear-button{background:none;border-radius:4px;height:18px;padding:2px;width:18px}.clear-button:hover{background-color:#f3f4f6}.subcategory-dropdown{background:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;display:flex;flex-direction:column;left:0;margin-top:4px;max-height:300px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}.search-container{padding:12px}.search-input{font-size:14px}.subcategory-list{max-height:250px;overflow-x:hidden;overflow-y:auto;padding-bottom:16px;padding-top:4px}.subcategory-option{border-bottom:1px solid #f3f4f6;cursor:pointer;padding:10px 16px;transition:background-color .2s ease}.subcategory-option:hover{background-color:#f9fafb}.subcategory-option.selected{background-color:#eff6ff;color:#1d4ed8;font-weight:500}.subcategory-option:last-child{border-bottom:none}.no-results{color:#9ca3af}.subcategory-list::-webkit-scrollbar{width:6px}.subcategory-list::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.subcategory-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.subcategory-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}.media-type-select-wrapper{position:relative;width:100%}.media-type-mobile-radio{display:none}.media-type-mobile-option{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;box-sizing:border-box;color:#111827;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;justify-content:center;line-height:1.3;min-height:40px;padding:5px 10px;position:relative;text-align:center;transition:border-color .15s ease,background-color .15s ease,color .15s ease,box-shadow .15s ease}.media-type-mobile-option span{text-align:center}.media-type-mobile-option input{height:1px;opacity:0;pointer-events:none;position:absolute;width:1px}.media-type-mobile-option:focus-within,.media-type-mobile-option:hover{border-color:#c7d2fe;box-shadow:0 0 0 3px #6366f12e}.media-type-mobile-option.selected{background:#6c63ff;border-color:#6c63ff;box-shadow:none;color:#fff}.media-type-mobile-option.disabled{background:#f8fafc;box-shadow:none;color:#94a3b8;cursor:not-allowed;opacity:.6}.media-type-select-display{align-items:center;display:flex;flex:1 1;line-height:1.2;min-width:0;padding-right:4px}.media-type-select-display .placeholder,.selected-media-type{display:block;flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selected-media-type{color:#1f2937;font-weight:500}.placeholder{color:#9ca3af}.media-type-select-actions{align-items:center;display:flex;flex-shrink:0;gap:8px;height:100%;min-height:20px}.chevron-icon{color:#6b7280;height:16px;transition:transform .2s ease;width:16px}.filter-select.open .chevron-icon{transform:rotate(180deg)}.media-type-dropdown{background:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;left:0;margin-top:4px;max-height:300px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}.media-type-list{max-height:250px;overflow-x:hidden;overflow-y:auto;padding-bottom:16px;padding-top:4px}.media-type-option{border-bottom:1px solid #f3f4f6;cursor:pointer;padding:10px 16px;transition:background-color .2s ease}.media-type-option:hover{background-color:#f9fafb}.media-type-option.selected{background-color:#eff6ff;color:#1d4ed8;font-weight:500}.media-type-option:last-child{border-bottom:none}.media-type-list::-webkit-scrollbar{width:6px}.media-type-list::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.media-type-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.media-type-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (max-width:768px){.monitoring-filters .media-type-select-wrapper{display:none}.monitoring-filters .media-type-mobile-radio{display:flex;flex-wrap:wrap;gap:8px}.monitoring-filters .media-type-mobile-option{flex:0 1 auto;font-size:.9rem;max-width:100%;min-width:0;padding-inline:12px}}.utm-select-group{display:flex;flex-direction:column;gap:8px;min-width:0}.utm-select-group,.utm-select-wrapper{position:relative;width:100%}.utm-select-display{align-items:center;display:flex;flex:1 1;min-width:0;overflow:hidden}.utm-select-group .selected-option{color:#6c63ff;display:block;font-weight:500;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.utm-select-group .placeholder{color:#9ca3af;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.utm-select-actions{align-items:center;display:flex;flex-shrink:0;gap:8px;margin-left:auto}.utm-select-group .clear-button{align-items:center;background:#f3f4f6;border:none;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;flex-shrink:0;height:20px;justify-content:center;transition:all .2s ease;width:20px}.utm-select-group .clear-button:hover{background:#e5e7eb;color:#374151}.utm-dropdown{border:1px solid #d1d5db;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-sizing:border-box;left:0;margin-top:4px;max-height:300px;min-width:200px;overflow:hidden;position:absolute;right:0;top:100%;width:100%;z-index:1000}.search-container,.utm-dropdown{background:#fff}.search-icon{pointer-events:none}.search-input{background:#fff;border-radius:6px;box-sizing:border-box;font-size:.9rem}.search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.utm-list{background:#fff;max-height:200px;overflow-x:hidden;overflow-y:auto;padding-bottom:16px;padding-top:4px}.utm-option{border-bottom:1px solid #f3f4f6;cursor:pointer;font-size:.9rem;line-height:1.4;overflow:hidden;padding:12px 16px;text-overflow:ellipsis;transition:background-color .2s ease;white-space:nowrap}.utm-option:hover{background:#f8fafc}.utm-option.selected{background:#6c63ff;color:#fff}.utm-option.selected:hover{background:#5146d6}.utm-option.show-all-option{border-top:1px solid #e5e7eb;cursor:pointer;font-weight:500;margin-top:8px;padding-top:8px}.utm-option.show-all-option:hover{background:#f0f4ff}.loading-message,.no-results{background:#fff;color:#6b7280;font-size:.9rem;padding:16px;text-align:center}.utm-list::-webkit-scrollbar{width:6px}.utm-list::-webkit-scrollbar-track{background:#f1f5f9}.utm-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.utm-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}.utm-info{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-top:1px solid #e5e7eb;padding:16px 20px;position:relative;text-align:center}.utm-info:before{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:1px;content:"";height:2px;left:50%;position:absolute;top:0;transform:translateX(-50%);width:40px}.utm-count{align-items:center;color:#4b5563;display:flex;font-size:.95rem;font-weight:600;gap:8px;justify-content:center}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.utm-modal-overlay{align-items:stretch;animation:fadeIn .3s ease forwards;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000080;bottom:0;display:flex;height:100vh;justify-content:flex-end;left:0;opacity:0;position:fixed;right:0;top:0;z-index:14000}.utm-modal{animation:slideInRight .3s cubic-bezier(.4,0,.2,1) forwards;background:#fff;border-radius:0;box-shadow:-24px 0 80px #0003;flex-direction:column;height:100vh;max-width:480px;min-height:100vh;overflow-y:auto;transform:translateX(100%);width:min(480px,100%)}.utm-modal,.utm-modal-header{display:flex;position:relative}.utm-modal-header{align-items:center;background:linear-gradient(135deg,#f8f9fb,#f1f5f9);border-bottom:1px solid #e5e7eb;flex-shrink:0;justify-content:space-between;padding:24px 28px}.utm-modal-header:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:3px;left:0;position:absolute;right:0;top:0}.utm-modal-header h3{color:#1f2937;font-size:1.375rem;font-weight:700;margin:0}.utm-modal-close{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 4px #0000000d;color:#6b7280;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:40px}.utm-modal-close:hover{background:#fef2f2;border-color:#fecaca;box-shadow:0 4px 12px #dc262626;color:#dc2626;transform:scale(1.05) rotate(90deg)}.utm-modal-content{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.utm-modal .search-container{background:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 2px 4px #00000005;padding:24px 28px;position:relative}.utm-modal .search-icon{display:none}.utm-modal .search-input{background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;font-size:.95rem;font-weight:500;outline:none;padding:10px 12px;transition:all .2s ease;width:100%}.utm-modal .search-input:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;transform:translateY(-1px)}.utm-modal .utm-list{background:#fafbfc;flex:1 1;max-height:none;overflow-y:auto}.utm-modal .utm-option{align-items:center;background:#fff;border-bottom:1px solid #f1f5f9;border-radius:8px;box-shadow:none;cursor:pointer;display:flex;justify-content:space-between;margin:0 6px 4px;min-height:44px;padding:12px 16px;position:relative;transition:background-color .15s ease,box-shadow .15s ease,transform .15s ease;white-space:normal;word-break:break-word}.utm-modal .utm-option:hover{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-color:#e2e8f0;box-shadow:0 2px 6px #0000000f;transform:translateY(-1px)}.utm-modal .utm-option.selected{background:linear-gradient(135deg,#eef2ff,#e0e7ff);border-color:#c7d2fe;box-shadow:0 2px 8px #4338ca1f;color:#4338ca;font-weight:600}.utm-modal .utm-option.selected:before{background:linear-gradient(180deg,#667eea,#764ba2);border-radius:0 2px 2px 0;bottom:0;content:"";left:0;position:absolute;top:0;width:4px}.utm-option-label{flex:1 1;font-size:1rem;font-weight:500;white-space:normal;word-break:break-word}.utm-checkmark{align-items:center;background:#e0e7ff;border-radius:50%;color:#4338ca;display:flex;flex-shrink:0;font-size:20px;font-size:14px;font-weight:700;height:24px;justify-content:center;margin-left:12px;width:24px}@media (max-width:768px){.utm-dropdown{max-height:250px;min-width:180px}.utm-list{max-height:180px}.utm-modal{margin:20px;width:calc(100% - 40px)}.utm-modal .search-container,.utm-modal-header{padding:20px 24px}}.date-range-picker{display:block;position:relative;width:100%}.date-range-button{align-items:center;appearance:none;background:#fff;border:1px solid #e2e8f0;border-radius:6px;box-shadow:none;box-sizing:border-box;color:#111827;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;height:40px;justify-content:space-between;min-height:40px;padding:5px 10px;transition:border-color .15s ease,box-shadow .15s ease;width:100%}.date-range-button:focus,.date-range-button:hover{border-color:#c7d2fe;box-shadow:0 0 0 3px #6366f12e;outline:none}.date-range-display{color:#111827;font:inherit;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.date-range-display.date-range-placeholder{color:#94a3b8;font-weight:500}.chevron-down{color:#94a3b8;flex-shrink:0;transition:transform .15s ease}.chevron-down.rotated{transform:rotate(180deg)}.date-range-dropdown{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 25px #00000026;margin-top:0;max-height:80vh;overflow:hidden;position:fixed;width:380px;z-index:10001}.calendar-header{background:#f8fafc;border-bottom:1px solid #f3f4f6;justify-content:space-between;padding:16px 20px}.calendar-header,.nav-button{align-items:center;display:flex}.nav-button{background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;justify-content:center;padding:8px;transition:all .2s ease}.nav-button:hover{background:#e5e7eb;color:#374151}.nav-button.disabled,.nav-button:disabled{cursor:not-allowed;opacity:.4;pointer-events:none}.month-year-selector{align-items:center;color:#1f2937;display:flex;font-weight:600;gap:16px}.month-selector,.year-selector{align-items:center;border-radius:6px;cursor:pointer;display:flex;gap:4px;padding:4px 8px;position:relative;transition:all .2s ease}.month-selector:hover,.year-selector:hover{background:#e5e7eb}.month-dropdown,.year-dropdown{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 12px #00000026;left:0;margin-top:4px;max-height:200px;min-width:120px;overflow-y:auto;position:absolute;top:100%;z-index:1001}.month-option,.year-option{border-bottom:1px solid #f3f4f6;cursor:pointer;font-size:.9rem;padding:8px 12px;transition:background-color .2s ease}.month-option:hover,.year-option:hover{background:#f8fafc}.month-option.selected,.year-option.selected{background:#6c63ff7a;color:#fff}.month-option.disabled,.year-option.disabled{color:#9ca3af;cursor:not-allowed;opacity:.6;pointer-events:none}.month-option.selected:hover,.year-option.selected:hover{background:#5146d6}.today-button-container{background:#f8fafc;border-bottom:1px solid #f3f4f6;display:flex;gap:8px;justify-content:center;padding:8px 20px}.today-button{background:#6c63ff7a;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:500;padding:6px 12px;transition:all .2s ease}.today-button:hover{background:#5146d6}.today-button:active{transform:translateY(1px)}.all-period-button{background:#22c55e;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:500;padding:6px 12px;transition:all .2s ease}.all-period-button:hover{background:#16a34a}.all-period-button:active{transform:translateY(1px)}.quick-presets{background:linear-gradient(135deg,#f8fafc,#eef2ff);border-bottom:1px solid #f3f4f6;display:flex;flex-direction:column;gap:8px;padding:12px 20px}.preset-actions,.preset-buttons{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.preset-button{background:#edf1ff;border:1px solid #d0d7ff;border-radius:8px;color:#3c3c66;cursor:pointer;flex:1 1;font-size:.85rem;font-weight:500;min-width:80px;padding:6px 12px;transition:all .2s ease}.preset-button:hover{background:#dbe3ff;border-color:#b9c7ff}.preset-button:active{transform:translateY(1px)}.preset-button.is-active{background:#6c63ff;border-color:#6c63ff;box-shadow:0 2px 8px #6c63ff59;color:#fff}.calendar-grid{padding:12px 16px}.calendar-days-header{grid-gap:4px;display:grid;gap:2px;gap:4px;grid-template-columns:repeat(7,1fr);margin-bottom:6px;margin-bottom:8px}.day-header{color:#6b7280;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:8px 4px;text-align:center;text-transform:uppercase}.calendar-weeks{display:flex;flex-direction:column;gap:2px}.calendar-week{grid-gap:2px;border-radius:8px;cursor:pointer;display:grid;gap:2px;grid-template-columns:repeat(7,1fr);padding:2px;transition:all .2s ease}.calendar-week:hover{background:#f3f4f6}.calendar-week.hovered-week,.calendar-week.selected-week{background:#e7e1ff!important}.calendar-week.hovered-week{opacity:.9}.calendar-week.in-range,.calendar-week.pending-range-start,.calendar-week.selected-range{background:#d2c8ff!important;border-radius:8px;box-shadow:0 2px 8px #cdc8ff66}.calendar-week.in-range .calendar-day,.calendar-week.pending-range-start .calendar-day,.calendar-week.selected-range .calendar-day{background:#cfc9ff!important;color:#40318c;font-weight:600}.calendar-week.temp-range{background:#e8e1ff!important;border-radius:8px}.calendar-week.temp-range .calendar-day{background:#ddd4ff!important;color:#4e3ea6;font-weight:600}.calendar-week.disabled-week{background:#f9fafb!important;cursor:not-allowed;opacity:.4;pointer-events:none}.calendar-week.disabled-week:hover{background:#f9fafb!important}.calendar-week.disabled-week .calendar-day{background:#0000!important;color:#9ca3af!important}.calendar-day{border-radius:6px;color:#1f2937;font-size:.875rem;min-height:32px;padding:8px 4px;text-align:center}.calendar-day.other-month{color:#9ca3af}.calendar-day.today{background:#0000;border:2px solid #6c63ff7a;color:#6c63ff7a;font-weight:700}.calendar-day:hover{background:#e5e7eb}.selected-week .calendar-day{background:#c3bdeb!important;color:#3f2f84!important;font-weight:600}.selected-week .calendar-day.other-month{background:#e4defc!important;color:#4b3b96!important}.selected-week .calendar-day.today{background:#c0b5ff!important;color:#40318c!important}@media (max-width:768px){.date-range-picker{scroll-margin-top:68px;scroll-margin-top:calc(var(--mobile-header-height, 56px) + 12px)}.date-range-dropdown{border-radius:10px;left:0;max-height:min(80vh,520px);max-width:calc(100vw - 24px);overflow-y:auto;position:absolute;right:0;top:calc(100% + 4px);width:100%}.calendar-header{padding:10px 12px}.nav-button{padding:6px}.month-year-selector{font-size:.875rem;gap:10px}.month-selector,.year-selector{padding:2px 6px}.quick-presets{gap:6px;padding:8px 12px}.preset-actions,.preset-buttons{gap:6px}.preset-button{border-radius:6px;flex:1 1;font-size:.78rem;min-width:0;padding:5px 8px}.all-period-button,.today-button{font-size:.78rem;padding:5px 10px}.today-button-container{padding:6px 12px}.calendar-grid{padding:8px 10px}.calendar-days-header{gap:1px;margin-bottom:4px}.day-header{font-size:.68rem;letter-spacing:.02em;padding:4px 2px}.calendar-weeks{gap:1px}.calendar-week{border-radius:6px;gap:1px;padding:1px}.date-range-dropdown .calendar-day{border-radius:4px;font-size:.8rem;min-height:0;min-height:auto;padding:0}.calendar-day.today{border-width:1.5px}}.table-pagination-ui{align-items:center;box-sizing:border-box;color:#111827;column-gap:16px;display:flex;flex-wrap:wrap;font-size:14px;justify-content:flex-end;max-width:100%;min-width:0;padding-left:16px;padding-right:16px;row-gap:8px}.table-pagination-ui .per-page{align-items:center;display:flex;gap:8px}.table-pagination-ui .label{color:#6b7280}.table-pagination-ui .label--short{display:none}.range-info{color:#111827}.range-info .dash{color:#6b7280}.nav-buttons{align-items:center;display:flex;gap:8px}.page-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280;display:inline-flex;height:32px;justify-content:center;transition:background .2s ease,color .2s ease,border-color .2s ease,transform .08s ease;width:32px}.page-btn:hover:not(:disabled){background:#f8fafc;border-color:#d1d5db;color:#111827}.page-btn:active:not(:disabled){transform:scale(.98)}.page-btn:disabled{cursor:not-allowed;opacity:.4}.pagination-inline-actions{align-items:center;display:none;flex-shrink:0}.simple-select--page-size.simple-select{flex-shrink:0;width:auto}.simple-select--page-size .filter-select{gap:4px;justify-content:flex-start;min-width:0;padding:5px 8px 5px 10px;width:auto}.simple-select--page-size .simple-select-display{flex:0 1 auto}.simple-select--page-size .selected-option{flex:0 0 auto}.simple-select--page-size .simple-select-actions{gap:0;margin-left:2px}@media (max-width:768px){.table-pagination-ui{flex-wrap:nowrap;font-size:12px;gap:6px}.table-pagination-ui .per-page{flex:0 1 auto;gap:10px;min-width:0}.table-pagination-ui .label--full{display:none}.table-pagination-ui .label--short{display:inline;font-size:.8rem;line-height:1.15;white-space:nowrap}.table-pagination-ui .range-info{flex-shrink:0;font-size:.75rem;white-space:nowrap}.table-pagination-ui .nav-buttons{flex-shrink:0;gap:4px}.table-pagination-ui .page-btn{border-radius:6px;height:26px;width:26px}.table-pagination-ui .page-btn svg{height:16px;width:16px}.table-pagination-ui .nav-buttons .page-btn:last-child:not(:disabled){border-color:#c7d2fe;color:#6c63ff}.table-pagination-ui .nav-buttons .page-btn:last-child:not(:disabled):hover{background:#eef2ff;border-color:#a5b4fc;color:#5146d6}.simple-select--page-size.simple-select{flex-shrink:0;width:auto}.simple-select--page-size .filter-select{font-size:12px;gap:3px;height:32px;padding:4px 6px 4px 8px}.simple-select--page-size .selected-option{color:#6c63ff;font-weight:600}.simple-select--page-size .category-dropdown{bottom:100%;margin-bottom:4px;margin-top:0;min-width:140px;top:auto}.simple-select--page-size .category-option{font-size:12px;padding:8px 10px}}.pagination-btn{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 4px #0000000d;cursor:pointer;display:inline-flex;height:40px;justify-content:center;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:40px}.pagination-btn:hover{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-color:#667eea;box-shadow:0 4px 12px #667eea26;transform:translateY(-2px)}.pagination-btn:active{box-shadow:0 2px 4px #667eea33;transform:translateY(0)}.pagination-btn:disabled{box-shadow:0 2px 4px #0000000d;cursor:not-allowed;opacity:.5;transform:none}.pagination-btn:disabled:hover{background:#fff;border-color:#e5e7eb;box-shadow:0 2px 4px #0000000d;transform:none}.pagination-icon{color:#6b7280;height:18px;transition:all .3s ease;width:18px}.pagination-btn:hover .pagination-icon{color:#667eea;transform:scale(1.1)}.pagination-btn:disabled .pagination-icon{color:#9ca3af;transform:none}.pagination-icon-prev:before{content:"◀";font-size:16px;font-weight:700}.pagination-icon-next:before{content:"▶";font-size:16px;font-weight:700}.pagination-icon-first:before{content:"⏮";font-size:14px}.pagination-icon-last:before{content:"⏭";font-size:14px}.pagination-info{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 4px #0000000d;color:#4b5563;display:flex;font-size:.9rem;font-weight:500;gap:12px;height:40px;padding:0 16px}.pagination-info:before{content:"📄";font-size:1rem}.pagination-size-select{background:#fff;border:2px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 4px #0000000d;color:#4b5563;cursor:pointer;font-size:.9rem;font-weight:500;min-width:80px;padding:8px 12px;transition:all .3s cubic-bezier(.4,0,.2,1)}.pagination-size-select:hover{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-color:#667eea;box-shadow:0 4px 8px #667eea1a;transform:translateY(-1px)}.pagination-size-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.pagination-container{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-top:1px solid #e5e7eb;justify-content:space-between;padding:16px 24px;position:relative}.pagination-container:before{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:1px;content:"";height:2px;left:50%;position:absolute;top:0;transform:translateX(-50%);width:60px}.pagination-controls{align-items:center;display:flex;gap:8px}.pagination-center{align-items:center;display:flex;gap:12px}@media (max-width:768px){.pagination-container{flex-direction:column;gap:16px;padding:20px 16px}.pagination-controls{order:2}.pagination-center{flex-direction:column;gap:8px;order:1}.pagination-btn{height:36px;width:36px}.pagination-info{font-size:.85rem;height:36px}.pagination-size-select{font-size:.85rem;padding:6px 10px}}@keyframes paginationPulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.pagination-btn.loading{animation:paginationPulse 1.5s ease-in-out infinite}.pagination-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;box-shadow:0 4px 16px #667eea4d;color:#fff}.pagination-btn.active .pagination-icon{color:#fff}.pagination-btn.active:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px) scale(1.05)}.creative-select-container{display:flex;flex-direction:column;gap:8px;min-width:0}.creative-select-container,.creative-select-wrapper{position:relative;width:100%}.creative-select-custom{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;cursor:pointer;padding-right:40px;position:relative}.creative-select-custom.open{border-color:#6c63ff;box-shadow:0 0 0 3px #6c63ff1a}.creative-select-custom:hover{border-color:#d1d5db}.creative-select-custom:focus{border-color:#6c63ff;box-shadow:0 0 0 3px #6c63ff1a;outline:none}.creative-select-display{align-items:center;display:flex;flex:1 1;margin-right:8px;min-width:0;overflow:hidden}.selected-creative{color:#1f2937;display:block;font-weight:500;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.creative-select-actions{gap:8px;position:absolute;right:40px;top:50%;transform:translateY(-50%)}.clear-button,.creative-select-actions{align-items:center;display:flex;flex-shrink:0}.clear-button{background:#f3f4f6;border:none;border-radius:50%;color:#6b7280;cursor:pointer;height:20px;justify-content:center;transition:all .2s ease;width:20px}.clear-button:hover{background:#e5e7eb;color:#374151}.creative-dropdown{background:#fff;border:2px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 25px #0000001a;left:0;margin-top:4px;max-height:320px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}.search-container{border-bottom:1px solid #e5e7eb;padding:12px 16px;position:relative}.search-icon{color:#9ca3af;left:20px;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.search-input{border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;outline:none;padding:8px 12px 8px 36px;transition:border-color .2s ease;width:100%}.search-input:focus{border-color:#6c63ff}.creative-list{max-height:180px;overflow-x:hidden;overflow-y:auto;padding-bottom:16px;padding-top:4px}.creative-option{border-bottom:1px solid #f3f4f6;cursor:pointer;display:flex;flex-direction:column;gap:4px;padding:12px 16px;transition:background-color .2s ease}.creative-option:hover{background-color:#f9fafb}.creative-option.selected{background-color:#f3f4f6}.creative-option.selected:hover{background-color:#e5e7eb}.creative-id{color:#374151;font-size:.875rem;font-weight:600}.creative-domain{color:#6b7280;font-size:.8rem}.creative-comment{color:#9ca3af;font-size:.75rem;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.show-more-button{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#6c63ff;cursor:pointer;font-size:.875rem;font-weight:500;margin:8px 16px;padding:12px 16px;text-align:center;transition:all .2s ease}.show-more-button:hover{background:#f1f5f9;border-color:#6c63ff;color:#5a52d5}.creative-option.show-all-option{align-items:center;background:#0000;border-top:1px solid #e5e7eb;color:#4f46e5;cursor:pointer;display:flex!important;flex-direction:row;gap:6px;justify-content:center;margin-top:4px;padding:12px 16px;text-align:center;transition:all .2s ease}.creative-option.show-all-option:hover{background:#eef2ff!important;color:#4338ca}.show-all-text{display:inline-block;font-size:.875rem;font-weight:500;max-width:100%}.show-all-icon{flex-shrink:0;height:14px;width:14px}.error-message,.loading-message,.no-results{color:#6b7280;font-size:.875rem;padding:16px;text-align:center}.creative-list::-webkit-scrollbar{width:6px}.creative-list::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.creative-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.creative-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (max-width:768px){.creative-select-custom{font-size:.9rem;padding:10px 36px 10px 14px}.search-container{padding:10px 14px}.search-input{font-size:.8rem;padding:6px 10px 6px 32px}.creative-option{padding:10px 14px}.creative-dropdown{max-height:250px}.creative-list{max-height:150px}}@media (max-width:480px){.creative-select-custom{font-size:.85rem;padding:8px 32px 8px 12px}.search-container{padding:8px 12px}.search-input{font-size:.75rem;padding:6px 8px 6px 28px}.creative-option{padding:8px 12px}.creative-dropdown{max-height:200px}.creative-list{max-height:120px}}.creative-select-modal-overlay{align-items:stretch;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000080;bottom:0;display:flex;justify-content:flex-end;left:0;position:fixed;right:0;top:0;z-index:9999}.creative-select-modal{animation:slideInRight .3s cubic-bezier(.4,0,.2,1) forwards;background:#fff;box-shadow:-24px 0 80px #0003;height:100vh;max-width:480px;min-height:100vh;overflow-y:auto;position:relative;transform:translateX(100%);width:min(480px,100%);z-index:10000}.creative-select-modal-header{align-items:center;background:linear-gradient(135deg,#f8f9fb,#f1f5f9);border-bottom:1px solid #e5e7eb;display:flex;flex-shrink:0;justify-content:space-between;padding:24px 28px;position:relative}.creative-select-modal-header:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:3px;left:0;position:absolute;right:0;top:0}.creative-select-modal-header h3{align-items:center;color:#1f2937;display:flex;font-size:1.375rem;font-weight:700;gap:12px;margin:0}.creative-select-modal-header .close-button{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:12px;color:#6b7280;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.creative-select-modal-header .close-button:hover{background:#fef2f2;border-color:#fecaca;box-shadow:0 4px 12px #dc262626;color:#dc2626;transform:scale(1.05) rotate(90deg)}.creative-select-modal-content{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.creative-select-modal .search-container{background:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 2px 4px #00000005;padding:24px 28px;position:relative}.creative-select-modal .search-icon{display:none}.creative-select-modal .search-input{background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;font-size:.95rem;font-weight:500;outline:none;padding:10px 12px;transition:all .2s ease;width:100%}.creative-select-modal .search-input:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;transform:translateY(-1px)}.creative-select-modal .creative-list{background:#fafbfc;flex:1 1;max-height:none;overflow-y:auto}.creative-select-modal .creative-option{align-items:flex-start;background:#fff;border:1px solid #0000;border-radius:8px;cursor:pointer;display:flex;margin:0 6px 4px;padding:8px 12px;position:relative;transition:background-color .15s ease,box-shadow .15s ease,transform .15s ease}.creative-select-modal .creative-option:hover{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-color:#e2e8f0;box-shadow:0 2px 6px #0000000f;transform:translateY(-1px)}.creative-select-modal .creative-option.selected{background:linear-gradient(135deg,#eef2ff,#e0e7ff);border-color:#c7d2fe;box-shadow:0 2px 8px #4338ca1f;color:#4338ca;font-weight:600}.creative-select-modal .creative-name{display:flex;flex:1 1;flex-direction:row;gap:4px}.creative-select-modal .creative-id{color:#374151;font-size:1rem;font-weight:500}.creative-select-modal .creative-domain{color:#6b7280;font-size:.875rem}.creative-select-modal .creative-checkmark{align-items:center;background:#e0e7ff;border-radius:50%;color:#4338ca;display:flex;font-size:20px;font-weight:700;height:24px;justify-content:center;margin-left:12px;width:24px}.creative-select-modal .modal-info{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-top:1px solid #e5e7eb;padding:20px 28px;position:relative;text-align:center}.creative-select-modal .modal-info:before{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:1px;content:"";height:2px;left:50%;position:absolute;top:0;transform:translateX(-50%);width:40px}.creative-select-modal .creative-count{align-items:center;color:#4b5563;display:flex;font-size:.95rem;font-weight:600;gap:8px;justify-content:center}.creative-select-modal .show-more-inline{display:flex;justify-content:center;padding:12px}.creative-select-modal .show-more-button{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#6c63ff;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:8px;margin:0;padding:10px 16px;transition:all .2s ease}.creative-select-modal .show-more-button:hover{background:#f1f5f9;border-color:#6c63ff;box-shadow:0 2px 4px #6c63ff1a;color:#5a52d5;transform:translateY(-1px)}.creative-select-modal .loading-message,.creative-select-modal .no-results{color:#6b7280;font-size:.875rem;padding:16px;text-align:center}.creative-select-modal::-webkit-scrollbar{width:.4em}.creative-select-modal::-webkit-scrollbar-track{background:#f1f1f1}.creative-select-modal::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:.2em}.creative-select-modal::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media (max-width:768px){.creative-select-modal{margin:20px;width:calc(100% - 40px)}.creative-select-modal .search-container,.creative-select-modal-header{padding:20px 24px}.creative-select-modal .creative-option,.creative-select-modal .modal-info{padding:16px 24px}}.modal-overlay{align-items:stretch;animation:fadeIn .2s ease forwards;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0006;bottom:0;display:flex;height:100vh;justify-content:flex-end;left:0;opacity:0;position:fixed;right:0;top:0;z-index:14000}.creative-modal{animation:slideInRight .26s ease forwards;background:#fff;border-radius:0;box-shadow:-20px 0 60px #00000026;display:flex;flex-direction:column;height:100vh;max-width:520px;min-height:100vh;overflow:hidden;position:relative;transform:translateX(100%);width:min(520px,100%)}@keyframes slideInRight{to{transform:translateX(0)}}.modal-header{align-items:center;background:#f8f9fb;border-bottom:1px solid #e5e7eb;display:flex;flex-shrink:0;gap:8px;justify-content:space-between;padding:20px 24px}.modal-title{color:#1f2937;flex:1 1;font-size:1.25rem;font-weight:700;margin:0;min-width:0;padding-right:8px}.modal-header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.modal-header-media-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#334155;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:6px;justify-content:center;padding:8px 12px;transition:background .15s ease,border-color .15s ease,color .15s ease}.modal-header-media-btn:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1}.modal-header-media-btn:disabled{cursor:not-allowed;opacity:.65}.modal-header-media-btn--primary{background:#eef2ff;border-color:#c7d2fe;color:#4338ca}.modal-header-media-btn--primary:hover:not(:disabled){background:#e0e7ff;border-color:#a5b4fc}.modal-nav-buttons{display:inline-flex;gap:6px}.modal-nav-btn{align-items:center;background:#e5e7eb;border:none;border-radius:8px;color:#4b5563;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.modal-nav-btn:not(:disabled):hover{background:#d1d5db;color:#1f2937;transform:translateY(-1px)}.modal-nav-btn:disabled{cursor:not-allowed;opacity:.4}.modal-close{align-items:center;background:#f3f4f6;border:none;border-radius:10px;color:#6b7280;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.modal-close:hover{background:#e5e7eb;color:#374151;transform:scale(1.05)}.modal-content{-webkit-overflow-scrolling:touch;background:#fff;flex:1 1;min-height:0;overflow-x:hidden;overflow-y:auto;padding:20px;scrollbar-gutter:stable}.modal-info-grid{grid-gap:5px;display:grid;gap:5px}.info-row{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;gap:12px;justify-content:space-between;padding:14px 0}.info-row:last-child{border-bottom:none}.info-label{color:#374151;flex-shrink:0;font-size:.95rem;font-weight:600;max-width:48%}.info-value{color:#1f2937;flex:1 1;font-size:1rem;font-weight:500;max-width:100%;min-width:0;overflow-wrap:anywhere;text-align:right;white-space:normal;word-break:break-word}.info-row>.creative-status,.info-row>.media-type-badge{align-self:flex-start;flex-shrink:0;margin-left:auto}.info-value.brand{color:#6c63ff;font-size:1.05rem;font-weight:700}.creative-modal-brand-link{background:none;border:none;color:inherit;cursor:pointer;display:inline;font:inherit;font-weight:inherit;padding:0;text-align:right;text-decoration:underline;text-underline-offset:2px}.info-value.brand .creative-modal-brand-link{color:#6c63ff;font-size:1rem}.creative-modal-brand-link:hover{opacity:.85}.creative-modal-brand-link:focus-visible{border-radius:2px;outline:2px solid #6c63ff;outline-offset:2px}.info-value.ots{color:#059669;font-size:1.1rem;font-weight:700}.info-value.info-value--ad-link-actions{align-items:center;display:flex;justify-content:flex-end;min-width:0}.creative-ad-link{align-items:flex-end;display:flex;flex-direction:column;gap:6px;max-width:100%;min-width:0}.creative-ad-link--desktop{align-items:center;flex-direction:row;gap:8px;justify-content:flex-end;max-width:100%;width:100%}.creative-ad-link--desktop .creative-ad-link__url{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:normal}.creative-ad-link__url{color:#2563eb;font-size:.875rem;line-height:1.35;max-width:100%;text-align:right;text-decoration:none;word-break:break-all}.creative-ad-link__url:hover{color:#1d4ed8;text-decoration:underline}.creative-ad-link__url--copy{background:none;border:none;cursor:pointer;font:inherit;font-size:.82rem;padding:0;text-align:right;text-decoration:underline;text-underline-offset:2px}.creative-ad-link__url--copy:focus-visible{border-radius:4px;outline:2px solid #2563eb;outline-offset:2px}.creative-ad-link__copied{color:#059669;font-size:.75rem;font-weight:600}.creative-ad-link__actions{align-items:center;display:flex;flex-shrink:0;flex-wrap:nowrap;gap:6px;justify-content:flex-end}.creative-ad-link__btn{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#2563eb;cursor:pointer;display:inline-flex;flex-shrink:0;height:32px;justify-content:center;padding:0;transition:background .2s,border-color .2s,color .2s;width:32px}.creative-ad-link__btn:hover{background:#f3f4f6;border-color:#2563eb}.creative-ad-link__btn--copy.is-copied{background:#10b981;border-color:#10b981;color:#fff}.creative-ad-link__btn--copy.is-copied:hover{background:#059669;border-color:#059669}.info-value.domain{align-self:flex-start;background:#dbeafe;border-radius:8px;color:#2563eb;flex:0 1 auto;font-size:.9rem;font-weight:600;margin-left:auto;max-width:min(52%,100%);padding:4px 12px;text-align:left;word-break:break-all}.ooh-metrics-section{margin-top:2px}.ooh-metrics-section-title{border-bottom:1px solid #e5e7eb;color:#64748b;font-size:.8rem;font-weight:700;letter-spacing:.06em;margin:0 0 2px;padding-bottom:8px;text-transform:uppercase}.creative-modal-details-toggle{display:none}.creative-modal-details-extra{display:block}.info-value.ooh-metrics-value-inline{align-items:center;display:flex;flex-wrap:wrap;gap:10px 12px;justify-content:flex-end}.ooh-metrics-count{color:#334155;font-weight:600}.ooh-list-open-btn{align-items:center;background:#0000;border:1px solid #c7d2fe;border-radius:9px;box-sizing:border-box;cursor:pointer;display:inline-flex;height:36px;justify-content:center;margin:0;padding:0;width:36px}.external-link{color:#2563eb;display:inline-block;font-size:.9rem;line-height:1.4;max-width:100%;overflow-wrap:anywhere;text-decoration:none;word-break:break-all}.external-link:hover{color:#1d4ed8;text-decoration:underline}.file-path{background:#f3f4f6;border-radius:6px;color:#374151;font-family:Courier New,monospace;padding:2px 6px}.debug-row{background:#fef3c7;border:1px solid #f59e0b;border-radius:8px;margin-top:8px}.debug-value{background:#fef3c7;border:1px solid #f59e0b;border-radius:4px;color:#d97706;font-family:Courier New,monospace;font-weight:600;padding:4px 8px}.creative-status{align-items:center;border-radius:20px;display:inline-flex;font-size:.875rem;font-weight:600;gap:8px;padding:8px 16px}.creative-status.active{background:#d1fae5;color:#059669}.creative-status.inactive{background:#fee2e2;color:#dc2626}.status-indicator{animation:pulse 2s infinite;background:currentColor;border-radius:50%;height:8px;width:8px}.media-type-badge{border-radius:16px;display:inline-block;font-size:.875rem;font-weight:600;letter-spacing:.05em;padding:8px 16px;text-transform:uppercase}.media-type-badge.tv{background:linear-gradient(135deg,#ede9fe,#e0e7ff);border:2px solid #c4b5fd;color:#7c3aed}.media-type-badge.online{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:2px solid #93c5fd;color:#2563eb}.media-type-badge.banner{background:linear-gradient(135deg,#d1fae5,#bbf7d0);border:2px solid #86efac;color:#059669}.media-type-badge.outdoor{background:linear-gradient(135deg,#fef3c7,#fed7aa);border:2px solid #fbbf24;color:#d97706}.media-type-badge.radio{background:linear-gradient(135deg,#fce7f3,#fbcfe8);border:2px solid #f9a8d4;color:#ec4899}.material-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.material-label{color:#374151;font-size:1rem;font-weight:600}.material-preview{align-items:center;background:#fff;border:2px dashed #d1d5db;border-radius:16px;cursor:pointer;display:flex;flex-direction:column;gap:16px;padding:24px;transition:all .3s ease}.material-preview:hover{background:#fafbff;border-color:#6c63ff;box-shadow:0 8px 25px #6c63ff1a;transform:translateY(-2px)}.material-icon{align-items:center;background:linear-gradient(135deg,#6c63ff,#5146d6);border-radius:16px;color:#fff;display:flex;font-size:1.5rem;height:64px;justify-content:center;width:64px}.material-info{text-align:center}.material-title{color:#1f2937;font-weight:600;margin-bottom:4px}.material-subtitle{color:#6b7280;font-size:.875rem}.modal-actions{border-top:1px solid #e5e7eb;margin-top:32px;padding-top:24px}.modal-button{align-items:center;border:2px solid #0000;border-radius:12px;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:8px;justify-content:center;padding:12px 24px;text-align:center;transition:all .2s ease;width:100%}.modal-button.primary{background:linear-gradient(135deg,#6c63ff,#5146d6);color:#fff}.modal-button.primary:hover{box-shadow:0 8px 25px #6c63ff4d;transform:translateY(-2px)}.modal-button.secondary{background:#f8f9fa;border-color:#e5e7eb;color:#374151}.modal-button.secondary:hover{background:#e9ecef;border-color:#d1d5db}.creative-media-unavailable{align-items:center;background:#e5e7eb;border-radius:8px;box-sizing:border-box;display:flex;flex-direction:column;gap:10px;height:min(420px,48vh);justify-content:center;max-height:55vh;min-height:260px;padding:24px 20px;text-align:center;width:100%}.creative-media-unavailable__caption{color:#6b7280;font-size:.875rem;font-weight:600;letter-spacing:.02em;margin:0}.creative-media-unavailable__message{color:#4b5563;font-size:1rem;font-weight:600;line-height:1.35;margin:0;max-width:18rem}.creative-modal .creative-image-container{align-items:center;background:#f8f9fb;border-radius:8px;cursor:zoom-in;display:flex;height:min(420px,48vh);justify-content:center;max-height:55vh;min-height:260px;overflow:hidden;position:relative;width:100%}.creative-modal .creative-image-container:has(video){cursor:zoom-in}.creative-media-expand{align-items:center;background:#ffffffeb;border:none;border-radius:10px;box-shadow:0 1px 4px #0000001f;color:#4b5563;cursor:pointer;display:flex;height:36px;justify-content:center;padding:0;position:absolute;right:10px;top:10px;transition:background .2s ease,color .2s ease;width:36px;z-index:2}.creative-media-expand:hover{background:#fff;color:#1f2937}.creative-media-toolbar{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.creative-media-toolbar-btn{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#334155;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:8px 14px;transition:background .15s ease,border-color .15s ease}.creative-media-toolbar-btn:hover:not(:disabled){background:#f1f5f9;border-color:#cbd5e1}.creative-media-toolbar-btn:disabled{cursor:not-allowed;opacity:.65}.creative-media-toolbar-btn--primary{background:#eef2ff;border-color:#c7d2fe;color:#4338ca}.creative-media-toolbar-btn--primary:hover:not(:disabled){background:#e0e7ff;border-color:#a5b4fc}.material-preview-link{color:inherit;text-decoration:none}.creative-modal .creative-image-container .creative-image{border-radius:8px;height:100%;object-fit:contain;width:100%}.creative-modal .creative-image-container video.creative-image{background:#0f172a}.image-fallback{align-items:center;background:#f8f9fbe6;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%}.creative-modal .creative-image-container.image-error .image-fallback,.creative-modal .creative-image-container:hover .image-fallback{opacity:1}.image-overlay{align-items:center;background:#0000008c;color:#fff;cursor:pointer;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%;z-index:1}.creative-modal .creative-image-container:hover .image-overlay{opacity:1}@media (hover:none){.creative-modal .creative-image-container .image-overlay{opacity:.55}}.image-overlay span{font-size:12px;margin-top:8px}.image-modal-overlay{align-items:center;background:#000000e6;display:flex;height:100%;justify-content:center;left:0;padding:20px;position:fixed;top:0;width:100%;z-index:15000}.image-modal{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column;max-height:92vh;max-width:94vw;overflow:hidden;width:min(94vw,1320px)}.image-modal-header{align-items:center;background:#f8f9fb;border-bottom:1px solid #e5e7eb;display:flex;gap:12px;justify-content:space-between;padding:16px 20px}.image-modal-header h3{color:#1f2937;flex:1 1;font-size:18px;font-weight:600;margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-modal-header-actions{align-items:center;display:flex;flex-shrink:0;gap:8px}.image-modal-download{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#374151;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:8px 14px;transition:background .15s ease,border-color .15s ease}.image-modal-download:hover:not(:disabled){background:#f1f5f9;border-color:#cbd5e1}.image-modal-download:disabled{cursor:not-allowed;opacity:.65}.image-modal-download-label{display:inline}.image-modal-close{background:#f3f4f6;border:none;border-radius:4px;color:#6b7280;cursor:pointer;padding:4px;transition:all .2s ease}.image-modal-close:hover{background:#e5e7eb;color:#374151}.image-modal-content{align-items:center;background:#fff;box-sizing:border-box;display:flex;flex:1 1;justify-content:center;min-height:0;overflow:auto;padding:16px 20px 20px}.full-size-image{border-radius:8px;display:block;height:auto;max-height:min(78vh,1400px);max-width:100%;object-fit:contain;width:100%}@media (max-width:768px){.modal-overlay{--creative-modal-bottom-gap:max(20px,calc(env(safe-area-inset-bottom, 0px) + 16px));align-items:center;box-sizing:border-box;height:100dvh;justify-content:center;padding:max(10px,env(safe-area-inset-top,0px)) 10px var(--creative-modal-bottom-gap);z-index:12000;z-index:var(--app-overlay-z,12000)}.creative-modal{align-self:center;animation:creativeModalMobileIn .24s ease forwards;border-radius:16px;box-shadow:0 20px 50px #00000038;display:flex;flex-direction:column;height:auto;max-height:calc(100dvh - env(safe-area-inset-top, 0px) - var(--creative-modal-bottom-gap) - 12px);max-width:100%;min-height:0;overflow:hidden;transform:translateY(10px);width:100%}@keyframes creativeModalMobileIn{to{transform:translateY(0)}}.modal-header{border-radius:16px 16px 0 0;flex-shrink:0;gap:6px;padding:10px 12px}.modal-title{font-size:.95rem;font-weight:700;padding-right:4px}.modal-header-actions{gap:4px}.modal-header-media-btn{border-radius:7px;font-size:11px;gap:4px;padding:6px 8px}.modal-header-media-btn span{display:none}.modal-nav-btn{border-radius:7px;height:30px;width:30px}.modal-close{border-radius:8px;height:30px;width:30px}.modal-content{-webkit-overflow-scrolling:touch;flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;padding:10px 12px 16px}.modal-info-grid{gap:2px;padding-bottom:4px}.creative-modal-details-toggle{-webkit-tap-highlight-color:transparent;align-items:center;background:#0000;border:none;border-bottom:1px solid #f3f4f6;color:#374151;cursor:pointer;display:flex;font-size:.85rem;font-weight:600;justify-content:space-between;margin:4px 0 2px;padding:10px 0;width:100%}.creative-modal-details-toggle__chevron--open{transform:rotate(180deg)}.creative-modal-details-toggle svg{color:#6b7280;flex-shrink:0;transition:transform .2s ease}.creative-modal-details-extra--collapsed{display:none}.creative-media-unavailable{height:auto;max-height:none;min-height:160px;padding:20px 16px}.creative-media-unavailable__caption{font-size:.8rem}.creative-media-unavailable__message{font-size:.9rem}.creative-modal .creative-image-container:not(.creative-image-container--portrait){background:#0000;display:block;height:auto;line-height:0;max-height:none;min-height:0}.creative-modal .creative-image-container:not(.creative-image-container--portrait):has(video){line-height:normal}.creative-modal .creative-image-container:not(.creative-image-container--portrait) .creative-image{display:block;height:auto;max-height:min(45dvh,520px);object-fit:contain;width:100%}.creative-modal .creative-image-container:not(.creative-image-container--portrait) video.creative-image{height:auto;max-height:min(40dvh,480px);object-fit:contain;width:100%}.creative-modal .creative-image-container--portrait{align-items:center;background:#000;display:flex;height:min(420px,45dvh);justify-content:center;line-height:normal;max-height:min(45dvh,520px);min-height:min(220px,38dvh);overflow:hidden}.creative-modal .creative-image-container--portrait .creative-image{display:block;height:100%;max-height:100%;max-width:100%;object-fit:contain;width:auto}.material-preview{border-radius:12px;gap:10px;padding:14px}.material-icon{border-radius:12px;height:44px;width:44px}.material-title{font-size:.85rem}.material-subtitle{font-size:.75rem}.info-row{align-items:center;flex-direction:row;gap:8px;justify-content:space-between;padding:5px 0}.info-label{font-size:.78rem;max-width:48%}.info-value{align-self:flex-start;flex:1 1;font-size:.82rem;min-width:0;text-align:right}.info-value.brand{font-size:.88rem}.info-value.ots{font-size:.9rem}.info-value.domain{align-self:flex-start;font-size:.78rem;margin-left:auto;max-width:min(52%,100%);padding:3px 8px;width:fit-content}.info-value--id-brand{align-items:baseline;display:flex;flex-wrap:wrap;gap:0 4px;justify-content:flex-end}.info-value-id{color:#1f2937;font-weight:600}.info-value-sep{color:#9ca3af;font-weight:500}.info-value-brand-inline{color:#6c63ff;font-weight:700;text-align:right}.info-value--dates-range{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.info-row>.creative-status,.info-row>.media-type-badge{align-self:flex-start;margin-left:auto}.creative-status{gap:5px}.creative-status,.media-type-badge{font-size:.72rem;padding:4px 10px}.ooh-list-open-btn{border-radius:7px;height:30px;width:30px}.ooh-metrics-count{font-size:.82rem}.creative-ad-link--mobile{align-items:flex-end;width:100%}.creative-ad-link__url--copy{font-size:.78rem;max-width:100%}.creative-ad-link__copied{font-size:.72rem}.modal-actions{flex-direction:column}.modal-button{font-size:.85rem;justify-content:center;padding:10px 16px;width:100%}.image-modal-overlay{align-items:center;box-sizing:border-box;justify-content:center;padding:10px}.image-modal{align-self:center;margin:0 auto;max-height:95vh;max-width:min(95vw,100%);width:100%}.image-modal-header{padding:12px 16px}.image-modal-header h3{font-size:16px}.image-modal-content{padding:12px 16px 16px}.full-size-image{max-height:min(72vh,1100px)}.info-value.brand .creative-modal-brand-link{font-size:.82rem;font-weight:500}}.creative-modal .modal-content{scrollbar-color:#c1c1c1 #0000;scrollbar-width:thin}.creative-modal .modal-content::-webkit-scrollbar{width:6px}.creative-modal .modal-content::-webkit-scrollbar-track{background:#0000;margin:10px 0}.creative-modal .modal-content::-webkit-scrollbar-thumb{background-clip:content-box;background-color:#c1c1c1;border:2px solid #0000;border-radius:999px}.creative-modal .modal-content::-webkit-scrollbar-thumb:hover{background-color:#a8a8a8}@media (max-width:768px){.creative-modal .modal-content::-webkit-scrollbar-track{margin:12px 4px}.creative-modal .modal-content::-webkit-scrollbar-thumb{border:3px solid #0000}}.image-modal-content::-webkit-scrollbar{width:.4em}.image-modal-content::-webkit-scrollbar-track{background:#f1f1f1}.image-modal-content::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:.2em}.image-modal-content::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.confirm-modal-overlay{align-items:center;background:#0000008c;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:16000}.confirm-modal{background:#fff;border-radius:12px;box-shadow:0 20px 50px #00000040;max-width:95vw;overflow:hidden;width:min(1000px,95%)}.confirm-modal-header{align-items:center;background:#f8f9fb;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:16px 20px}.confirm-title{color:#1f2937;font-size:18px;font-weight:700;margin:0}.confirm-modal-content{padding:24px}.confirm-url{word-wrap:break-word;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;box-sizing:border-box;color:#111827;font-family:Courier New,monospace;font-size:14px;line-height:1.6;margin-bottom:20px;min-height:120px;overflow-wrap:break-word;padding:18px 20px;resize:vertical;white-space:pre-wrap;width:100%;word-break:break-all}.confirm-actions{display:flex;gap:10px;justify-content:flex-end}.confirm-btn{border:1px solid #0000;border-radius:10px;cursor:pointer;font-weight:600;padding:10px 16px}.confirm-btn.secondary{background:#f3f4f6;border-color:#e5e7eb;color:#1f2937}.confirm-btn.primary{background:#6c63ff;color:#fff}.confirm-btn.primary:hover{filter:brightness(.95)}.confirm-modal--ad-link-list,.confirm-modal--ooh-value-list{display:flex;flex-direction:column;max-height:min(85vh,560px);width:min(520px,95vw)}.confirm-modal--ad-link-list{width:min(640px,95vw)}.confirm-modal-content--ad-link-list{display:flex;flex:1 1;flex-direction:column;min-height:0;padding-bottom:16px}.creative-ad-link-list-scroll{-webkit-overflow-scrolling:touch;background:#fafbfc;border:1px solid #e2e8f0;border-radius:12px;list-style:none;margin:0 0 16px;max-height:min(52vh,420px);overflow-y:auto;padding:0}.creative-ad-link-list-scroll li{border-bottom:1px solid #f1f5f9;padding:12px 14px}.creative-ad-link-list-scroll li:last-child{border-bottom:none}.creative-ad-link-list-scroll .creative-ad-link--desktop{justify-content:flex-start;width:100%}.creative-ad-link-list-scroll .creative-ad-link__url{text-align:left}.creative-ad-link-loading{align-items:center;display:flex;justify-content:flex-end;min-height:36px}.creative-ad-link-loading__spinner{border:2px solid #d1d5db;border-radius:50%;border-top-color:#2563eb;height:20px;width:20px}.confirm-modal-content--ooh-list{display:flex;flex:1 1;flex-direction:column;min-height:0;padding-bottom:16px}.ooh-value-list-scroll{-webkit-overflow-scrolling:touch;background:linear-gradient(180deg,#fafbfc,#fff 48%);border:1px solid #e2e8f0;border-radius:12px;box-shadow:inset 0 1px 0 #ffffffe6;counter-reset:ooh-list;list-style:none;margin:0 0 16px;max-height:min(48vh,360px);overflow-y:auto;padding:0}.ooh-value-list-scroll li{align-items:center;border-bottom:1px solid #f1f5f9;counter-increment:ooh-list;display:flex;gap:10px;margin:0;padding:11px 14px;transition:background .15s ease}.ooh-value-list-scroll li:last-child{border-bottom:none}.ooh-value-list-scroll li:hover{background:#f8fafc}.ooh-value-list-scroll li:before{font-feature-settings:"tnum";align-items:center;background:#eef2ff;border:1px solid #e0e7ff;border-radius:8px;box-sizing:border-box;color:#4338ca;content:counter(ooh-list);display:inline-flex;flex-shrink:0;font-size:12px;font-variant-numeric:tabular-nums;font-weight:700;height:28px;justify-content:center;line-height:1;min-width:28px}.ooh-value-list-text{color:#1e293b;flex:1 1;font-size:14px;line-height:1.45;min-width:0;word-break:break-word}.ooh-value-list-scroll::-webkit-scrollbar{width:8px}.ooh-value-list-scroll::-webkit-scrollbar-track{background:#f1f5f9;border-radius:0 10px 10px 0}.ooh-value-list-scroll::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.ooh-value-list-scroll::-webkit-scrollbar-thumb:hover{background:#94a3b8}.confirm-open-btn{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;padding:6px 10px}.confirm-open-btn:hover{background:#e5e7eb}.confirm-open-icon{align-items:center;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:10px;color:#374151;cursor:pointer;display:inline-flex;height:36px;justify-content:center;width:36px}.confirm-open-icon:hover{background:#e5e7eb}.error-container,.loading-container{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:32px 24px;text-align:center}.loading-spinner{animation:spin .8s linear infinite;border:3px solid #e5e7eb;margin:0 auto 16px}.error-text,.loading-text{color:#1f2937;font-size:1rem;font-weight:500;margin-bottom:8px}.error-text{color:#dc2626}.error-path,.loading-path{background:#f3f4f6;border-radius:4px;color:#6b7280;display:inline-block;font-family:Courier New,monospace;font-size:.85rem;margin-bottom:16px;padding:4px 8px}.retry-button{background:#f59e0b;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:10px 16px;transition:all .2s ease}.retry-button:hover{background:#d97706;box-shadow:0 4px 12px #f59e0b4d;transform:translateY(-1px)}.russia-region-map{height:100%;opacity:0;transition:opacity .45s ease;width:100%}.russia-region-map.is-visible{opacity:1}.russia-region-map .russia-region-map__svg{display:block;height:100%;width:100%}.russia-region-map path{transition:fill .55s ease,stroke .55s ease}@media (prefers-reduced-motion:reduce){.russia-region-map,.russia-region-map path{transition:none}}.page-share-header{align-items:center;display:flex;gap:12px;justify-content:flex-end;margin-bottom:12px}.page-share-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;color:#4b5563;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:.95rem;font-weight:500;gap:8px;padding:10px 18px;transition:background .2s ease,border-color .2s ease}.page-share-btn:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.page-share-btn:disabled{cursor:not-allowed;opacity:.55}.page-share-hint{color:#5146d6;font-size:.8125rem;margin:-8px 0 12px;text-align:right}@media (max-width:768px){.page-share-header{margin-bottom:8px}.page-share-btn{font-size:.8125rem;gap:6px;padding:8px 12px}.page-share-hint{font-size:.75rem;margin:-6px 0 10px}}.sidebar{--sb-ease:cubic-bezier(0.22,1,0.36,1);--sb-dur:720ms;--sb-fade:420ms;--sb-delay:100ms;background:#fff;border-right:1px solid #ececec;display:flex;flex-direction:column;height:100vh;left:0;overflow-x:hidden;overflow-y:auto;position:fixed;top:0;transition:width var(--sb-dur) var(--sb-ease);width:240px;will-change:width;z-index:2000}.sidebar.collapsed{width:64px}.sidebar.pinned{width:240px}.sidebar,.sidebar *{transition-timing-function:var(--sb-ease)}.sidebar .sidebar-help,.sidebar .sidebar-logo,.sidebar .sidebar-nav a,.sidebar .sidebar-text{transition-duration:var(--sb-fade)}.sidebar-header{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;min-height:40px;padding:16px}.sidebar.collapsed .sidebar-header{justify-content:center;padding:16px 12px;position:relative}.sidebar-controls{align-items:center;display:flex;gap:8px;transition:opacity var(--sb-fade) var(--sb-ease) var(--sb-delay)}.sidebar-pin-toggle{align-items:center;background:none;border:none;border-radius:4px;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:background-color .16s ease,transform .16s ease}.sidebar-pin-toggle:hover{background:#f5f4fa;transform:scale(1.05)}.pin-radio{align-items:center;border:2px solid #d1d5db;border-radius:50%;display:flex;height:16px;justify-content:center;position:relative;transition:border-color .2s ease,background-color .2s ease,transform .2s ease;width:16px}.pin-radio.pinned{background:#6c63ff;border-color:#6c63ff;transform:scale(1.1)}.pin-dot{background:#6c63ff;border-radius:50%;height:6px;opacity:0;transition:opacity .2s ease,transform .2s ease,background-color .2s ease;width:6px}.pin-radio.pinned .pin-dot{background:#fff;opacity:1;transform:scale(1.2)}.sidebar-logo{color:#6c63ff;cursor:pointer;flex-shrink:0;font-size:1.75rem;font-weight:700;letter-spacing:2px;overflow:hidden;text-decoration:none;transition:font-size var(--sb-dur) var(--sb-ease),letter-spacing var(--sb-fade) var(--sb-ease);-webkit-user-select:none;user-select:none;white-space:nowrap}.sidebar-logo:hover{color:#5a52e8}.sidebar-logo:focus-visible{border-radius:4px;outline:2px solid #6c63ff;outline-offset:4px}.sidebar.collapsed .sidebar-logo{font-size:1.5rem;letter-spacing:0}.sidebar-logo.sidebar-logo--ecompilot{color:inherit;font-size:medium;font-weight:400;letter-spacing:normal}.sidebar-logo.sidebar-logo--ecompilot:hover{color:inherit;opacity:.88}.sidebar-nav{flex:1 1}.sidebar-nav ul{list-style:none;margin:0;padding:0}.sidebar-nav li{margin:0}.sidebar-nav a{align-items:center;border-left:3px solid #0000;color:#555;display:flex;overflow:visible;padding:8px 16px;position:relative;text-decoration:none;transition:padding var(--sb-dur) var(--sb-ease),background-color .16s ease,color .16s ease,border-left-color .16s ease,transform .16s ease;white-space:nowrap;z-index:1}.sidebar.collapsed .sidebar-nav a{justify-content:center;padding:8px 0}.sidebar-nav a:hover{background:#f8f9fa;border-left-color:#6c63ff;color:#6c63ff}.sidebar-nav a.active{background:#f5f4fa;border-left-color:#6c63ff;color:#6c63ff;font-weight:500}.sidebar-icon{align-items:center;display:inline-flex;flex-shrink:0;font-size:18px;height:18px;margin-right:10px;transition:margin-right var(--sb-dur) var(--sb-ease),color .16s ease;width:18px}.sidebar.collapsed .sidebar-nav a .sidebar-icon{margin-right:0}.sidebar-text{opacity:1;overflow:hidden;white-space:nowrap}.sidebar.collapsed .sidebar-text{opacity:0;width:0}.sidebar-bottom{border-top:1px solid #f0f0f0;flex-shrink:0;margin-top:16px;padding:12px 0 16px}.sidebar-help{align-items:center;background:none;border:none;border-left:3px solid #0000;color:#888;cursor:pointer;display:flex;overflow:visible;padding:8px 16px;position:relative;text-align:left;text-decoration:none;white-space:nowrap;width:100%}.sidebar.collapsed .sidebar-help{justify-content:center;padding:8px 0}.sidebar-help:hover{background:#f8f9fa;border-left-color:#6c63ff;color:#6c63ff}.sidebar-help .sidebar-icon{margin-right:10px}.sidebar.collapsed .sidebar-help .sidebar-icon{margin-right:0}.sidebar-reset{border-left-color:#0000;color:#f59e0b;font:inherit}.sidebar-reset .sidebar-icon{color:#f59e0b}.sidebar-reset:focus,.sidebar-reset:hover{background:#fff7e6;border-left-color:#f59e0b;color:#d97706}.sidebar-reset:focus .sidebar-icon,.sidebar-reset:hover .sidebar-icon{color:#d97706}.sidebar.collapsed .sidebar-reset .sidebar-text{display:none}.sidebar-logout{align-items:center;background:none;border:none;border-left:3px solid #0000;color:#ef4444;cursor:pointer;display:flex;font:inherit;overflow:visible;padding:8px 16px;position:relative;text-align:left;text-decoration:none;white-space:nowrap;width:100%}.sidebar-logout .sidebar-icon{color:#ef4444;margin-right:10px}.sidebar.collapsed .sidebar-logout{justify-content:center;padding:8px 0}.sidebar.collapsed .sidebar-logout .sidebar-icon{margin-right:0}.sidebar-logout:focus,.sidebar-logout:hover{background:#fef2f2;border-left-color:#ef4444;color:#dc2626}.sidebar-logout .sidebar-text{font-weight:500}.sidebar.collapsed .sidebar-logout .sidebar-text{display:none}.sidebar.collapsed .sidebar-help,.sidebar.collapsed .sidebar-nav li{position:relative}.sidebar.collapsed .sidebar-help:hover:after,.sidebar.collapsed .sidebar-nav li:hover:after{background:#333;border-radius:6px;box-shadow:0 4px 12px #00000026;color:#fff;content:attr(data-tooltip);font-size:.875rem;left:72px;opacity:1;padding:8px 12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);white-space:nowrap;z-index:1000}.sidebar.collapsed .sidebar-help:hover:before,.sidebar.collapsed .sidebar-nav li:hover:before{border-color:#0000 #333 #0000 #0000;border-style:solid;border-width:6px 8px 6px 0;content:"";height:0;left:64px;position:absolute;top:50%;transform:translateY(-50%);width:0;z-index:1001}.sidebar .sidebar-help[data-tooltip],.sidebar li[data-tooltip]{position:relative}.sidebar .sidebar-help[data-tooltip]:hover:after,.sidebar li[data-tooltip]:hover:after{background:#1f2937;border-radius:6px;box-shadow:0 4px 12px #00000026;color:#fff;content:attr(data-tooltip);font-size:.875rem;left:278px;padding:8px 12px;pointer-events:none;position:fixed;top:50%;transform:translateY(-50%);white-space:nowrap;z-index:9999}.sidebar .sidebar-help[data-tooltip]:hover:before,.sidebar li[data-tooltip]:hover:before{border:4px solid #0000;border-right-color:#1f2937;content:"";left:270px;margin-left:0;pointer-events:none;position:fixed;top:50%;transform:translateY(-50%);z-index:9999}@media (max-width:1024px) and (min-width:769px){.sidebar{width:240px}.sidebar.collapsed{width:60px}.sidebar-header{padding:20px 16px}.sidebar-help,.sidebar-logout,.sidebar-nav a{padding:10px 16px}}@media (max-width:768px){.sidebar.mobile{box-shadow:2px 0 12px #0000001f;box-sizing:border-box;display:flex;flex-direction:column;height:100dvh;height:100svh;left:0;max-height:100dvh;max-height:100svh;overflow:hidden;overscroll-behavior:contain;padding-top:56px;padding-top:var(--mobile-header-height,56px);position:fixed;top:0;transform:translateX(-100%);transition:transform .32s var(--sb-ease);width:280px!important;z-index:1050}.sidebar.mobile.is-open{transform:translateX(0)}.sidebar.mobile .sidebar-body{display:flex;flex:1 1 auto;flex-direction:column;min-height:0;overflow:hidden}.sidebar.mobile .sidebar-nav{-webkit-overflow-scrolling:touch;flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.sidebar.mobile .sidebar-nav ul{padding-top:8px}.sidebar.mobile .sidebar-nav a{font-size:.9rem;padding:12px 16px}.sidebar.mobile .sidebar-bottom--utility{border-top:1px solid #f0f0f0;flex-shrink:0;margin-top:0;padding:8px 0 12px}.sidebar.mobile .sidebar-bottom--utility .sidebar-help{font-size:.875rem;padding:10px 16px}.sidebar.mobile .sidebar-icon{font-size:18px;height:18px;margin-right:12px;width:18px}.sidebar.mobile .sidebar-text{font-size:1rem;opacity:1;width:auto}.sidebar.mobile .sidebar-mobile-bar{align-items:center;background:#fafafa;border-top:1px solid #e8e8e8;box-shadow:0 -1px 0 #0000000a;display:flex;flex:0 0 auto;gap:0;justify-content:space-around;margin-top:auto;padding:10px 16px calc(10px + env(safe-area-inset-bottom, 0px))}.sidebar.mobile .sidebar-mobile-bar__item{align-items:center;background:none;border:none;border-radius:50%;color:#4b5563;cursor:pointer;display:flex;flex:1 1;font:inherit;justify-content:center;margin:0 auto;max-width:72px;padding:0;text-decoration:none;transition:background-color .16s ease,color .16s ease;width:48px}.sidebar.mobile .sidebar-mobile-bar__item.active,.sidebar.mobile .sidebar-mobile-bar__item:hover{background:#6c63ff1a;color:#6c63ff}.sidebar.mobile .sidebar-mobile-bar__item--logout{color:#6b7280}.sidebar.mobile .sidebar-mobile-bar__item--logout:hover{background:#ef44441a;color:#ef4444}.sidebar.mobile .sidebar-mobile-bar__icon{stroke-width:1.75;flex-shrink:0;height:24px;width:24px}.sidebar.mobile .sidebar-mobile-bar__label{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}}@media (max-width:480px){.sidebar.mobile{max-width:320px;width:min(100vw,320px)!important}.sidebar.mobile .sidebar-nav a{font-size:.925rem;padding:14px 16px}}.sidebar-overlay{background:#00000080;bottom:0;left:0;opacity:0;position:fixed;right:0;top:0;transition:opacity .3s ease,visibility .3s ease;visibility:hidden;z-index:999}.sidebar-overlay.active{opacity:1;overscroll-behavior:none;touch-action:none;visibility:visible}@media (min-width:769px){.sidebar-overlay{display:none}}.sidebar-body{display:flex;flex:1 1;flex-direction:column;min-height:0}@media (min-width:769px){.sidebar-mobile-bar{display:none!important}}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:#0000}.sidebar::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.sidebar::-webkit-scrollbar-thumb:hover{background:#9ca3af}@media (max-width:768px){.sidebar::-webkit-scrollbar{display:none}.sidebar{-ms-overflow-style:none;scrollbar-width:none}}.sidebar [data-tooltip]:after,.sidebar [data-tooltip]:before,.sidebar.collapsed .sidebar-help:after,.sidebar.collapsed .sidebar-help:before,.sidebar.collapsed .sidebar-logout:after,.sidebar.collapsed .sidebar-logout:before,.sidebar.collapsed .sidebar-nav li:after,.sidebar.collapsed .sidebar-nav li:before{content:none!important;display:none!important}.main-dashboard{background:linear-gradient(135deg,#f8fafc,#e2e8f0);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin-left:0;min-height:100vh;padding:12px}.sidebar-collapsed .main-dashboard{margin-left:240px}@media (max-width:768px){.sidebar-collapsed .main-dashboard{margin-left:0}}.dashboard-container{margin:0 auto;max-width:1400px;min-height:calc(100vh - 64px)}.dashboard-container,.dashboard-top-grid{display:flex;flex-direction:column;gap:28px}.dashboard-kpi-strip{width:100%}.dashboard-kpi-strip--grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr));min-width:0;width:100%}.dashboard-kpi-strip--grid>*{min-width:0}.dashboard-kpi-carousel{display:none;width:100%}.stat-card--kpi-strip{box-sizing:border-box;display:flex;flex-direction:column;gap:4px;justify-content:space-between;min-height:148px;overflow:visible;padding:12px 14px}.stat-card--kpi-strip:hover{transform:none}.stat-card--kpi-strip .stat-card__top{flex-shrink:0}.stat-card--kpi-strip .stat-card__map{align-items:center;display:flex;flex:1 1 auto;justify-content:center;margin:0;min-height:0}.stat-card--kpi-strip .stat-value{font-size:3rem;line-height:1.25;margin-top:6px;word-break:break-word}.stat-card--kpi-strip .stat-value--secondary{font-size:1.2rem;margin-top:0}.stat-card--kpi-strip .stat-label{color:#6b7280;display:flex;flex-direction:column;flex-shrink:0;font-size:1rem;font-weight:400;gap:.15rem;line-height:1.35;margin:0;overflow:visible;word-break:break-word}.stat-card--kpi-strip .stat-label__title{align-items:center;display:inline-flex;flex-wrap:wrap;gap:0}.stat-card--kpi-strip .stat-label__title .tooltip-wrapper{flex-shrink:0;margin-left:4px;vertical-align:middle}.stat-card--kpi-strip .stat-label__sub{display:block}.stat-card--kpi-strip:has(.stat-card__content--plain){display:flex;flex-direction:column}.stat-card__content--plain{display:flex;flex:1 1;flex-direction:column;min-height:0;width:100%}.stat-card__content--plain .stat-label{margin-top:auto;padding-top:10px}.stat-card--kpi-strip .stat-icon{border-radius:12px;height:44px;width:44px}.stat-card--kpi-strip .dashboard-card-icon{height:20px;width:20px}.dashboard-region-map{height:112px;margin:0;min-height:112px;width:100%}.dashboard-region-map .russia-region-map__svg{display:block;height:120%;margin-left:10px;width:120%}.stat-card--kpi-strip.stat-card--with-map{min-height:168px}.dashboard-kpi-strip--grid .stat-card--kpi-strip.stat-card--with-map{min-height:172px}.dashboard-kpi-strip--grid .stat-card--kpi-strip.stat-card--with-map .dashboard-region-map{height:112px;min-height:112px}.welcome-section{grid-gap:24px;align-items:stretch;display:grid;gap:24px;grid-template-columns:1.3fr 1fr}.welcome-hero-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:24px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-sizing:border-box;display:flex;flex-direction:column;height:100%;justify-content:center;overflow:hidden;padding:24px 36px;position:relative}.welcome-hero-background{bottom:0;left:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0}.welcome-hero-background:before{background:radial-gradient(circle at 20% 30%,#ffffff26 0,#0000 50%),radial-gradient(circle at 80% 70%,#ffc0cb26 0,#0000 50%),radial-gradient(circle at 50% 50%,#93c5fd1a 0,#0000 60%);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.wave-animation{background:linear-gradient(180deg,#0000,#ffffff1a 50%,#0000);bottom:0;clip-path:polygon(0 0,100% 0,100% 100%,0 100%);height:100px;left:0;position:absolute;width:100%}.welcome-hero-content{color:#fff;max-width:600px;position:relative;z-index:2}.welcome-hero-icon-wrapper{align-items:center;display:flex;height:64px;justify-content:center;position:relative;width:64px}.welcome-hero-icon{animation:sunRotate 20s linear infinite;color:#fff;filter:drop-shadow(0 0 10px rgba(255,255,255,.5));position:relative;z-index:2}@keyframes sunRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.welcome-hero-title{color:#fff;font-size:2rem;font-weight:700;line-height:1.2;margin:0 0 12px}.welcome-hero-subtitle{font-size:.95rem;font-weight:400;line-height:1.5;margin:0 0 24px;opacity:.9}.welcome-hero-actions{display:flex;gap:12px}.welcome-hero-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;border-radius:12px;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:10px;justify-content:center;padding:14px 28px;transition:all .3s ease}.welcome-hero-button.primary{background:#ffffff40;border:1px solid #fff6;color:#fff}.welcome-hero-decorations{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.revenue-card{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:24px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-sizing:border-box;color:#fff;display:flex;flex-direction:column;gap:12px;height:100%;justify-content:space-between;overflow:hidden;padding:28px 32px;position:relative}.revenue-card:before{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);bottom:0;left:0}.revenue-card:after,.revenue-card:before{content:"";pointer-events:none;position:absolute;right:0;top:0}.revenue-card:after{background:radial-gradient(circle at top right,#c5b0d240 0,#fff0 70%);height:200px;width:200px;z-index:1}.revenue-header{align-items:center;display:flex;justify-content:space-between;position:relative;z-index:2}.revenue-icon{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border-radius:12px;padding:12px}.revenue-metric{display:flex;flex-direction:column;gap:4px;position:relative;z-index:2}.revenue-amount{font-size:3rem;font-weight:700;line-height:1.15;margin:0;position:relative;z-index:2}.revenue-amount--secondary{font-size:2.5rem}.revenue-label{font-size:.9rem;line-height:1.35;margin:0;opacity:.85;position:relative;z-index:2}.stats-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.stat-card{grid-gap:12px;align-content:space-between;background:#fff;border-radius:20px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;display:grid;gap:12px;overflow:hidden;padding:32px;position:relative;transition:transform .2s ease,box-shadow .2s ease}.stat-card:after,.stat-card:before{border-radius:50%;content:"";filter:blur(6px);pointer-events:none;position:absolute}.stat-card:before{background:radial-gradient(circle at 30% 30%,#6366f12e,#6366f100 60%);height:160px;right:-60px;top:-60px;width:160px}.stat-card:after{background:radial-gradient(circle at 70% 70%,#10b98126,#10b98100 60%);bottom:-80px;height:200px;left:-80px;width:200px}.stat-card:hover{box-shadow:0 10px 18px #00000014;transform:translateY(-2px)}.stat-header,.stat-icon{align-items:center;display:flex}.stat-icon{border-radius:16px;font-size:24px;font-weight:600;height:56px;justify-content:center;width:56px}.dashboard-kpi-strip--grid .stat-card:first-child:before,.dashboard-kpi-strip--grid .stat-card[data-kpi-icon=marketplace]:before{background:radial-gradient(circle at 30% 30%,#f59e0b40,#f59e0b00 60%)}.dashboard-kpi-strip--grid .stat-card:first-child:after,.dashboard-kpi-strip--grid .stat-card[data-kpi-icon=marketplace]:after{background:radial-gradient(circle at 70% 70%,#fdba7433,#fdba7400 60%)}.dashboard-kpi-strip--grid .stat-card:nth-child(2):before,.dashboard-kpi-strip--grid .stat-card[data-kpi-icon=ooh]:before{background:radial-gradient(circle at 30% 30%,#ef444433,#ef444400 60%)}.dashboard-kpi-strip--grid .stat-card:nth-child(2):after,.dashboard-kpi-strip--grid .stat-card[data-kpi-icon=ooh]:after{background:radial-gradient(circle at 70% 70%,#f8717126,#f8717100 60%)}.dashboard-kpi-strip--grid .stat-card:nth-child(3):before,.dashboard-kpi-strip--grid .stat-card[data-kpi-icon=tv]:before{background:radial-gradient(circle at 30% 30%,#ec489940,#ec489900 60%)}.dashboard-kpi-strip--grid .stat-card:nth-child(3):after,.dashboard-kpi-strip--grid .stat-card[data-kpi-icon=tv]:after{background:radial-gradient(circle at 70% 70%,#f472b633,#f472b600 60%)}.dashboard-kpi-carousel .stat-card[data-kpi-index=total]:before{background:radial-gradient(circle at 30% 30%,#8b5cf640,#8b5cf600 60%)}.dashboard-kpi-carousel .stat-card[data-kpi-index=total]:after{background:radial-gradient(circle at 70% 70%,#a78bfa33,#a78bfa00 60%)}.dashboard-kpi-carousel .stat-card[data-kpi-icon=marketplace]:before{background:radial-gradient(circle at 30% 30%,#f59e0b40,#f59e0b00 60%)}.dashboard-kpi-carousel .stat-card[data-kpi-icon=marketplace]:after{background:radial-gradient(circle at 70% 70%,#fdba7433,#fdba7400 60%)}.dashboard-kpi-carousel .stat-card[data-kpi-icon=ooh]:before{background:radial-gradient(circle at 30% 30%,#ef444433,#ef444400 60%)}.dashboard-kpi-carousel .stat-card[data-kpi-icon=ooh]:after{background:radial-gradient(circle at 70% 70%,#f8717126,#f8717100 60%)}.dashboard-kpi-carousel .stat-card[data-kpi-icon=tv]:before{background:radial-gradient(circle at 30% 30%,#ec489940,#ec489900 60%)}.dashboard-kpi-carousel .stat-card[data-kpi-icon=tv]:after{background:radial-gradient(circle at 70% 70%,#f472b633,#f472b600 60%)}.stat-card--clickable{border:none;cursor:pointer;font:inherit;text-align:left;width:100%}.stat-card--clickable:disabled{cursor:default}.stat-card--marketplace{display:flex;flex-direction:column;min-height:148px;overflow:hidden;position:relative}.stat-card--marketplace .stat-card__content{display:flex;flex:1 1;flex-direction:column;min-height:0;position:relative;width:100%;z-index:1}.stat-card--marketplace .stat-card__top{flex-shrink:0}.stat-card--marketplace .stat-label--marketplace{margin:auto 0 0;max-width:16rem;padding-top:10px}.stat-icon--marketplace{background-color:#f59e0b1f!important;color:#f59e0b!important}.stat-icon--ooh{background-color:#ef44441f!important;color:#ef4444!important}.stat-card--ooh-ots{grid-gap:8px;align-items:stretch;display:grid;gap:8px;grid-template-columns:minmax(0,1fr) minmax(200px,54%);min-height:172px;overflow:hidden;padding-right:10px}.stat-card--ooh-ots .stat-card__content{display:flex;flex-direction:column;min-height:0;min-width:0}.stat-card--ooh-ots .stat-label--ooh{margin-top:auto;max-width:14rem;padding-top:10px}.stat-card--ooh-ots .stat-card__map{align-items:center;align-self:stretch;display:flex;justify-content:center;min-height:0;min-width:0}.stat-card--ooh-ots .dashboard-region-map{height:100%;max-height:168px;min-height:112px;width:100%}.stat-card--tv-starts{display:flex;flex-direction:column;min-height:148px;overflow:hidden;position:relative}.stat-card--tv-starts .stat-card__content{display:flex;flex:1 1;flex-direction:column;min-height:0;position:relative;width:100%;z-index:1}.stat-card--tv-starts .stat-card__top{flex-shrink:0}.stat-card--tv-starts .stat-label--tv{margin-top:auto;max-width:16rem;padding-top:10px}.stat-icon--tv{background-color:#ec48991f!important;color:#ec4899!important}.stat-card__decor--tv{color:#ec4899;opacity:.14;pointer-events:none;position:absolute;right:-20px;z-index:0}.stat-card__decor--marketplace{align-items:flex-end;display:flex;flex-direction:column;gap:30px;pointer-events:none;position:absolute;right:10px;z-index:0}.stat-card__decor--marketplace .stat-card__decor-logo{filter:grayscale(1) sepia(.45) saturate(2.8) hue-rotate(5deg) brightness(.92);flex-shrink:0;height:auto;max-height:88px;object-fit:contain;opacity:.68;width:100px}.dashboard-logo-marquee{bottom:0;display:none;mask-image:linear-gradient(180deg,#0000,#000 8%,#000 92%,#0000);-webkit-mask-image:linear-gradient(180deg,#0000,#000 8%,#000 92%,#0000);overflow:hidden;pointer-events:none;position:absolute;right:0;top:0;width:120px}.dashboard-logo-marquee__track{animation:dashboard-logo-marquee-scroll-down 22s linear infinite;display:flex;flex-direction:column;will-change:transform}.dashboard-logo-marquee__group{align-items:center;display:flex;flex-direction:column;flex-shrink:0;gap:20px;padding:12px 0}.dashboard-logo-marquee__logo{filter:grayscale(1) sepia(.45) saturate(2.8) hue-rotate(5deg) brightness(.92);flex-shrink:0;height:34px;object-fit:contain;opacity:.68;width:50px}@keyframes dashboard-logo-marquee-scroll-down{0%{transform:translate3d(0,-50%,0)}to{transform:translateZ(0)}}@media (prefers-reduced-motion:reduce){.dashboard-logo-marquee__track{animation:none;transform:none}}.chart-card{overflow:hidden;position:relative}.chart-card:before{background:linear-gradient(135deg,#6366f10f,#8b5cf60a);content:"";inset:0;pointer-events:none;position:absolute}.chart-card:after{background:radial-gradient(circle at 30% 30%,#8b5cf62e,#8b5cf600 60%);filter:blur(10px);height:160px;right:-50px;top:-50px;width:160px}.chart-card:after,.welcome-visual:after{border-radius:50%;content:"";position:absolute}.welcome-visual:after{background:radial-gradient(circle at 50% 50%,#ffffff40,#fff0 65%);bottom:-40px;filter:blur(12px);height:140px;left:-40px;opacity:.6;width:140px}.stat-change{border-radius:20px;font-size:14px;font-weight:600;padding:4px 12px;position:absolute;right:16px;top:16px;z-index:3}.stat-change.positive{background:#dcfce7;color:#16a34a}.stat-change.negative{background:#fee2e2;color:#dc2626}.stat-value{color:#1f2937;font-size:2.25rem;font-weight:700;margin-bottom:8px}.stat-label{color:#6b7280;font-size:1.125rem;font-weight:500}.charts-section{display:block;width:100%}.charts-updated-at{color:#64748b;display:none;font-size:.8125rem;margin:0 0 12px}.cache-reset-row{display:flex;justify-content:flex-start;margin-top:16px}.cache-reset-btn{background:#0000;border:1px solid #cbd5e1;border-radius:6px;color:#64748b;cursor:pointer;font-size:.8125rem;padding:4px 12px;transition:background .15s,color .15s;white-space:nowrap}.cache-reset-btn:hover:not(:disabled){background:#f1f5f9;color:#334155}.cache-reset-btn:disabled{cursor:default;opacity:.5}.chart-card{grid-gap:24px;background:#fff;border-radius:20px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;display:grid;gap:24px;grid-template-rows:auto auto;padding:28px}.chart-header{align-items:center;display:grid;grid-template-columns:1fr}.chart-title{color:#1f2937;font-size:1.25rem;font-weight:700;margin:0}.chart-subline{color:#64748b;font-size:.8125rem;font-weight:400;line-height:1.45;margin:8px 0 0;max-width:48rem}.chart-legend{display:flex;gap:20px}.legend-item{align-items:center;color:#6b7280;display:flex;font-size:14px;gap:8px}.legend-dot{border-radius:50%;height:8px;width:8px}.chart-container{height:220px;max-height:220px;min-height:0}.main-dashboard .chart-container .loading-container{box-sizing:border-box;min-height:200px;padding:16px 12px}.chart-container :active,.chart-container :focus,.chart-container svg:active,.chart-container svg:focus,.recharts-surface:active,.recharts-surface:focus,.recharts-wrapper:active,.recharts-wrapper:focus{border:none!important;outline:none!important}.charts-column{grid-gap:24px;display:grid;gap:24px;grid-auto-rows:minmax(200px,auto);grid-template-columns:1fr}@media (min-width:769px){.charts-column.charts-column--desktop-row{align-items:stretch;grid-template-columns:repeat(2,minmax(0,1fr))}}.pie-chart-layout{grid-gap:20px;align-items:center;display:grid;gap:20px;grid-template-columns:1fr 1fr;justify-items:center}.pie-chart-section{display:grid;max-width:300px;min-height:200px;min-width:0;place-items:center;width:100%}.media-types-list{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr;grid-template-rows:repeat(5,auto);margin-top:0;max-width:200px;width:100%}.media-type-item{grid-gap:12px;cursor:pointer;display:grid;gap:12px;grid-template-columns:auto 1fr;padding:8px 0;transition:all .2s ease}.media-type-item:hover{opacity:.8;transform:translateY(-1px)}.media-type-dot{border-radius:2px;flex-shrink:0;height:12px;width:12px}.media-type-name{flex:1 1}.media-type-percentage{margin-left:24px;min-width:40px;text-align:right}.bottom-charts-section{grid-gap:24px;display:grid;gap:24px;grid-template-columns:2fr 1fr;margin-top:24px}.bottom-charts-section .chart-card{min-height:300px}.calendar-card{grid-row:span 1}.calendar-month{color:#6b7280;font-size:14px;font-weight:600;text-transform:capitalize}.calendar-container{display:flex;flex:1 1;flex-direction:column}.calendar-weekdays{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(7,1fr);margin-bottom:12px}.weekday{color:#9ca3af;font-size:12px;font-weight:600;padding:8px 0;text-align:center}.calendar-grid{grid-gap:4px;display:grid;flex:1 1;gap:4px}.calendar-day{align-items:center;aspect-ratio:1;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;position:relative;transition:all .2s ease}.calendar-day:hover:not(.muted){background:#f3f4f6}.calendar-day.muted{opacity:.3}.calendar-day.low-activity{background:#e0f2fe}.calendar-day.high-activity{background:#6366f1;color:#fff}.day-number{font-size:13px;font-weight:500;margin-bottom:2px}.activity-indicator{bottom:2px;position:absolute;right:2px}.activity-count{background:#6366f1;border-radius:4px;color:#fff;font-size:8px;font-weight:600;min-width:12px;padding:1px 4px;text-align:center}.calendar-day.high-activity .activity-count{background:#ffffff4d}.calendar-legend{display:flex;gap:20px;justify-content:center;margin-top:12px}.calendar-legend .legend-item{align-items:center;color:#6b7280;display:flex;font-size:12px;gap:6px}.legend-square{border-radius:2px;height:12px;width:12px}.legend-square.low{background:#e0f2fe}.legend-square.high{background:#6366f1}.media-types-list{display:flex;flex-direction:column;gap:2px;margin-top:20px}.media-type-icon,.media-type-item{align-items:center;display:flex}.media-type-icon{border-radius:8px;flex-shrink:0;height:32px;justify-content:center;width:32px}.media-type-info{align-items:center;display:flex;flex:1 1;justify-content:space-between}.media-type-name{color:#374151;font-size:14px;font-weight:500}.media-type-percentage{color:#1f2937;font-size:14px;font-weight:600}@media (max-width:768px){.main-dashboard{padding:20px}.dashboard-container{gap:10px;min-height:0}.dashboard-top-grid{align-items:stretch;display:flex;flex-direction:column;gap:10px}.dashboard-top-grid .welcome-section{display:block}.dashboard-kpi-strip--grid{display:none}.dashboard-kpi-carousel{--kpi-carousel-gap:8px;display:block}.dashboard-kpi-carousel__viewport{border-radius:20px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;cursor:grab;height:150px;height:var(--kpi-slide-height,150px);overflow:hidden;touch-action:pan-y;user-select:none;-webkit-user-select:none;width:100%}.dashboard-kpi-carousel__viewport.is-dragging{cursor:grabbing}.dashboard-kpi-carousel__track{align-items:stretch;display:flex;gap:var(--kpi-carousel-gap);height:100%;transition:transform .4s ease;will-change:transform}.dashboard-kpi-carousel__track.is-dragging{transition:none}.dashboard-kpi-carousel__slide{box-sizing:border-box;flex:0 0 100%;height:100%;min-width:0;width:100%}.dashboard-kpi-carousel__slide .stat-card--kpi-strip{box-sizing:border-box;height:150px;height:var(--kpi-slide-height,150px);min-height:150px;min-height:var(--kpi-slide-height,150px);width:100%}.dashboard-kpi-carousel .stat-card--kpi-strip:hover{transform:none}.dashboard-kpi-carousel__dots{align-items:center;display:flex;gap:8px;justify-content:center;margin-top:8px;padding-bottom:2px}.dashboard-kpi-carousel__dot{background:#d1d5db;border:none;border-radius:50%;cursor:pointer;height:8px;padding:0;transition:background-color .2s ease,transform .2s ease;width:8px}.dashboard-kpi-carousel__dot.is-active{background:#8b5cf6;transform:scale(1.2)}.dashboard-kpi-carousel__dot:focus-visible{outline:2px solid #8b5cf6;outline-offset:2px}.dashboard-top-grid .dashboard-kpi-strip{width:100%}.dashboard-top-grid .revenue-card{display:none}.dashboard-top-grid .welcome-hero-card{height:auto}.welcome-section{gap:0}.welcome-hero-card{border-radius:20px;padding:18px 16px}.welcome-hero-content{grid-column-gap:12px;grid-row-gap:10px;align-items:center;column-gap:12px;display:grid;grid-template-columns:auto 1fr;max-width:none;row-gap:10px}.welcome-hero-icon-wrapper{grid-column:1;grid-row:1;height:48px;margin:0;width:48px}.welcome-hero-icon{height:32px;width:32px}.welcome-hero-title{font-size:1.5rem;grid-column:2;grid-row:1;line-height:1.25;margin:0}.welcome-hero-subtitle{font-size:.85rem;grid-column:1/-1;grid-row:2;line-height:1.4;margin:0}.welcome-hero-actions{flex-wrap:wrap;gap:8px;grid-column:1/-1;grid-row:3}.welcome-hero-button{border-radius:10px;font-size:.875rem;padding:10px 16px}.dashboard-kpi-carousel .stat-card--kpi-strip{border-radius:16px;height:100%;min-height:0;padding:12px}.dashboard-kpi-carousel .stat-card--kpi-strip .stat-icon{border-radius:10px;height:36px;width:36px}.dashboard-kpi-carousel .stat-card--kpi-strip .dashboard-card-icon{height:18px;width:18px}.dashboard-kpi-carousel .stat-card--kpi-strip .stat-value{font-size:1.15rem;line-height:1.2;margin-top:4px}.dashboard-kpi-carousel .stat-card--kpi-strip .stat-label{color:#6b7280;font-size:.7rem;font-weight:400;line-height:1.3}.dashboard-kpi-carousel .stat-card--kpi-strip.stat-card--with-map{grid-column-gap:8px;grid-row-gap:4px;align-content:space-between;column-gap:8px;display:grid;grid-template-columns:minmax(0,40%) minmax(0,1fr);grid-template-rows:auto 1fr;row-gap:4px}.dashboard-kpi-carousel .stat-card--with-map .stat-card__top{grid-column:1;grid-row:1}.dashboard-kpi-carousel .stat-card--with-map .stat-label{align-self:end;grid-column:1;grid-row:2;padding-right:4px}.dashboard-kpi-carousel .stat-card--with-map .stat-card__map{align-items:center;align-self:stretch;flex:none;grid-column:2;grid-row:1/span 2;justify-content:flex-end;min-height:0}.dashboard-kpi-carousel .stat-card--with-map .dashboard-region-map{height:100%;margin:0;max-height:100%;min-height:118px;width:100%}.dashboard-kpi-carousel .stat-card--with-map .dashboard-region-map .russia-region-map__svg{height:100%;margin-left:-50px;width:130%}.dashboard-kpi-carousel .stat-card--dual-metrics .stat-card__bottom{flex-shrink:0}.stats-grid{gap:20px;grid-template-columns:1fr}.chart-card{gap:12px;padding:18px 16px}.charts-column{gap:10px}.main-dashboard .pie-chart-layout{align-items:center;gap:15px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.main-dashboard .pie-chart-section{margin:0;max-width:100%;min-height:0;width:100%}.main-dashboard .media-types-list{gap:2px;margin-top:0;max-width:none;width:100%}.main-dashboard .media-type-item{gap:8px;padding:4px 0}.main-dashboard .media-type-dot{height:10px;width:10px}.main-dashboard .media-type-name,.main-dashboard .media-type-percentage{font-size:12px;line-height:1.3}.main-dashboard .media-type-percentage{margin-left:8px;min-width:28px}.main-dashboard .calendar-grid{gap:2px}}@media (max-width:480px){.main-dashboard{padding:16px}.dashboard-container{gap:10px}.welcome-title{font-size:1.5rem}.dashboard-kpi-carousel .stat-card--kpi-strip .stat-value,.dashboard-top-grid .revenue-amount{font-size:2.5rem}.stat-value{font-size:1.5rem}}.chart-dates{display:flex;justify-content:space-between;margin-top:20px;padding:0 10px}.date-label{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:4px}.date-day{color:#6b7280;font-size:12px;font-weight:600;text-transform:uppercase}.date-number{color:#9ca3af;font-size:11px;font-weight:500}.date-label.today{position:relative}.today-indicator{color:#8b5cf6;font-size:9px;font-weight:600;margin-top:2px;text-transform:uppercase}.main-dashboard .recharts-pie{cursor:pointer}.main-dashboard .recharts-pie-sector{transition:opacity .2s ease}.main-dashboard .recharts-pie-sector:hover{opacity:.92}.notification-overlay{align-items:center;animation:fadeIn .3s ease;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.notification-card{animation:slideUp .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:400px;padding:24px;position:relative;width:90%}.notification-icon{font-size:48px;margin-bottom:16px;text-align:center}.notification-content{margin-bottom:20px;text-align:center}.notification-title{color:#1f2937;font-size:18px;font-weight:600;margin:0 0 8px}.notification-message{color:#6b7280;font-size:14px;line-height:1.5;margin:0}.notification-close{background:none;border:none;border-radius:4px;color:#9ca3af;cursor:pointer;font-size:18px;padding:4px;position:absolute;right:16px;top:16px;transition:all .2s ease}.notification-close:hover{background:#f3f4f6;color:#6b7280}.summary-page{--summary-radius:12px;background:#f8f9fb;box-sizing:border-box;min-height:100vh;padding:12px 24px 32px}.summary-page-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:flex-end;margin-bottom:20px}.summary-page-header .page-share-hint{flex:1 1 100%;margin:-12px 0 0}.summary-page-title{color:#1a1b23;display:none;font-size:2rem;font-weight:700;line-height:1.2;margin:0}.summary-share-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:var(--summary-radius);color:#4b5563;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:.95rem;font-weight:500;gap:8px;padding:10px 18px;transition:background .2s ease,border-color .2s ease}.summary-share-btn:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.summary-share-btn:disabled{cursor:not-allowed;opacity:.55}.summary-share-hint{color:#5146d6;font-size:.8125rem;margin:-12px 0 16px;text-align:right}.summary-mode-selector{background:#0000;box-shadow:none;box-sizing:border-box;margin:0 auto 24px;max-width:520px;padding:0;text-align:center}.summary-mode-selector__title{color:#1a1b23;font-size:2.25rem;font-weight:700;line-height:1.3;margin:0 0 6px}.summary-mode-selector__subtitle{color:#9ca3af;font-size:.95rem;line-height:1.45;margin:0 0 16px}.summary-mode-selector__actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.summary-mode-selector__option{align-items:center;background:#ffffff8c;border:2px solid #aaa8b1;border-radius:var(--summary-radius);color:#6b7280;cursor:pointer;display:flex;flex:0 1 auto;gap:10px;justify-content:flex-start;min-height:0;padding:10px 16px;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease;width:min(196px,48vw)}.summary-mode-selector__option:hover{background:#ffffffd9;border-color:#c8b5ff}.summary-mode-selector__option.is-active{background:linear-gradient(180deg,#f3efff,#ebe6ff);border-color:#a78bfa;box-shadow:0 2px 10px #6c63ff1f;color:#1a1b23}.summary-mode-selector__option-icon{align-items:center;background:#e5e7ebe6;border-radius:50%;color:#9ca3af;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:background .2s ease,color .2s ease;width:36px}.summary-mode-selector__option.is-active .summary-mode-selector__option-icon{background:#a78bfa40;box-shadow:none;color:#7c3aed}.summary-mode-selector__option-label{color:#1a1b23;font-size:1.1rem;font-weight:600}.summary-workspace{display:flex;flex-direction:column;gap:16px;margin:0 auto;max-width:1200px}.summary-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:12px 16px;justify-content:flex-start;width:100%}.summary-toolbar .filter-label{display:none}.summary-toolbar .filter-group{gap:0}.summary-filters-row{align-items:center;display:flex;flex:1 1 280px;flex-wrap:wrap;gap:12px;min-width:0}.summary-filters-row--category .summary-filter-category,.summary-filters-row--category .summary-filter-subcategory{flex:1 1 200px;max-width:280px;min-width:160px}.summary-filter-brand{flex:1 1 280px;max-width:360px;min-width:200px}.summary-period-bar{align-items:center;align-self:center;display:flex;flex:0 0 auto;flex-wrap:nowrap;gap:8px;justify-content:flex-end;margin-left:auto}.summary-period-bar__presets-group{align-items:center;background:#ffffff8c;border:1px solid #e5e7eb;border-radius:var(--summary-radius);display:inline-flex;flex:0 0 auto;flex-wrap:nowrap;gap:4px;padding:4px}.summary-period-bar__preset{background:#0000;border:none;border-radius:var(--summary-radius);color:#1a1b23;cursor:pointer;font-size:.875rem;font-weight:500;line-height:1.2;padding:10px 14px;transition:background .2s ease,color .2s ease;white-space:nowrap}.summary-period-bar__preset:hover:not(.is-active){background:#0000000a}.summary-period-bar__preset.is-active{background:#3d4551;color:#fff}.summary-period-bar__preset-label--short{display:none}.summary-period-bar__calendar{flex:0 0 auto;width:auto}.summary-period-bar__calendar-btn{background:#ffffff8c;border:1px solid #e5e7eb;border-radius:var(--summary-radius);box-shadow:none;gap:10px;height:44px;justify-content:center;min-height:44px;min-width:0;padding:0 16px;width:auto}.summary-page .filter-select{border-radius:var(--summary-radius)!important;height:44px;min-height:44px}.summary-page .summary-filters-row .filter-select.open{align-items:center}.summary-page .summary-filters-row .filter-search-input{min-width:0;width:100%}.summary-page .summary-filters-row .filter-search-input-control{font-size:.875rem;line-height:1.2}.summary-period-bar__calendar-btn:focus,.summary-period-bar__calendar-btn:hover{background:#ffffffe6;border-color:#d1d5db;box-shadow:none}.summary-period-bar__calendar-btn .date-range-calendar-icon{color:#6b7280;flex-shrink:0}.summary-period-bar__calendar-btn .date-range-display,.summary-period-bar__calendar-btn .date-range-display.date-range-placeholder{color:#1a1b23;font-weight:500}.summary-period-bar .date-range-dropdown .quick-presets{display:none}.summary-error{color:#dc2626;font-size:.9rem;margin:0}.summary-kpi-header{align-items:flex-start;background:linear-gradient(135deg,#f5f3ff,#eef2ff 55%,#f8fafc);border:1px solid #e9e5ff;border-radius:var(--summary-radius);box-shadow:0 4px 20px #6c63ff14;display:flex;flex-wrap:wrap;gap:20px 32px;padding:20px 28px}.summary-kpi-header--loading{animation:summary-kpi-shimmer 1.2s ease-in-out infinite;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb 50%,#f3f4f6 75%);background-size:200% 100%;min-height:88px}@keyframes summary-kpi-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.summary-kpi-header__title-block{display:flex;flex:1 1 200px;flex-direction:column;gap:4px;min-width:0}.summary-kpi-header__title-line{color:#1a1b23;display:block;font-size:1.5rem;font-weight:700;line-height:1.25;overflow-wrap:anywhere;word-break:break-word}.summary-kpi-header__metrics{align-self:flex-start;display:flex;flex:0 1 auto;flex-wrap:wrap;gap:24px 40px;justify-content:flex-end;margin-left:auto}.summary-kpi-header__metric-label{color:#6b7280;display:block;font-size:.75rem;margin-bottom:4px}.summary-kpi-header__metric-value{align-items:center;color:#1a1b23;display:inline-flex;font-size:1.25rem;font-weight:700;gap:8px}.summary-kpi-header__metric-value--text{font-size:1rem;font-weight:500}.summary-kpi-header__metric-value--text strong{font-size:1.25rem;font-weight:700}.summary-kpi-header__metric-sub{color:#6b7280;font-size:.875rem}.summary-kpi-header__trend{background:#f3f4f6;border-radius:999px;color:#6b7280;font-size:.75rem;font-weight:600;padding:2px 8px}.summary-kpi-header__trend.is-positive{background:#dcfce7;color:#15803d}.summary-kpi-header__metric-value--empty{color:#6b7280;font-size:.9375rem;font-weight:500}.summary-charts-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:8px}.summary-chart-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffb8;border:1px solid #ffffffd9;border-radius:var(--summary-radius);box-shadow:0 8px 32px #0f172a14;min-height:0;padding:14px 18px 12px}.summary-chart-card__title{color:#1a1b23;font-size:.9375rem;font-weight:700;line-height:1.3;margin:0 0 10px}.summary-chart-card__empty,.summary-chart-card__loading{border-radius:10px;min-height:168px}.summary-chart-card__loading{animation:summary-kpi-shimmer 1.2s ease-in-out infinite;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb 50%,#f3f4f6 75%);background-size:200% 100%}.summary-chart-card__empty{align-items:center;color:#6b7280;display:flex;font-size:.875rem;font-weight:500;justify-content:center;line-height:1.35;margin:0;padding:12px;text-align:center}.summary-chart-card__body{align-items:center;display:flex;gap:16px 24px}.summary-chart-card__pie{flex:0 0 180px;height:168px;max-width:42%;min-width:180px;width:180px}.summary-chart-card__legend{display:flex;flex:1 1 auto;flex-direction:column;gap:10px;list-style:none;margin:0;min-width:0;padding:0}.summary-chart-card__legend-item{grid-gap:10px;align-items:center;color:#374151;display:grid;font-size:.875rem;gap:10px;grid-template-columns:12px 1fr auto}button.summary-chart-card__legend-item--interactive{background:#0000;border:none;color:inherit;cursor:pointer;font:inherit;margin:0;padding:0;text-align:left;width:100%}.summary-chart-card__legend-item:not(.summary-chart-card__legend-item--interactive){font:inherit}@media (min-width:769px){.summary-chart-card__body--interactive .summary-chart-card__legend-item--interactive:focus-visible,.summary-chart-card__body--interactive .summary-chart-card__legend-item--interactive:hover{color:#5b4fd6;outline:none}}.summary-chart-card__legend-dot{border-radius:3px;flex-shrink:0;height:12px;width:12px}.summary-chart-card__legend-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.summary-chart-card__legend-value{font-feature-settings:"tnum";color:#1a1b23;font-variant-numeric:tabular-nums;font-weight:600}@media (max-width:768px){.summary-page{padding:8px 16px 20px;padding:8px var(--page-mobile-padding,16px) 20px}.summary-share-btn{font-size:.8125rem;gap:6px;padding:8px 12px}.summary-share-hint{font-size:.75rem;margin:-6px 0 10px}.summary-mode-selector{margin-bottom:14px}.summary-mode-selector__title{font-size:1.125rem;margin-bottom:4px}.summary-mode-selector__subtitle{font-size:.8125rem}.summary-mode-selector__actions{gap:8px}.summary-mode-selector__option{gap:8px;padding:8px 12px;width:min(170px,47vw)}.summary-mode-selector__option-icon{height:30px;width:30px}.summary-mode-selector__option-label{font-size:.8rem}.summary-workspace{gap:12px}.summary-toolbar{align-items:center;flex-direction:row;flex-wrap:nowrap;gap:8px}.summary-toolbar.summary-toolbar--category{grid-gap:8px;align-items:center;display:grid;gap:8px;grid-template-columns:1fr 1fr;grid-template-rows:auto auto}.summary-toolbar.summary-toolbar--category .summary-period-bar{grid-column:2;grid-row:1;justify-content:flex-end;justify-self:stretch;max-width:100%;width:100%}.summary-toolbar.summary-toolbar--category .summary-filters-row--category{align-items:stretch;flex-direction:row;gap:8px;grid-column:1/-1;grid-row:2;min-width:0;width:100%}.summary-toolbar.summary-toolbar--category .summary-filter-category,.summary-toolbar.summary-toolbar--category .summary-filter-subcategory{flex:1 1;max-width:none;min-width:0;width:auto}.summary-filters-row{flex:1 1;gap:0;min-width:0;width:auto}.summary-filters-row--category{align-items:stretch;flex-direction:column;gap:6px}.summary-filter-brand,.summary-filters-row--category .summary-filter-category,.summary-filters-row--category .summary-filter-subcategory{flex:1 1 auto;max-width:none;min-width:0;width:100%}.summary-page .summary-filter-category .category-dropdown,.summary-page .summary-filter-subcategory .category-dropdown,.summary-page .summary-filter-subcategory .subcategory-dropdown{font-size:.8125rem}.summary-page .summary-filter-category .category-option,.summary-page .summary-filter-subcategory .category-option,.summary-page .summary-filter-subcategory .subcategory-option{font-size:.8125rem;line-height:1.25;padding:8px 12px}.summary-page .summary-filter-category .search-container,.summary-page .summary-filter-subcategory .search-container{padding:8px 10px}.summary-page .summary-filter-category .search-input,.summary-page .summary-filter-subcategory .search-input{font-size:.8125rem;padding:6px 10px 6px 32px}.summary-page .summary-filter-category .loading-message,.summary-page .summary-filter-category .no-results,.summary-page .summary-filter-subcategory .loading-message,.summary-page .summary-filter-subcategory .no-results{font-size:.8125rem;padding:12px}.summary-page .filter-select{font-size:.875rem;min-height:40px}.summary-page .summary-filter-brand .filter-select{align-items:center;display:flex;padding:0 52px 0 10px;position:relative}.summary-page .summary-filter-brand .filter-select.open{padding:0 10px}.summary-page .summary-filter-brand .brand-select-display,.summary-page .summary-filter-brand .simple-select-display{align-items:center;display:flex;flex:1 1 auto;min-width:0;overflow:hidden;width:100%}.summary-page .summary-filter-brand .placeholder,.summary-page .summary-filter-brand .selected-brand{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.summary-page .summary-filter-brand .brand-select-actions,.summary-page .summary-filter-brand .simple-select-actions{gap:6px;margin-left:0;position:absolute;right:8px;top:50%;transform:translateY(-50%)}.summary-page .summary-filters-row .filter-select.open{height:40px;max-height:40px;min-height:40px;padding:0 10px}.summary-page .summary-filters-row .filter-search-input{gap:6px;height:100%}.summary-page .summary-filters-row .filter-search-input-control{font-size:.8125rem;padding:0}.summary-page .summary-filters-row .filter-search-input-icon{height:14px;width:14px}.summary-page .summary-filter-brand .placeholder,.summary-page .summary-filter-brand .selected-brand,.summary-page .summary-filter-category .placeholder,.summary-page .summary-filter-category .selected-category,.summary-page .summary-filter-subcategory .placeholder,.summary-page .summary-filter-subcategory .selected-subcategory{font-size:.8125rem;line-height:1.2}.summary-page .summary-filter-brand .brand-select-display,.summary-page .summary-filter-brand .simple-select-display{line-height:1.2}.summary-period-bar{flex:0 0 auto;flex-wrap:nowrap;gap:4px;justify-content:flex-end;margin-left:0;width:auto}.summary-period-bar__preset-label--full{display:none}.summary-period-bar__preset-label--short{display:inline}.summary-period-bar__presets-group{align-items:center;flex:0 0 auto;flex-wrap:nowrap;gap:2px;min-height:40px;padding:2px}.summary-period-bar__preset{align-items:center;box-sizing:border-box;display:inline-flex;font-size:.75rem;height:40px;justify-content:center;min-height:40px;min-width:0;padding:6px 7px}.summary-period-bar__calendar{flex:0 0 auto}.summary-period-bar__calendar-btn{gap:0;justify-content:center;min-height:40px;min-width:40px;padding:0;width:40px}.summary-period-bar__calendar-btn .date-range-display{display:none}.summary-kpi-header{align-items:stretch;flex-direction:column;gap:8px;padding:12px 14px}.summary-kpi-header__title-block{flex:0 0 auto}.summary-kpi-header__title-line{font-size:1.125rem}.summary-kpi-header__metrics{gap:10px 14px;justify-content:flex-start;margin-left:0;width:100%}.summary-kpi-header__metric-label{font-size:.6875rem;margin-bottom:2px}.summary-kpi-header__metric-value{font-size:1rem;gap:6px}.summary-kpi-header__metric-value--text strong{font-size:1rem}.summary-kpi-header__metric-sub{font-size:.75rem}.summary-kpi-header__trend{font-size:.6875rem;padding:1px 6px}.summary-charts-row{gap:10px;grid-template-columns:1fr;margin-top:0}.summary-chart-card{box-shadow:0 4px 16px #0f172a0f;min-height:0;padding:12px 14px}.summary-chart-card__title{font-size:.875rem;line-height:1.3;margin-bottom:10px}.summary-chart-card__empty,.summary-chart-card__loading{min-height:148px}.summary-chart-card__body{align-items:center;flex-direction:row;gap:10px 12px}.summary-chart-card__pie{flex:0 0 128px;height:148px;max-width:128px;min-width:128px;width:128px}.summary-chart-card__legend{gap:6px}.summary-chart-card__legend-item{font-size:.75rem;gap:6px;grid-template-columns:10px 1fr auto}.summary-chart-card__legend-dot{height:10px;width:10px}.summary-top-creatives__header{gap:8px 12px;margin-bottom:10px}.summary-top-creatives__heading{font-size:.9375rem}.summary-top-creatives__sort{font-size:.75rem}.summary-top-creatives__grid{gap:10px}.summary-top-media-block{box-shadow:0 4px 16px #0f172a0f}.summary-top-media-block__header{padding:10px 12px}.summary-top-media-block__toggle{align-items:center;display:flex;flex-wrap:nowrap;font-size:.875rem;gap:6px;justify-content:flex-start;text-align:left;width:100%}.summary-top-media-block__title{flex:1 1 auto;min-width:0;text-align:left}.summary-top-media-block__collapsed-hint{display:none}.summary-top-media-block__chevron{margin-left:auto}.summary-top-media-block__body-inner{padding:0 10px}.summary-top-media-block.is-expanded .summary-top-media-block__body-inner{padding:8px 10px 12px}.summary-top-media-block__list.monitoring-mobile-cards{gap:8px}.summary-top-creative-card{margin-bottom:0}.summary-top-media-block__footer-btn{border-radius:10px;font-size:.875rem;margin-top:8px;padding:10px 12px}}@media (max-width:480px){.summary-page{padding-bottom:16px;padding-top:6px}.summary-mode-selector__title{font-size:1.3rem}.summary-mode-selector__option{padding:8px 10px;width:min(148px,47vw)}.summary-kpi-header__title-line{font-size:1.3rem}.summary-kpi-header__metrics{gap:8px 12px}.summary-chart-card__pie{flex-basis:112px;height:132px;max-width:112px;min-width:112px;width:112px}.summary-chart-card__legend-item{font-size:.6875rem}.summary-top-media-block__toggle{font-size:.8125rem}}.summary-top-creatives{margin-top:12px}@media (min-width:769px){.summary-top-creatives{margin-top:16px}}.summary-top-creatives__header{align-items:center;display:flex;flex-wrap:wrap;gap:12px 16px;justify-content:space-between;margin-bottom:16px}.summary-top-creatives__heading{color:#1a1b23;font-size:1.125rem;font-weight:700;margin:0}.summary-top-creatives__sort{align-items:center;color:#6b7280;display:inline-flex;flex-wrap:wrap;font-size:.8125rem;gap:4px}.summary-top-creatives__sort-label{margin-right:4px}.summary-top-creatives__sort-btn{background:none;border:none;color:#6b7280;cursor:pointer;font-size:inherit;font-weight:500;padding:0}.summary-top-creatives__sort-btn.is-active{color:#4f46e5;font-weight:700}.summary-top-creatives__sort-sep{color:#d1d5db}.summary-top-creatives__grid{display:flex;flex-direction:column;gap:16px}@media (min-width:1024px){.summary-top-creatives{margin-inline:auto;max-width:min(calc(150% - 30px),100%);width:min(calc(150% - 30px),70%)}.summary-top-creatives__grid{display:flex;flex-direction:column;gap:16px}.summary-top-creatives__grid>.summary-top-media-block{break-inside:auto;margin-bottom:0;page-break-inside:auto}}.summary-top-media-block{align-self:start;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffb8;border:1px solid #ffffffd9;border-radius:var(--summary-radius);box-shadow:0 8px 32px #0f172a14;overflow:hidden;width:100%}.summary-top-media-block.is-collapsed .summary-top-media-block__header{border-bottom:none}.summary-top-media-block.is-expanded .summary-top-media-block__header{border-bottom:1px solid #0f172a0f}.summary-top-media-block__header{padding:14px 18px}.summary-top-media-block__toggle{align-items:center;background:none;border:none;color:#1a1b23;cursor:pointer;display:flex;font-size:.9375rem;font-weight:700;gap:8px;padding:0;text-align:left;width:100%}.summary-top-media-block__plus{color:#6b7280;flex-shrink:0;transition:transform .2s ease}.summary-top-media-block__plus.is-expanded{transform:rotate(45deg)}.summary-top-media-block__title{flex:1 1 auto;min-width:0}.summary-top-media-block__collapsed-hint{color:#6b7280;font-size:.8125rem;font-weight:500;margin-left:6px}.summary-top-media-block__chevron{color:#6b7280;flex-shrink:0;margin-left:auto}.summary-top-media-block__body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .28s ease}.summary-top-media-block.is-expanded .summary-top-media-block__body{grid-template-rows:1fr}.summary-top-media-block__body-inner{min-height:0;opacity:0;overflow:hidden;padding:0 16px;transition:opacity .2s ease,padding .28s ease}.summary-top-media-block.is-expanded .summary-top-media-block__body-inner{opacity:1;padding:12px 16px 16px}.summary-top-media-block__list{list-style:none;margin:0;padding:0}.summary-top-media-block__loading{animation:summary-kpi-shimmer 1.2s ease-in-out infinite;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb 50%,#f3f4f6 75%);background-size:200% 100%;border-radius:12px;min-height:120px}.summary-top-media-block__empty{color:#6b7280;font-size:.875rem;margin:0 0 12px}.summary-top-media-block__error{margin:0 0 12px}.summary-top-media-block__footer-btn{background:#6366f11f;border:none;border-radius:12px;color:#4338ca;cursor:pointer;display:block;font-size:.9375rem;font-weight:600;margin-top:12px;padding:12px 16px;transition:background .15s ease;width:100%}.summary-top-media-block__footer-btn:hover{background:#6366f133}.summary-top-creative-card{margin-bottom:10px}.summary-top-creative-card:last-child{margin-bottom:0}.monitoring-page{min-height:min-content;min-width:0;padding:12px 12px 24px;width:100%}.monitoring-page h1{font-size:2rem;font-weight:700;margin-bottom:32px}.monitoring-filters-wrapper{isolation:isolate;position:relative;z-index:10}.monitoring-filters-wrapper.blocked{pointer-events:none}.monitoring-filters-wrapper.blocked .monitoring-filters{opacity:.6}.monitoring-filters{background:#fff;border-radius:16px;box-shadow:0 2px 16px #2c3e5014;flex-shrink:0;margin:0;overflow:visible;padding:12px;position:relative;z-index:10}.monitoring-filters .filters-bar-content,.monitoring-filters.filters-bar--grouped .filters-bar-primary-strip{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.monitoring-filters.filters-bar--grouped .filters-bar-primary-strip{border-bottom:1px solid #e5e7eb;margin-bottom:14px;padding-bottom:14px}.monitoring-filters.filters-bar--grouped .filters-bar-section-heading{color:#64748b;font-size:.72rem;font-weight:700;letter-spacing:.06em;margin:14px 0 10px;padding:0;text-transform:uppercase}.monitoring-filters.filters-bar--grouped .filters-bar-section-heading:first-of-type{margin-top:6px}.monitoring-filters.filters-bar--grouped .filters-bar-content--section{margin-bottom:4px}.monitoring-filters.filters-bar--grouped .filters-bar-media-group{margin:0 0 12px}.monitoring-filters.filters-bar--grouped .filters-bar-media-group:last-of-type{margin-bottom:4px}.monitoring-filters.filters-bar--grouped .filters-bar-subsection-heading{color:#6c63ff;font-size:.68rem;font-weight:700;letter-spacing:.06em;margin:0 0 8px;text-transform:uppercase}.monitoring-filters.filters-bar--grouped .filters-bar-content--media-group{border-bottom:1px dashed #e5e7eb;padding-bottom:12px}.monitoring-filters.filters-bar--grouped .filters-bar-media-group:last-of-type .filters-bar-content--media-group{border-bottom:none;padding-bottom:0}.monitoring-filters-apply{display:none}.monitoring-filters .filters-bar-header-actions{align-items:center;display:flex;gap:8px;margin-left:auto}.monitoring-filters-apply--desktop{align-items:center;background:#6c63ff;border:none;border-radius:10px;box-shadow:0 6px 18px #6c63ff59;color:#fff;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:700;justify-content:center;line-height:1.3;min-width:140px;padding:8px 18px;transition:background-color .15s ease,box-shadow .15s ease,opacity .15s ease}.monitoring-filters-apply--desktop:hover:not(:disabled){background:#5b52e8;box-shadow:0 8px 22px #6c63ff6b}.monitoring-filters-apply--desktop:disabled{box-shadow:none;cursor:not-allowed;opacity:.45}.monitoring-filters-open,.monitoring-filters-reset{display:none}.monitoring-toggle-options{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(2,minmax(0,1fr))}.monitoring-toggle-option{height:40px;min-height:40px;width:100%}.monitoring-group-by-control{min-width:0}.monitoring-group-by-checkbox{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:10px;color:#374151;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:8px;min-height:40px;padding:0 12px;transition:border-color .15s ease,background-color .15s ease}.monitoring-group-by-checkbox:hover{background:#fafaff;border-color:#6c63ff}.monitoring-group-by-checkbox input[type=checkbox]{accent-color:#6c63ff;height:16px;margin:0;width:16px}.monitoring-group-by-checkbox:has(input:disabled){cursor:not-allowed;opacity:.6}.monitoring-filters-modal,.monitoring-filters-modal-actions,.monitoring-filters-modal-header,.monitoring-filters-modal-overlay,.monitoring-filters-modal-scroll{display:none}.monitoring-table-wrapper{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 2px 16px #2c3e5014;display:flex;flex:0 0 auto;flex-direction:column;margin:0;max-width:100%;min-height:0;overflow:hidden;position:relative;width:100%}.monitoring-table-wrapper--refreshing .monitoring-mobile,.monitoring-table-wrapper--refreshing .monitoring-table-scroll{opacity:.45;pointer-events:none}.monitoring-table-refresh-overlay{align-items:center;background:#ffffff59;display:flex;flex-direction:column;gap:10px;inset:0;justify-content:center;pointer-events:none;position:absolute;z-index:5}.monitoring-table-refresh-spinner{animation:monitoring-table-spin .75s linear infinite;border:3px solid #e5e7eb;border-radius:50%;border-top-color:#6366f1;height:28px;width:28px}.monitoring-table-refresh-label{color:#475569;font-size:.875rem;font-weight:600}@keyframes monitoring-table-spin{to{transform:rotate(1turn)}}@media (min-width:769px){.monitoring-page{min-height:100%;padding-bottom:12px}.monitoring-table-wrapper:not(.fullscreen){flex:1 1 auto;min-height:280px}}.week-row{grid-gap:12px;align-items:center;display:grid;gap:12px;grid-template-columns:1fr auto;padding:8px 8px 0;position:relative}.monitoring-fullscreen-backdrop{background:#11182780;inset:0;position:fixed;z-index:3000}.monitoring-table-wrapper.fullscreen{border-radius:12px;height:auto;inset:24px 24px 24px 24px;max-height:calc(100vh - 48px);position:fixed;z-index:3001}.week-switcher .fullscreen-btn{display:none}.monitoring-table-scroll{-ms-overflow-style:none;overflow-x:auto;overflow-y:auto;scrollbar-width:none;z-index:0}.monitoring-table-scroll::-webkit-scrollbar{display:none;height:0;width:0}.monitoring-table{border-collapse:initial;border-spacing:0;min-width:max(100%,900px);table-layout:auto;width:100%}.monitoring-table thead th{background:#f8f9fb;border-bottom:2px solid #e5e7eb;color:#374151;font-size:1rem;font-weight:700;padding:12px 8px;position:sticky;text-align:center;top:0;vertical-align:middle;z-index:1}.monitoring-table thead th.sortable-header{padding:0}.sort-button{align-items:center;background:#0000;border:none;color:inherit;cursor:pointer;display:inline-flex;font:inherit;gap:6px;justify-content:center;overflow:hidden;padding:12px 10px;position:relative;transition:color .2s ease;width:100%}.sort-button:before{background:#6366f11f;content:"";inset:0;opacity:0;position:absolute;transform:scale(.6);transition:opacity .25s ease,transform .25s ease}.sort-button:hover:before{opacity:1;transform:scale(1.2)}.sort-button:focus-visible{outline:2px solid #7c3aed;outline-offset:2px}.sortable-header.active .sort-button{color:#4f46e5}.sortable-header.active .sort-button:before{background:#6366f12e;opacity:1;transform:scale(1)}.sort-indicator{align-items:center;color:#9ca3af;display:inline-flex;font-size:.85rem;justify-content:center;transition:color .2s ease,transform .2s ease}.sortable-header.active .sort-indicator{color:#4f46e5}.sortable-header .sort-indicator{min-width:16px;text-align:center}.sort-indicator svg{height:14px;width:14px}.monitoring-table-wrapper .monitoring-table thead th:nth-child(6),.monitoring-table-wrapper .monitoring-table thead th:nth-child(7),.monitoring-table-wrapper .monitoring-table thead th:nth-child(8){text-align:center}.monitoring-table-wrapper .pagination-container{align-items:center;background:#fff;border-top:1px solid #f3f4f6;display:flex;flex:0 0 auto;flex-shrink:0;gap:12px;justify-content:flex-end;margin-top:0;overflow:visible;padding:12px 12px 16px;position:relative;z-index:2}.monitoring-table tbody td{background:#fff;border-bottom:1px solid #f3f4f6;color:#1f2937;font-size:.97rem;padding:10px 8px;text-align:center;vertical-align:middle}.monitoring-table tbody tr:hover{background:#f8f9fb}.monitoring-table td.id-value,.monitoring-table th.id-header{font-size:1rem;font-weight:700;line-height:1.2;padding-left:14px;padding-right:8px;text-align:center;vertical-align:middle}.monitoring-table th.id-header .sort-button{padding-left:14px;padding-right:10px}.id-value{color:#6c63ff;font-size:1rem;font-weight:600;line-height:1.2;max-width:90px;min-width:70px;padding-left:14px;padding-right:8px;text-align:center;vertical-align:middle;width:80px;word-break:break-all}.monitoring-table .brand-name,.monitoring-table .category,.monitoring-table .subcategory{max-width:180px;min-width:100px;white-space:normal;word-break:break-word}.multi-category-cell{align-items:center;display:inline-flex;gap:4px}.multi-category-badge{background:#e8edf2;border-radius:10px;color:#4a6079;cursor:default;display:inline-block;flex-shrink:0;font-size:11px;padding:1px 6px;white-space:nowrap}.multi-category-badge:hover{background:#d0dbe6}.multi-category-tooltip{background:#1e2b3a;border-radius:6px;box-shadow:0 4px 12px #00000040;color:#fff;display:flex;flex-direction:column;font-size:12px;gap:2px;line-height:1.5;padding:6px 10px;pointer-events:none;position:fixed;transform:translate(-50%,-100%);white-space:nowrap;z-index:9999}.multi-category-tooltip-line{display:block;white-space:nowrap}.action-button,.media-badge,.ots-value,.status-badge{max-width:140px;min-width:90px;text-align:center;white-space:nowrap}.platform-cell{color:#374151;font-weight:600;line-height:1.35;max-width:160px;min-width:72px;text-align:center;vertical-align:middle;white-space:normal;word-break:break-word}.weeks-indicator{background:#f3f4f6;border:1px solid #d1d5db;border-radius:4px;color:#6b7280;font-size:.75rem;margin-left:8px;padding:2px 6px}.media-badge{background:#d1fae5;border-radius:12px;color:#059669;font-size:.93rem;max-width:180px;min-width:140px;padding:4px 8px;text-align:center}.monitoring-table td:nth-child(3),.monitoring-table td:nth-child(4),.monitoring-table td:nth-child(5){word-wrap:break-word;max-width:150px;min-width:100px;text-align:center;white-space:normal;word-break:break-word}.ots-value{min-width:60px;text-align:center;white-space:nowrap}.ots-in-progress{color:#0000;display:inline-block;position:relative}.ots-in-progress:after{align-items:center;bottom:0;color:#6b7280;content:"In progress";display:inline-flex;font-style:italic;justify-content:center;left:0;pointer-events:none;position:absolute;right:0;top:0}.action-button{min-width:100px;white-space:nowrap}.media-badge{border-radius:20px;display:inline-block;font-size:.8rem;font-weight:600;letter-spacing:.02em;min-width:120px;text-transform:uppercase;white-space:nowrap}.media-badge.tv{background:#ede9fe;color:#7c3aed}.media-badge.radio{background:#fce7f3;color:#ec4899}.media-badge.online{background:#dbeafe;color:#2563eb}.media-badge.banner{background:#d1fae5;color:#059669}.media-badge.outdoor{background:#fef3c7;color:#d97706}.status-badge{border-radius:20px;display:inline-block;font-size:.85rem;font-weight:600;min-width:80px;padding:6px 12px}.status-badge.active{background:#d1fae5;color:#059669}.status-badge.inactive{background:#fee2e2;color:#dc2626}.action-button{background:#6c63ff;border:none;border-radius:6px;color:#fff;cursor:pointer;display:block;font-size:.95rem;font-weight:500;margin:0 auto;max-width:120px;min-width:110px;padding:6px 0;text-align:center;transition:background .2s}.action-button:hover{background:#5146d6}.error-message{align-items:center;border:1px solid #fecaca;color:#dc2626;display:flex;font-size:.9rem;gap:8px;margin-bottom:16px;padding:12px 16px}.skeleton-row{animation:skeleton-pulse 1.5s ease-in-out infinite}.skeleton-row td{overflow:hidden;padding:12px 16px}.skeleton-cell{animation:skeleton-shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e8e8e8 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:4px;box-sizing:border-box;height:20px;max-width:100%}.skeleton-row:nth-child(2n) .skeleton-cell{animation-delay:.1s}.skeleton-row:nth-child(3n) .skeleton-cell{animation-delay:.2s}.skeleton-row:nth-child(4n) .skeleton-cell{animation-delay:.15s}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.8}}.loading-message{background:#fff;border-radius:16px;box-shadow:0 2px 16px #2c3e5014;font-size:1.1rem}.no-data-message{font-size:1.1rem;padding:40px}.pagination-container{align-items:center;display:flex;gap:12px;justify-content:flex-end;margin-top:12px}.export-btn{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s ease}.export-btn:hover{background:#f1f5f9;border-color:#cbd5e1}.export-btn span{margin-left:0}@media (max-width:900px){.export-btn span{display:none}}.pagination{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.pagination-info{color:#6b7280;font-size:14px;margin-bottom:12px;text-align:center;width:100%}.pagination-button{background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#374151;cursor:pointer;font-size:14px;min-width:40px;padding:8px 12px;transition:all .2s ease}.pagination-button:hover:not(:disabled){background:#f8f9fb;border-color:#d1d5db}.pagination-button.active{background:#6c63ff;border-color:#6c63ff;color:#fff}.pagination-button:disabled{background:#f3f4f6;color:#9ca3af;cursor:not-allowed;opacity:.5}.pagination-button:disabled:hover{background:#f3f4f6}@media (max-width:1200px){.monitoring-page{padding:24px 20px}.monitoring-filters{padding:12px}.monitoring-filters .filters-bar-content,.monitoring-filters.filters-bar--grouped .filters-bar-primary-strip{gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}}@media (max-width:992px){.monitoring-page h1{font-size:1.75rem;margin-bottom:24px}.monitoring-filters{padding:12px}.monitoring-filters .filters-bar-content,.monitoring-filters.filters-bar--grouped .filters-bar-primary-strip{gap:16px;grid-template-columns:repeat(2,1fr)}.monitoring-table-wrapper{overflow-x:hidden}.monitoring-table{min-width:max(100%,900px)}}@media (max-width:768px){.monitoring-page{margin-left:0;padding:16px}.monitoring-page h1{font-size:1.5rem;margin-bottom:20px;text-align:center}.monitoring-filters .filters-bar-content,.monitoring-filters.filters-bar--grouped .filters-bar-primary-strip{gap:12px;grid-template-columns:1fr}.monitoring-filters-open{background:#6c63ff;border:none;border-radius:10px;box-shadow:0 4px 14px #6c63ff59;color:#fff;display:block;font-size:.95rem;font-weight:600;line-height:1.3;margin-top:10px;padding:12px 16px;width:100%}.monitoring-filters-open:disabled{box-shadow:none;cursor:not-allowed;opacity:.45}.monitoring-filters-modal-overlay{align-items:center;background:#0f172a8c;box-sizing:border-box;display:flex;inset:0;justify-content:center;padding:max(10px,env(safe-area-inset-top,0px)) 10px max(10px,env(safe-area-inset-bottom,0px));position:fixed;z-index:12000;z-index:var(--app-overlay-z,12000)}.monitoring-filters-modal{background:#fff;border-radius:16px;box-shadow:0 20px 40px #0f172a40;display:flex;flex-direction:column;height:min(920px,calc(100dvh - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px) - 20px));max-height:calc(100dvh - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px) - 20px);overflow:hidden;width:min(100%,560px)}.monitoring-filters-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;gap:12px;justify-content:space-between;padding:14px 16px}.monitoring-filters-modal-header h3{color:#111827;font-size:1.05rem;font-weight:700;margin:0}.monitoring-filters-modal-close{align-items:center;background:#0000;border:none;border-radius:8px;color:#111827;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:500;height:32px;justify-content:center;width:32px}.monitoring-filters-modal-close:hover{background:#f3f4f6}.monitoring-filters-modal-actions{background:#fff;border-bottom:1px solid #e5e7eb;display:flex;flex-direction:column;flex-shrink:0;gap:8px;padding:12px 16px}.monitoring-filters-apply,.monitoring-filters-reset{border-radius:10px;display:block;font-size:.95rem;font-weight:600;line-height:1.3;padding:12px 16px;transition:background-color .15s ease,opacity .15s ease,color .15s ease;width:100%}.monitoring-filters-apply{background:#6c63ff;border:none;box-shadow:0 4px 14px #6c63ff59;color:#fff;margin-top:0}.monitoring-filters-apply:hover:not(:disabled){background:#5b52e8}.monitoring-filters-reset{background:#f8fafc;border:1px solid #e5e7eb;color:#1f2937}.monitoring-filters-reset:hover:not(:disabled){background:#f1f5f9}.monitoring-filters-apply:disabled,.monitoring-filters-reset:disabled{box-shadow:none;cursor:not-allowed;opacity:.45}.monitoring-filters-modal-scroll{background:#f8f9fb;display:block;flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;padding:12px 16px 16px}.monitoring-filters-modal-scroll .monitoring-filters-wrapper{display:block}.monitoring-filters-modal-scroll .monitoring-filters{padding:12px}.monitoring-filters-modal-scroll .monitoring-filters .date-range-button,.monitoring-filters-modal-scroll .monitoring-filters .media-type-mobile-option,.monitoring-filters-modal-scroll .monitoring-filters :where(.filter-select){font-family:inherit;font-size:.9rem;line-height:1.3}.monitoring-filters-modal-scroll .monitoring-filters .date-range-display.date-range-placeholder,.monitoring-filters-modal-scroll .monitoring-filters :where(.filter-select) .placeholder{font-size:inherit;font-weight:500}.monitoring-filters-modal-scroll .monitoring-filters .filter-label{font-size:.9rem}.monitoring-table-wrapper{border-radius:12px;overflow:visible}.monitoring-table{min-width:max(100%,800px)}.monitoring-table td,.monitoring-table th{font-size:.85rem;padding:12px 16px}.monitoring-table th{font-size:.8rem}.media-badge,.status-badge{font-size:.7rem;padding:4px 8px}.action-button{font-size:.8rem;padding:6px 12px}}@media (max-width:480px){.monitoring-page{padding:12px 8px}.monitoring-page h1{font-size:1.3rem;margin-bottom:16px}.monitoring-filters{margin-bottom:16px;padding:12px}.monitoring-filters .filters-bar-content,.monitoring-filters.filters-bar--grouped .filters-bar-primary-strip{gap:10px}.monitoring-filters .filter-label{font-size:.85rem}.monitoring-filters-apply{font-size:.9rem;margin-top:10px;padding:11px 14px}.monitoring-table-wrapper{border-radius:8px}.monitoring-table{min-width:max(100%,700px)}.monitoring-table td,.monitoring-table th{font-size:.8rem;padding:8px 12px}.monitoring-table th{font-size:.75rem}.monitoring-table .brand-name{font-size:.8rem}.media-badge,.status-badge{font-size:.65rem;padding:3px 6px}.action-button{font-size:.75rem;padding:4px 8px}.ots-value{font-size:.85rem}}@media (max-width:360px){.monitoring-page{padding:8px 4px}.monitoring-page h1{font-size:1.2rem;margin-bottom:12px}.monitoring-filters{margin-bottom:12px;padding:8px}.monitoring-filters .filters-bar-content,.monitoring-filters.filters-bar--grouped .filters-bar-primary-strip{gap:8px}.monitoring-filters-apply{font-size:.875rem;margin-top:8px;padding:10px 12px}.monitoring-table{min-width:max(100%,450px)}.monitoring-table td,.monitoring-table th{font-size:.75rem;padding:6px 8px}.monitoring-table th{font-size:.7rem}}@media (hover:none) and (pointer:coarse){.action-button{min-width:44px}.action-button,.filter-select{min-height:44px}.action-button:hover{transform:none}}@media (max-width:768px){.pagination-container{margin-top:16px;padding:16px}.pagination{gap:4px}.pagination-button{font-size:12px;min-width:36px;padding:6px 10px}}@media (max-width:1200px){.monitoring-table{min-width:max(100%,700px)}.monitoring-table .brand-name,.monitoring-table .category,.monitoring-table .subcategory{max-width:120px}}.media-notification-overlay{align-items:center;animation:fadeIn .3s ease;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.media-notification-card{animation:slideUp .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:400px;padding:24px;position:relative;width:90%}.media-notification-icon{font-size:48px;margin-bottom:16px;text-align:center}.media-notification-content{margin-bottom:20px;text-align:center}.media-notification-title{color:#1f2937;font-size:18px;font-weight:600;margin:0 0 8px}.media-notification-message{color:#6b7280;font-size:14px;line-height:1.5;margin:0}.media-notification-close{background:none;border:none;border-radius:4px;color:#9ca3af;cursor:pointer;font-size:18px;padding:4px;position:absolute;right:16px;top:16px;transition:all .2s ease}.media-notification-close:hover{background:#f3f4f6;color:#6b7280}@media (max-width:992px){.monitoring-table{font-size:12px;min-width:max(100%,700px)}.monitoring-table td,.monitoring-table th{padding:8px 4px}.id-value{font-size:11px;max-width:50px;min-width:30px}.monitoring-table .brand-name{max-width:120px;min-width:80px}.monitoring-table td:nth-child(4),.monitoring-table td:nth-child(5){max-width:100px;min-width:60px}.ots-value{min-width:50px}.status-badge{min-width:70px}.action-button{font-size:11px;min-width:80px;padding:4px 8px}.media-badge{font-size:11px;min-width:100px}}@media (max-width:768px){.monitoring-table-wrapper{margin-top:16px}.monitoring-table{font-size:.9rem;min-width:max(100%,600px)}.monitoring-table td,.monitoring-table th{padding:6px 3px}.id-value{font-size:10px;max-width:40px;min-width:25px}.monitoring-table .brand-name{max-width:100px;min-width:60px}.monitoring-table td:nth-child(4),.monitoring-table td:nth-child(5){max-width:80px;min-width:50px}.ots-value{font-size:10px;min-width:40px}.status-badge{font-size:10px;min-width:60px}.action-button{font-size:10px;min-width:70px;padding:3px 6px}.media-badge{font-size:10px;min-width:80px}}@media (max-width:480px){.monitoring-table{font-size:.8rem;min-width:max(100%,400px)}.monitoring-table .brand-name,.monitoring-table .category,.monitoring-table .subcategory{font-size:.8rem;max-width:60px}.action-button,.id-value,.media-badge,.ots-value,.status-badge{font-size:.8rem;min-width:40px}}.monitoring-mobile.monitoring-view--mobile{display:none}.monitoring-pagination-desktop{align-items:center;display:flex;flex-shrink:0;gap:12px}@media (max-width:768px){.monitoring-view--desktop{display:none!important}.monitoring-mobile.monitoring-view--mobile{display:flex;flex-direction:column;gap:12px;padding:0 0 8px}.monitoring-table-wrapper{--monitoring-mobile-footer-height:48px;background:#0000;border:none;box-shadow:none;display:block;flex:none;overflow:visible;padding-bottom:calc(var(--monitoring-mobile-footer-height) + env(safe-area-inset-bottom, 0px))}.monitoring-table-wrapper .pagination-container{align-items:center;background:#fff;border-top:1px solid #e5e7eb;bottom:0;box-shadow:0 -4px 12px #0f172a0f;display:flex;flex-direction:row;gap:4px;justify-content:stretch;left:0;margin:0;overflow:visible;padding:8px 8px calc(5px + env(safe-area-inset-bottom, 0px));position:fixed;right:0;z-index:100}.monitoring-table-wrapper .pagination-container .table-pagination-ui{flex:1 1;flex-wrap:nowrap;gap:4px;justify-content:space-around;min-width:0;padding:0;width:100%}.monitoring-table-wrapper .pagination-inline-actions{display:flex}.monitoring-table-wrapper .pagination-inline-actions .export-btn{flex-shrink:0;min-height:28px;min-width:28px;padding:4px 6px}.monitoring-mobile-sort .simple-select--sort.simple-select{flex:0 1 auto;max-width:calc(100% - 130px);min-width:0;width:auto}.monitoring-mobile-sort .simple-select--sort .filter-select{background:#0000;border:none;box-shadow:none;font-size:inherit;gap:4px;height:auto;min-width:0;padding:0;width:auto}.monitoring-mobile-sort .simple-select--sort .simple-select-display,.monitoring-mobile-sort .simple-select--sort .simple-select-wrapper{flex:0 1 auto;overflow:visible;width:auto}.monitoring-mobile-sort .simple-select--sort .filter-select.open,.monitoring-mobile-sort .simple-select--sort .filter-select:hover{background:#0000;border:none}.monitoring-mobile-sort .simple-select--sort .selected-option{color:#6c63ff;flex:0 1 auto;font-weight:600;overflow:visible;text-overflow:clip}.monitoring-mobile-sort .simple-select--sort .chevron-icon{color:#6c63ff}.monitoring-mobile-sort .simple-select--sort .category-dropdown{max-width:calc(100vw - 24px);min-width:220px;right:auto;width:max-content}.monitoring-mobile-sort .simple-select--sort .category-option{line-height:1.25;white-space:normal}.monitoring-mobile-filter-icon,.monitoring-mobile-sort-order{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 2px 8px #0f172a14;color:#111827;cursor:pointer;display:inline-flex;flex-shrink:0;height:34px;justify-content:center;padding:0;transition:border-color .15s ease,box-shadow .15s ease,color .15s ease;width:34px}.monitoring-mobile-sort-order{color:#6c63ff;margin-left:auto}.monitoring-mobile-filter-icon:focus-visible,.monitoring-mobile-filter-icon:hover,.monitoring-mobile-sort-order:focus-visible,.monitoring-mobile-sort-order:hover{border-color:#c7d2fe;box-shadow:0 0 0 3px #6366f12e;color:#6c63ff;outline:none}.monitoring-mobile-filter-icon svg,.monitoring-mobile-sort-order svg{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;height:20px;width:20px}}.monitoring-mobile-sort{align-items:center;background:#f8f9fb;box-shadow:0 1px 0 #e5e7eb;display:flex;flex-wrap:wrap;font-size:.9rem;gap:6px;line-height:1.3;margin:0 -4px;padding:8px 12px 10px;position:sticky;top:0;z-index:100}.monitoring-mobile-sort-label{color:#374151;flex-shrink:0;font-weight:400}.monitoring-mobile-cards{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0;padding:0}.monitoring-mobile-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;gap:0;overflow:hidden;padding:0}.monitoring-mobile-card,.monitoring-mobile-card-main{display:flex;flex-direction:column}.monitoring-mobile-card-top{-webkit-tap-highlight-color:transparent;align-items:flex-start;background:#fff;border:none;border-bottom:1px solid #e5e7eb;border-radius:0;color:inherit;cursor:pointer;display:flex;font:inherit;gap:10px;padding:10px 12px;text-align:left;width:100%}.monitoring-mobile-card-top:hover:not(:disabled){background:#fafbff}.monitoring-mobile-card-top:disabled{cursor:default;opacity:.65}.monitoring-mobile-card-intro{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.monitoring-mobile-card-intro .media-badge{align-self:flex-start;font-size:.65rem;letter-spacing:.02em;padding:3px 7px}.monitoring-mobile-card-stats{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:6px}.monitoring-mobile-card-stat{align-items:flex-end;display:flex;flex-direction:column;gap:2px;min-width:52px}.monitoring-mobile-card-meta{align-items:flex-end;display:flex;gap:10px;justify-content:space-between;padding:8px 12px}.monitoring-mobile-card-meta-text{display:flex;flex:1 1;flex-direction:column;gap:3px;min-width:0}.monitoring-mobile-card-id{color:#6b7280;font-size:.72rem;font-weight:500;line-height:1.2;margin:0;word-break:break-all}.monitoring-mobile-card-id strong{color:#6c63ff;font-weight:600}.monitoring-mobile-card-category,.monitoring-mobile-card-date{color:#6b7280;font-size:.7rem;line-height:1.25;margin:0}.monitoring-mobile-card-brand{color:#111827;font-size:1.05rem;font-weight:700;line-height:1.2;margin:0}.monitoring-mobile-card-brand-extra{color:#9ca3af;font-size:.85em;font-weight:600;margin-left:4px}.monitoring-mobile-metric{align-items:flex-end;display:flex;flex-direction:column;gap:2px}.monitoring-mobile-metric-label{color:#9ca3af;font-size:.72rem;line-height:1}.monitoring-mobile-metric-value{color:#111827;font-size:1rem;font-weight:700;line-height:1.2}.monitoring-mobile-platform{color:#374151;font-size:.78rem;font-weight:600;max-width:110px;text-align:right;word-break:break-word}.monitoring-mobile-card-stat .status-badge{background:none!important;border-radius:0;font-size:.72rem;font-weight:600;line-height:1.2;min-width:0;padding:0;text-align:right}.monitoring-mobile-card-stat .status-badge.active{color:#059669}.monitoring-mobile-card-stat .status-badge.inactive{color:#dc2626}.monitoring-mobile-card-btn{border-radius:8px;flex-shrink:0;font-size:.85rem;font-weight:600;line-height:1.1;margin:0;max-width:none;min-height:0;min-width:0;padding:10px;white-space:nowrap;width:auto}.monitoring-mobile--loading .monitoring-mobile-sort-skeleton,.monitoring-mobile-card--skeleton{animation:monitoring-mobile-skeleton 1.2s ease-in-out infinite;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb 50%,#f3f4f6 75%);background-size:200% 100%;border-radius:12px}.monitoring-mobile--loading .monitoring-mobile-sort-skeleton{height:42px}.monitoring-mobile-card--skeleton{border:none;min-height:148px}@keyframes monitoring-mobile-skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}.monitoring-table-wrapper::-webkit-scrollbar{width:.4em}.monitoring-table-wrapper::-webkit-scrollbar-track{background:#f1f1f1}.monitoring-table-wrapper::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:.2em}.monitoring-table-wrapper::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.week-switcher{align-items:center;display:flex;gap:12px;justify-content:center;margin-bottom:8px;padding:12px 8px}.week-label{color:#111827;font-weight:600}.week-arrow{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:999px;color:#1f2937;display:inline-flex;height:32px;justify-content:center;transition:background .2s ease,color .2s ease,border-color .2s ease,transform .08s ease;width:32px}.week-arrow:hover{background:#f8fafc;border-color:#d1d5db}.week-arrow:active{transform:scale(.97)}.export-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.export-modal-content{box-shadow:0 4px 24px #00000026;max-height:90vh;max-width:800px;width:90%}.export-modal-header{align-items:center;display:flex;justify-content:space-between;padding:20px 24px}.export-modal-header h3{color:#1f2937;font-size:1.25rem;font-weight:600;margin:0}.export-modal-close{align-items:center;background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s ease}.export-modal-close:hover{background:#f3f4f6;color:#374151}.export-modal-body{flex:1 1;overflow-y:auto;padding:24px}.export-columns-actions{display:flex;gap:8px;margin-bottom:16px}.export-columns-btn{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#374151;cursor:pointer;font-size:.85rem;font-weight:500;padding:8px 12px;transition:all .2s ease}.export-columns-btn:hover{background:#f1f5f9;border-color:#cbd5e1}.export-columns-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.export-checkbox-item{align-items:center;border-radius:6px;cursor:pointer;display:flex;gap:8px;padding:8px;transition:background .2s ease}.export-checkbox-item:hover{background:#f9fafb}.export-checkbox-item input[type=checkbox]{cursor:pointer}.export-checkbox-item span{color:#374151;font-size:.9rem}.export-limit-block{margin-bottom:14px}.export-limit-row{align-items:center;display:flex;gap:12px;margin-top:10px}.export-limit-label{color:#374151;font-size:.9rem;white-space:nowrap}.export-limit-input{border:1px solid #e2e8f0;border-radius:6px;font-size:.9rem;outline:none;padding:8px 10px;width:150px}.export-limit-input:disabled{background:#f8fafc;cursor:not-allowed;opacity:.7}.export-modal-footer{align-items:center;border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.export-modal-cancel,.export-modal-export{border:1px solid #0000;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:500;padding:10px 20px;transition:all .2s ease}.export-modal-cancel{background:#f8fafc;border-color:#e2e8f0;color:#374151}.export-modal-cancel:hover{background:#f1f5f9;border-color:#cbd5e1}.export-modal-export{background:#4338ca;border-color:#4338ca;color:#fff}.export-modal-export:hover:not(:disabled){background:#3730a3;border-color:#3730a3}.export-modal-export:disabled{cursor:not-allowed;opacity:.6}.analytics-page{background:#f8f9fb;min-height:100vh;padding:12px}html.app-small-monitor-zoom .analytics-page{height:auto;min-height:var(--app-vh100)}.analytics-page h1{color:#1a1b23;font-size:2rem;font-weight:700;margin-bottom:32px}.analytics-filters-wrapper{isolation:isolate;position:relative;z-index:10}.analytics-filters{background:#fff;border-radius:16px;box-shadow:0 2px 16px #2c3e5014;margin-bottom:24px;padding:12px}.analytics-filters .filters-bar-content{grid-gap:20px;align-items:end;display:grid;gap:20px;grid-template-columns:repeat(4,minmax(200px,1fr))}.analytics-filters.filters-bar--grouped .filters-bar-content,.analytics-filters.filters-bar--grouped .filters-bar-primary-strip{align-items:start;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.analytics-filters.filters-bar--grouped .filters-bar-primary-strip{border-bottom:1px solid #e5e7eb;margin-bottom:14px;padding-bottom:14px}.analytics-filters.filters-bar--grouped .filters-bar-section-heading{color:#64748b;font-size:.72rem;font-weight:700;letter-spacing:.06em;margin:14px 0 10px;padding:0;text-transform:uppercase}.analytics-filters.filters-bar--grouped .filters-bar-section-heading:first-of-type{margin-top:6px}.analytics-filters.filters-bar--grouped .filters-bar-content--section{margin-bottom:4px}.filters-bar-media-toolbar{margin-bottom:8px}.filters-bar-media-toolbar .filter-group{max-width:100%}.analytics-filters .monitoring-toggle-options{align-items:center;display:inline-flex;flex-wrap:wrap;gap:6px;max-width:100%;width:auto}.analytics-filters .monitoring-toggle-option{height:36px;min-height:36px;min-width:0;padding:0 14px;white-space:nowrap;width:auto}.analytics-filters-apply{display:none}.analytics-filters .filters-bar-header-actions{align-items:center;display:flex;gap:8px;margin-left:auto}.analytics-filters-apply--desktop{align-items:center;background:#6c63ff;border:none;border-radius:10px;box-shadow:0 6px 18px #6c63ff59;color:#fff;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:700;justify-content:center;line-height:1.3;min-width:140px;padding:8px 18px;transition:background-color .15s ease,box-shadow .15s ease,opacity .15s ease}.analytics-filters-apply--desktop:hover:not(:disabled){background:#5b52e8;box-shadow:0 8px 22px #6c63ff6b}.analytics-filters-apply--desktop:disabled{box-shadow:none;cursor:not-allowed;opacity:.45}.analytics-filters-modal,.analytics-filters-modal-actions,.analytics-filters-modal-header,.analytics-filters-modal-overlay,.analytics-filters-modal-scroll,.analytics-filters-open,.analytics-filters-reset{display:none}.communication-filters .filters-bar-top-strip{grid-gap:20px;align-items:end;border-bottom:1px solid #e5e7eb;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:2px;padding-bottom:14px}.analytics-grid{grid-gap:24px;align-items:stretch;display:grid;gap:24px;grid-auto-rows:minmax(min-content,auto);grid-template-columns:1fr 1fr;margin-bottom:24px;min-width:0}.analytics-card{background:#fff;border-radius:16px;box-shadow:0 2px 16px #2c3e5014;box-sizing:border-box;height:100%;padding:24px;transition:transform .2s ease,box-shadow .2s ease}.analytics-card:hover{box-shadow:0 4px 20px #2c3e501f;transform:translateY(-2px)}.analytics-card h3{align-items:flex-start;color:#1f2937;display:flex;font-size:1.25rem;font-weight:600;gap:8px;margin:0 0 20px}.analytics-card h3 svg{flex-shrink:0;height:20px;width:20px}.analytics-full-width{grid-column:1/-1}.analytics-dynamics-card-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.analytics-dynamics-card-header h3{flex:1 1;margin:0;min-width:0}.analytics-top-brands-card-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.analytics-top-brands-card-header h3{flex:1 1;margin:0;min-width:0}.analytics-dynamics-brand-select.filter-group{flex-shrink:0;max-width:min(320px,42vw);width:auto}.analytics-dynamics-brand-select .filter-label{display:none}.analytics-dynamics-brand-select .filter-select,.analytics-dynamics-brand-select .simple-select-wrapper{max-width:100%;width:auto}.analytics-dynamics-brand-select .filter-select{background:#f0fdf4;border:1px solid #bbf7d0;min-width:0;padding:8px 12px;white-space:nowrap}.analytics-dynamics-brand-select.simple-select--sm .filter-select{font-size:12px;gap:6px;height:32px;padding:4px 8px}.analytics-dynamics-brand-select.simple-select--sm .placeholder,.analytics-dynamics-brand-select.simple-select--sm .selected-option{font-size:12px}.analytics-dynamics-brand-select .category-dropdown-clear{background:#f8fafc;border:none;border-bottom:1px solid #e5e7eb;color:#166534;cursor:pointer;display:block;font-size:12px;font-weight:600;padding:8px 12px;text-align:left;width:100%}.analytics-dynamics-brand-select .category-dropdown-clear:hover{background:#f0fdf4}.analytics-dynamics-brand-select .placeholder,.analytics-dynamics-brand-select .selected-option{color:#166534;font-weight:600}.analytics-dynamics-brand-select .chevron-icon{color:#16a34a}.analytics-dynamics-brand-select .filter-select.open{background:#fff;border-color:#86efac;box-shadow:0 2px 8px #0f172a14}.analytics-dynamics-chart .recharts-yAxis .recharts-label{font-size:16px!important;font-weight:600}.analytics-dynamics-chart .recharts-yAxis .recharts-cartesian-axis-tick text{font-size:11px}.analytics-dynamics-chart{overflow:visible!important}.analytics-dynamics-chart:not(.analytics-dynamics-chart--mobile){box-sizing:border-box;padding:0 2px}.analytics-top-chart-card{display:flex;flex-direction:column}.analytics-top-chart-header{align-items:flex-start;min-height:52px}.analytics-top-chart-container{margin-top:0}.custom-tooltip{background:#fff!important;border:1px solid #ececec!important;border-radius:10px!important;box-shadow:0 2px 12px #2c3e501a!important;color:#23244a!important;font-size:.95rem;min-width:120px;padding:14px 18px!important;z-index:100}.custom-tooltip .tooltip-header{background:none!important;color:#6c63ff;font-weight:700;margin-bottom:8px}.custom-tooltip .tooltip-label{font-size:1rem}.custom-tooltip .tooltip-content{background:none!important;color:inherit!important;display:flex;flex-direction:column;gap:4px}.custom-tooltip .tooltip-item{align-items:center;display:flex;gap:8px;margin-bottom:6px}.custom-tooltip .tooltip-item:last-child{margin-bottom:0}.custom-tooltip .tooltip-dot{border-radius:50%;display:inline-block;flex-shrink:0;height:10px;width:10px}.custom-tooltip .tooltip-name{color:#6b7280;font-size:.875rem;font-weight:500}.custom-tooltip .tooltip-value{font-size:.875rem;font-weight:700;margin-left:auto}.radar-tooltip .tooltip-header{background:linear-gradient(135deg,#667eea,#764ba2)}.radar-tooltip .tooltip-value{font-size:.8rem}.recharts-default-tooltip,.recharts-tooltip-wrapper{background:#0000!important;border:none!important;box-shadow:none!important}.recharts-tooltip{display:none!important}.recharts-legend-wrapper{left:0!important;padding-top:8px!important;right:auto!important;text-align:left!important;width:100%!important}.analytics-page .recharts-default-legend{display:flex!important;flex-wrap:wrap;gap:8px 16px;justify-content:flex-start!important}.recharts-default-legend .recharts-legend-item{margin-right:16px}.analytics-chart-y-axis-label{align-items:center;box-sizing:border-box;color:#9ca3af;display:flex;font-size:12px;font-weight:500;height:100%;line-height:1.2;overflow:hidden;overflow-wrap:anywhere;white-space:normal;width:100%;word-break:normal}.analytics-chart-y-axis-label span{line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.radar-container{align-items:center;display:flex;flex-direction:column;gap:20px}.creative-card{background:#fff;border:1px solid #0000000d;border-radius:16px;box-shadow:0 2px 16px #2c3e5014;overflow:hidden;position:relative}.creative-card:after,.creative-card:before{border-radius:50%;content:"";filter:blur(8px);pointer-events:none;position:absolute}.creative-card:before{background:radial-gradient(circle at 30% 30%,#8b5cf629,#8b5cf600 60%);height:180px;right:-60px;top:-60px;width:180px}.creative-card:after{background:radial-gradient(circle at 70% 70%,#10b98124,#10b98100 60%);bottom:-70px;height:200px;left:-70px;width:200px}.creative-card h4{color:#374151;font-size:1rem;margin:0 0 12px}.feature-text{color:#475569;font-size:.95rem;line-height:1.6;margin-bottom:16px}.feature-highlight{background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;font-size:.9rem;margin-bottom:10px;padding:12px 16px}.creative-empty{background:#f9fafb;border:1px dashed #e5e7eb;border-radius:12px;margin-bottom:12px;padding:16px}.creative-empty-title{color:#374151;font-weight:600;margin-bottom:6px}.creative-empty-sub{color:#6b7280;font-size:.9rem}.creative-loading{background:#f0f9ff;border:1px solid #bae6fd;border-radius:12px;margin-bottom:12px;padding:16px;text-align:center}.creative-loading-title{align-items:center;color:#0369a1;display:flex;font-weight:600;gap:8px;justify-content:center;margin-bottom:6px}.creative-loading-title:before{animation:spin 1s linear infinite;border:2px solid #0369a1;border-radius:50%;border-top-color:#0000;content:"";height:16px;width:16px}.creative-loading-sub{color:#0284c7;font-size:.9rem}.creative-error{background:#fef2f2;border:1px solid #fecaca;border-radius:12px;margin-bottom:12px;padding:16px;text-align:center}.creative-error-title{align-items:center;color:#dc2626;display:flex;font-weight:600;gap:8px;justify-content:center;margin-bottom:6px}.creative-error-title:before{content:"⚠️";font-size:1rem}.creative-error-sub{color:#b91c1c;font-size:.9rem}.show-creative-btn{background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;color:#374151;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .2s ease;width:100%}.show-creative-btn:hover{background:#f1f5f9;border-color:#d1d5db}.show-creative-btn:disabled{cursor:not-allowed;opacity:.6}.creative-features{display:contents}.analytics-charts{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.chart-container{height:300px;position:relative;width:100%}.analytics-page .chart-container{border-radius:8px;overflow:hidden}.analytics-page .chart-container .recharts-wrapper{margin-left:0!important;margin-right:auto!important}.analytics-page .chart-container .loading-message.analytics-chart-loading{align-items:center;background:#0000;border-radius:0;box-shadow:none;display:flex;font-size:1rem;height:100%;justify-content:center;margin:0;min-height:120px;padding:16px}.trends-container{grid-gap:24px;align-items:start;display:grid;gap:24px;grid-template-columns:1fr 1fr;min-width:0;width:100%}.trend-card{display:flex;flex-direction:column;min-width:0}.under-construction-overlay{align-items:center;background:#0f172a8c;display:flex;inset:0;justify-content:center;pointer-events:none;position:absolute;z-index:10}.under-construction-text{background:#0f172ad9;border:1px solid #94a3b8b3;border-radius:999px;color:#e5e7eb;font-size:.9rem;font-weight:600;letter-spacing:.08em;padding:10px 18px;text-transform:uppercase}.chart-label{fill:#6b7280;text-anchor:middle;font-size:12px}.chart-title{fill:#374151;text-anchor:middle;font-size:20px;font-weight:600}.creative-preview-modal{align-items:center;animation:fadeIn .3s ease forwards;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:fixed;right:0;top:0;z-index:1000}.creative-preview-content{align-items:center;animation:modalSlideIn .3s ease forwards;background:#000;border-radius:16px;box-shadow:0 20px 60px #00000080;color:#fff;display:flex;flex-direction:column;justify-content:center;max-height:90vh;max-width:1200px;padding:20px;text-align:center;transform:scale(.9);width:90%}.creative-preview-content .creative-image-container{align-items:center;background:#000;border-radius:12px;display:flex;height:100%;justify-content:center;min-height:400px;overflow:hidden;position:relative;width:100%}.creative-preview-image{border-radius:12px;box-shadow:none;height:auto;max-height:100%;max-width:100%;object-fit:contain;width:auto}.image-error{background:#f3f4f6;border:2px dashed #d1d5db;border-radius:12px;color:#6b7280;font-size:1rem;height:200px}.image-error,.preview-icon{align-items:center;display:flex;justify-content:center}.preview-icon{background:linear-gradient(135deg,#6c63ff,#5146d6);border-radius:16px;font-size:2rem;height:80px;margin:0 auto 24px;width:80px}.preview-title{font-size:1.5rem;font-weight:600;margin:0 0 12px}.preview-subtitle{color:#cbd5e1;font-size:1rem;margin:0 0 8px}.preview-description{color:#94a3b8;font-size:.875rem;margin:0}.close-preview{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:20px;top:20px;transition:all .2s ease;width:40px;z-index:10}.close-preview:hover{background:#ffffff4d;color:#fff;transform:scale(1.1)}@keyframes modalSlideIn{to{transform:scale(1)}}@media (max-width:1400px){.analytics-charts{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}}@media (max-width:1200px){.analytics-page{padding:24px 20px}.analytics-filters{padding:12px}.analytics-filters .filters-bar-content{gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.analytics-grid{gap:20px;margin-bottom:20px}.analytics-card{padding:20px}.analytics-charts{gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}@media (max-width:1024px){.analytics-grid,.trends-container{grid-template-columns:1fr}.analytics-filters{padding:18px}.analytics-filters .filters-bar-content{gap:16px;grid-template-columns:repeat(2,1fr)}.analytics-charts{gap:18px;grid-template-columns:repeat(2,1fr)}.chart-container{height:280px}}@media (max-width:992px){.analytics-page h1{font-size:1.75rem;margin-bottom:24px}.analytics-card h3{font-size:1.15rem;margin-bottom:16px}.analytics-charts{gap:16px;grid-template-columns:1fr}.chart-container{height:260px}.creative-features{padding:20px}.feature-text{font-size:.9rem}}@media (max-width:768px){.analytics-page{padding:16px}.analytics-page h1{font-size:1.5rem;margin-bottom:20px;text-align:center}.analytics-filters{margin-bottom:20px;padding:12px}.analytics-filters .filters-bar-content,.analytics-filters.filters-bar--grouped .filters-bar-primary-strip{gap:12px;grid-template-columns:1fr}.analytics-filters-open{background:#6c63ff;border:none;border-radius:10px;box-shadow:0 4px 14px #6c63ff59;color:#fff;display:block;font-size:.95rem;font-weight:600;line-height:1.3;margin-bottom:16px;padding:12px 16px;width:100%}.analytics-filters-modal-overlay{align-items:center;background:#0f172a8c;box-sizing:border-box;display:flex;inset:0;justify-content:center;padding:max(10px,env(safe-area-inset-top,0px)) 10px max(10px,env(safe-area-inset-bottom,0px));position:fixed;z-index:12000;z-index:var(--app-overlay-z,12000)}.analytics-filters-modal{background:#fff;border-radius:16px;box-shadow:0 20px 40px #0f172a40;display:flex;flex-direction:column;height:min(920px,calc(100dvh - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px) - 20px));max-height:calc(100dvh - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px) - 20px);overflow:hidden;width:min(100%,560px)}.analytics-filters-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;gap:12px;justify-content:space-between;padding:14px 16px}.analytics-filters-modal-header h3{color:#111827;font-size:1.05rem;font-weight:700;margin:0}.analytics-filters-modal-close{align-items:center;background:#0000;border:none;border-radius:8px;color:#111827;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:700;height:32px;justify-content:center;width:32px}.analytics-filters-modal-close:hover{background:#f3f4f6}.analytics-filters-modal-actions{background:#fff;border-bottom:1px solid #e5e7eb;display:flex;flex-direction:column;flex-shrink:0;gap:8px;padding:12px 16px}.analytics-filters-apply,.analytics-filters-reset{border-radius:10px;display:block;font-size:.95rem;font-weight:600;line-height:1.3;padding:12px 16px;transition:background-color .15s ease,opacity .15s ease,color .15s ease;width:100%}.analytics-filters-apply{background:#6c63ff;border:none;box-shadow:0 4px 14px #6c63ff59;color:#fff;margin-top:0}.analytics-filters-apply:hover:not(:disabled){background:#5b52e8}.analytics-filters-reset{background:#f8fafc;border:1px solid #e5e7eb;color:#1f2937}.analytics-filters-reset:hover:not(:disabled){background:#f1f5f9}.analytics-filters-apply:disabled,.analytics-filters-reset:disabled{box-shadow:none;cursor:not-allowed;opacity:.45}.analytics-filters-modal-scroll{background:#f8f9fb;display:block;flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;padding:12px 16px 16px}.analytics-filters-modal-scroll .analytics-filters-wrapper{display:block}.analytics-filters-modal-scroll .analytics-filters{margin-bottom:0;padding:12px}.analytics-filters-modal-scroll .analytics-filters .date-range-button,.analytics-filters-modal-scroll .analytics-filters .media-type-mobile-option,.analytics-filters-modal-scroll .analytics-filters :where(.filter-select){font-family:inherit;font-size:.9rem;line-height:1.3}.analytics-filters-modal-scroll .analytics-filters .date-range-display.date-range-placeholder,.analytics-filters-modal-scroll .analytics-filters :where(.filter-select) .placeholder{font-size:inherit;font-weight:500}.analytics-filters-modal-scroll .analytics-filters .filter-label{color:#1f2937;font-size:.9rem;font-weight:600}.filter-select{font-size:.9rem;padding:10px 36px 10px 14px}.analytics-grid{gap:16px;margin-bottom:16px}.analytics-card{padding:18px}.analytics-card h3{font-size:1.1rem;margin-bottom:14px}.analytics-dynamics-card-header,.analytics-top-brands-card-header{align-items:stretch;flex-direction:column;gap:10px}.analytics-dynamics-brand-select.filter-group{max-width:none;width:100%}.analytics-dynamics-brand-select .filter-select,.analytics-dynamics-brand-select .simple-select-wrapper{width:100%}.analytics-dynamics-card-header:has(.analytics-dynamics-brand-select){margin-bottom:16px}.analytics-top-brands-card-header:has(.analytics-dynamics-brand-select){margin-bottom:16px}.analytics-page .chart-container.analytics-dynamics-chart--mobile-brand{margin-top:4px}.analytics-page .chart-container.analytics-dynamics-chart--mobile{box-sizing:border-box;min-height:292px;overflow:visible;padding:0 2px}.analytics-dynamics-chart--mobile .recharts-wrapper{overflow:visible!important}.analytics-dynamics-chart--mobile .recharts-surface{overflow:visible}.analytics-dynamics-chart--mobile .recharts-yAxis .recharts-label{display:none}.analytics-dynamics-chart--mobile .recharts-yAxis .recharts-cartesian-axis-tick text{font-size:8px}.analytics-top-chart-header{min-height:0}.analytics-dynamics-chart--mobile .recharts-legend-wrapper{padding-top:0!important}.analytics-charts{gap:16px;grid-template-columns:1fr}.chart-container{height:240px}.radar-chart{height:250px;width:250px}.creative-features{margin-bottom:14px;padding:18px}.creative-features h4{font-size:.95rem;margin-bottom:10px}.feature-text{font-size:.85rem;margin-bottom:14px}.feature-highlight{font-size:.8rem;margin-bottom:6px;padding:10px 14px}.show-creative-btn{font-size:.9rem;padding:8px 16px}.creative-preview-content{margin:20px;max-height:85vh;max-width:none;padding:16px;width:95%}.creative-preview-content .creative-image-container{height:100%;min-height:300px;width:100%}.creative-preview-image{max-height:100%;max-width:100%}.preview-icon{font-size:1.5rem;height:64px;margin-bottom:20px;width:64px}.preview-title{font-size:1.3rem;margin-bottom:10px}.preview-subtitle{font-size:.9rem;margin-bottom:6px}.preview-description{font-size:.8rem}}@media (max-width:480px){.analytics-page{padding:12px 8px}.analytics-page h1{font-size:1.3rem;margin-bottom:16px}.analytics-filters{margin-bottom:16px;padding:12px}.analytics-filters .filters-bar-content{gap:10px}.filter-label{font-size:.8rem}.filter-select{font-size:.85rem;padding:8px 32px 8px 12px}.analytics-grid{gap:12px;margin-bottom:12px}.analytics-card{padding:14px}.analytics-card h3{font-size:1rem;gap:6px;margin-bottom:12px}.analytics-charts{gap:12px;grid-template-columns:1fr}.chart-container{height:200px}.radar-chart{height:200px;width:200px}.creative-features{margin-bottom:12px;padding:14px}.creative-features h4{font-size:.9rem;margin-bottom:8px}.feature-text{font-size:.8rem;margin-bottom:12px}.feature-highlight{font-size:.75rem;margin-bottom:4px;padding:8px 12px}.show-creative-btn{font-size:.85rem;padding:6px 12px}.creative-preview-content{height:100vh;margin:0;padding:0;width:100vw}.creative-preview-content .creative-image-container{height:100%;width:100%}.creative-preview-image{max-height:100vh;max-width:100vw}.preview-icon{font-size:1.3rem;height:56px;margin-bottom:16px;width:56px}.preview-title{font-size:1.2rem;margin-bottom:8px}.preview-subtitle{font-size:.85rem;margin-bottom:4px}.preview-description{font-size:.75rem}.custom-tooltip{font-size:.85rem;min-width:100px;padding:10px 14px!important}.custom-tooltip .tooltip-header{margin-bottom:6px}.custom-tooltip .tooltip-label{font-size:.9rem}.custom-tooltip .tooltip-name,.custom-tooltip .tooltip-value{font-size:.8rem}}@media (max-width:360px){.analytics-page{padding:8px 4px}.analytics-page h1{font-size:1.2rem;margin-bottom:12px}.analytics-filters{margin-bottom:12px;padding:8px}.analytics-filters .filters-bar-content{gap:8px}.filter-select{font-size:.8rem;padding:6px 28px 6px 10px}.analytics-grid{gap:8px;margin-bottom:8px}.analytics-card{padding:10px}.analytics-card h3{font-size:.95rem;margin-bottom:8px}.analytics-charts{gap:8px}.chart-container{height:180px}.radar-chart{height:180px;width:180px}.creative-features{margin-bottom:8px;padding:10px}.feature-text{font-size:.75rem;margin-bottom:8px}.feature-highlight{font-size:.7rem;padding:6px 8px}.show-creative-btn{font-size:.8rem;padding:4px 8px}.creative-preview-content{height:100vh;margin:0;padding:0;width:100vw}.creative-preview-content .creative-image-container{height:100%;width:100%}.creative-preview-image{max-height:100vh;max-width:100vw}.preview-icon{font-size:1.1rem;height:48px;margin-bottom:12px;width:48px}.preview-title{font-size:1.1rem;margin-bottom:6px}.preview-subtitle{font-size:.8rem}.preview-description{font-size:.7rem}}.analytics-card.disabled{background:#f8f9fa;border:1px solid #e5e7eb;opacity:.6;pointer-events:none}.analytics-card.disabled:hover{box-shadow:0 2px 16px #2c3e5014;transform:none}.analytics-card.disabled h3{color:#9ca3af}.chart-disabled{align-items:center;color:#9ca3af;display:flex;flex-direction:column;height:280px;justify-content:center;padding:20px;text-align:center}.chart-disabled-icon{font-size:3rem;margin-bottom:16px;opacity:.5}.chart-disabled-text{color:#6b7280;font-size:1rem;font-weight:500;line-height:1.4;max-width:200px}.recharts-xAxis .recharts-text{fill:#6b7280!important;text-anchor:middle!important;font-size:11px!important;font-weight:500!important}.recharts-yAxis .recharts-text{fill:#6b7280!important;font-size:13px!important;font-weight:500!important}@media (max-width:768px){.recharts-xAxis .recharts-text,.recharts-yAxis .recharts-text{font-size:12px!important}}@media (max-width:480px){.recharts-xAxis .recharts-text{font-size:9px!important}.recharts-yAxis .recharts-text{font-size:12px!important}}@media (hover:none) and (pointer:coarse){.analytics-card:hover{box-shadow:0 2px 16px #2c3e5014;transform:none}.close-preview,.filter-select,.show-creative-btn{min-height:44px}.close-preview{min-width:44px}}.flowchart-page{background:#f8f9fb;box-sizing:border-box;display:flex;flex-direction:column;gap:16px;height:auto;min-height:100%;min-width:0;overflow-x:hidden;overflow-y:auto;padding:12px;width:100%}.flowchart-page h1{color:#1a1b23;font-size:2rem;font-weight:700;margin-bottom:32px}.flowchart-filters{background:#fff;border-radius:16px;box-shadow:0 2px 16px #2c3e5014;margin:0;padding:12px}.flowchart-filters .filters-bar-content{grid-gap:20px;align-items:start;display:grid;flex-shrink:0;gap:20px;grid-auto-rows:minmax(0,auto);grid-template-columns:repeat(auto-fit,minmax(210px,1fr));overflow:visible;position:relative}.flowchart-filters .filters-bar-section-heading{border-top:1px solid #e5e7eb;color:#64748b;font-size:.72rem;font-weight:700;letter-spacing:.06em;margin:16px 0 10px;padding:14px 0 0;text-transform:uppercase}.flowchart-filters .filters-bar-content.filters-bar-content--section{margin-bottom:4px}.flowchart-filters-modal,.flowchart-filters-modal-actions,.flowchart-filters-modal-header,.flowchart-filters-modal-overlay,.flowchart-filters-modal-scroll,.flowchart-filters-open{display:none}.flowchart-filters .category-dropdown,.flowchart-filters .simple-select-wrapper .category-dropdown,.flowchart-filters .subcategory-dropdown{left:0;margin-top:8px;position:absolute;right:0;top:calc(100% + 8px);z-index:5000}.no-data-content{align-items:center;display:flex;flex-direction:column;gap:24px;text-align:center}.no-data-content p{color:#6b7280;font-size:16px;line-height:1.5;margin:0}.load-data-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 12px #667eea4d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;min-height:48px;padding:12px 24px;transition:all .3s ease}.load-data-btn:hover:not(:disabled){box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.load-data-btn:active:not(:disabled){transform:translateY(0)}.load-data-btn:disabled{cursor:not-allowed;opacity:.6}.load-data-btn:disabled,.load-data-btn:disabled:hover{box-shadow:0 2px 8px #667eea33;transform:none}.spinning{animation:spin 1s linear infinite}.media-types{align-items:center;background:#fff;border-radius:16px;box-shadow:0 2px 16px #2c3e5014;display:flex;flex-wrap:nowrap;gap:16px;justify-content:space-between;margin:0;min-height:52px;overflow-x:auto;padding:12px 18px}.media-types-control{display:flex;flex-direction:column;gap:6px;min-width:0}.media-checkboxes{align-items:center;display:flex;flex-shrink:0;flex-wrap:nowrap;gap:12px}.media-checkbox{align-items:center;cursor:pointer;display:flex;gap:8px;transition:all .2s ease}.media-checkbox:hover{transform:translateY(-1px)}.media-checkbox input[type=checkbox]{appearance:none;border:2px solid #d1d5db;border-radius:4px;cursor:pointer;height:18px;position:relative;transition:all .2s ease;width:18px}.media-checkbox input[type=checkbox]:checked{background:#6c63ff;border-color:#6c63ff}.media-checkbox input[type=checkbox]:checked:after{color:#fff;content:"✓";font-size:12px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.media-checkbox label{color:#1f2937;cursor:pointer;font-size:.95rem;font-weight:600;line-height:1.2}.media-checkbox input[type=checkbox]:disabled{background:#f9fafb;border-color:#e5e7eb;cursor:not-allowed;opacity:.6}.media-checkbox input[type=checkbox]:disabled:after{display:none}.media-checkbox input[type=checkbox]:disabled+label{color:#cbd5e1;cursor:not-allowed}.export-button{align-items:center;background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:12px;box-shadow:0 4px 16px #22c55e33;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:.875rem;font-weight:600;gap:8px;justify-content:center;min-width:160px;padding:12px 24px;transition:all .3s ease}.export-button:hover{background:linear-gradient(135deg,#16a34a,#15803d);box-shadow:0 8px 24px #22c55e66;transform:translateY(-2px)}.export-modal{align-items:center;background:#11182780;display:flex;inset:0;justify-content:center;position:fixed;z-index:13000}.export-modal-content{background:#fff;border-radius:16px;box-shadow:0 12px 48px #11182733;display:flex;flex-direction:column;overflow:hidden;width:min(720px,92vw)}.export-modal-header{border-bottom:1px solid #e5e7eb;padding:16px 20px}.export-columns{grid-gap:12px 16px;display:grid;gap:12px 16px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));max-height:50vh;overflow:auto;padding:16px 20px}.checkbox-item{border:1px solid #e5e7eb;border-radius:10px;color:#374151;font-weight:600;padding:10px 12px}.checkbox-item,.export-actions{align-items:center;display:flex;gap:10px}.export-actions{border-top:1px solid #e5e7eb;padding:14px 20px}.export-actions .spacer{flex:1 1}.flowchart-table-container{background:#fff;border-radius:16px;box-shadow:0 2px 16px #2c3e5014;display:flex;flex:1 1 auto;flex-direction:column;margin:0;max-height:calc(100vh - 260px);min-height:440px;min-width:0;overflow:hidden;width:100%}.flowchart-mobile-cards-scroll-area{flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;padding-right:2px}.flowchart-top-row{align-items:center;display:flex;justify-content:flex-end;padding:8px 8px 0;position:relative}.fullscreen-btn{align-items:center;background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;display:inline-flex;font-weight:600;justify-content:center;padding:8px 12px;transition:all .2s ease}.fullscreen-btn:hover{background:#f1f5f9;border-color:#d1d5db}.flowchart-pagination-desktop{align-items:center;display:flex;flex-shrink:0;gap:12px}.flowchart-table-container .export-btn{align-items:center;background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;display:flex;gap:8px;padding:8px 12px;transition:all .2s ease}.flowchart-table-container .export-btn:hover:not(:disabled){background:#f1f5f9;border-color:#cbd5e1}.flowchart-table-container .export-btn:disabled{cursor:not-allowed;opacity:.45}.flowchart-fullscreen-backdrop{background:#11182780;inset:0;position:fixed;z-index:3000}.flowchart-table-container.fullscreen{border-radius:12px;height:auto;inset:24px;max-height:calc(100vh - 48px);position:fixed;z-index:3001}.flowchart-table{border-collapse:collapse;min-width:100%;table-layout:auto;width:100%}.flowchart-table-scroll{flex:1 1 auto;min-height:0;overflow:auto}.flowchart-table-container.fullscreen .flowchart-table-scroll{flex:1 1 auto}.flowchart-table-container .pagination-container{align-items:center;background:#fff;border-top:1px solid #f3f4f6;display:flex;flex:0 0 auto;gap:12px;justify-content:flex-end;overflow:visible;padding:12px 12px 16px;position:relative;z-index:2}.flowchart-table thead th{background:#f8f9fb;border-bottom:2px solid #e2e8f0;position:sticky;top:0;z-index:2}.flowchart-table thead{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:2px solid #e2e8f0}.flowchart-table th{color:#374151;font-size:.8rem;font-weight:600;letter-spacing:.03em;overflow:visible;padding:12px 18px;text-align:center;text-transform:uppercase;white-space:nowrap}.flowchart-sort-btn{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:inline-flex;font:inherit;gap:6px;justify-content:center;letter-spacing:inherit;margin:0;padding:0;text-transform:inherit;width:100%}.flowchart-table th:first-child .flowchart-sort-btn{justify-content:flex-start}.flowchart-sort-btn.active{color:#111827}.flowchart-sort-indicator{align-items:center;color:#6b7280;display:inline-flex}.flowchart-sort-btn.active .flowchart-sort-indicator{color:#374151}.flowchart-table th:first-child{min-width:180px}.flowchart-table tbody tr{border-bottom:1px solid #f3f4f6;transition:all .2s ease}.flowchart-table tbody tr:hover{background:#f8fafc}.flowchart-table tbody tr:last-child{border-bottom:none}.flowchart-table td{color:#374151;font-size:.92rem;line-height:1.25;padding:10px 12px;vertical-align:middle}.flowchart-table td:first-child{min-width:180px;text-align:left}.flowchart-table td:not(:first-child),.flowchart-table th:not(:first-child){text-align:center;white-space:nowrap}.brand-cell{color:#1f2937;font-weight:600;gap:12px;padding-right:8px!important}.brand-cell,.brand-expand{align-items:center;display:flex}.brand-expand{background:none;border:none;color:#6b7280;cursor:pointer;font-size:1.1rem;justify-content:center;max-height:30px;max-width:30px;transition:transform .2s ease}.brand-expand:hover{transform:scale(1.1)}.brand-expand.expanded{transform:rotate(90deg)}.expanded-row,.media-type-row{background:#fff;border-left:none}.media-type-row td{color:#374151;font-weight:500}.media-type-row td:first-child{padding-left:0}.media-chip{background:#0000;border-radius:0;color:#374151;font-weight:600;padding:0}.media-chip.banner,.media-chip.online,.media-chip.outdoor,.media-chip.radio,.media-chip.tv{background:#f3f4f6;color:#374151}.creative-row,.media-type-row{border-bottom:0}.creative-row td:first-child,.media-type-row td:first-child{position:relative}.creative-row.tv td:first-child:before,.media-type-row.tv td:first-child:before{background:#c4b5fd;border-radius:2px;bottom:0;content:"";left:0;position:absolute;top:0;width:4px}.creative-row.radio td:first-child:before,.media-type-row.radio td:first-child:before{background:#f9a8d4;border-radius:2px;bottom:0;content:"";left:0;position:absolute;top:0;width:4px}.creative-row.online td:first-child:before,.media-type-row.online td:first-child:before{background:#fde68a;border-radius:2px;bottom:0;content:"";left:0;position:absolute;top:0;width:4px}.creative-row.banner td:first-child:before,.media-type-row.banner td:first-child:before{background:#fed7aa;border-radius:2px;bottom:0;content:"";left:0;position:absolute;top:0;width:4px}.creative-row.outdoor td:first-child:before,.media-type-row.outdoor td:first-child:before{background:#2dd4bf;border-radius:2px;bottom:0;content:"";left:0;position:absolute;top:0;width:4px}.creative-row.tv td,.media-type-row.tv td{background:#faf5ff}.creative-row.radio td,.media-type-row.radio td{background:#fdf2f8}.creative-row.online td,.media-type-row.online td{background:#fffbeb}.creative-row.banner td,.media-type-row.banner td{background:#fff7ed}.creative-row.outdoor td,.media-type-row.outdoor td{background:#f0fdfa}.creative-row{background:#fff;border-left:none}.creative-row td{color:#374151;cursor:pointer;font-weight:400;transition:background-color .28s ease,color .28s ease}.creative-row:hover td{color:#111827;font-weight:500}.creative-row td:first-child,.media-type-row td:first-child{padding-left:16px;padding-right:8px!important}.creative-row.banner td,.creative-row.outdoor td,.media-type-row.banner td,.media-type-row.outdoor td{box-shadow:inset 0 -1px #00000008}.media-type-row td:last-child{position:static}.media-type-row.banner td:last-child:after{content:none}.cell-value{background:#f1f5f9;border-radius:6px;box-sizing:border-box;color:#475569;display:inline-block;font-weight:600;min-width:40px;padding:4px 8px;text-align:center;transition:background-color .28s ease,color .28s ease,transform .18s ease;white-space:nowrap}.cell-value:hover{background:#e2e8f0;transform:scale(1.03)}.cell-value.high-value,.cell-value.low-value,.cell-value.medium-value{background:#f1f5f9;color:#475569}.creative-row.tv .cell-value,.media-type-row.tv .cell-value{background:#c4b5fd26}.creative-row.radio .cell-value,.media-type-row.radio .cell-value{background:#f9a8d426}.creative-row.online .cell-value,.media-type-row.online .cell-value{background:#fde68a26}.creative-row.banner .cell-value,.media-type-row.banner .cell-value{background:#fed7aa26}.creative-row.outdoor .cell-value,.media-type-row.outdoor .cell-value{background:#2dd4bf2e}@media (max-width:1200px){.flowchart-table-container{overflow-x:auto}.flowchart-table{min-width:max(100%,1000px)}}.no-media-types-message{align-items:center;background:#fff;border-radius:16px;box-shadow:0 2px 16px #2c3e5014;display:flex;justify-content:center;padding:60px 20px}.no-media-types-message p{color:#6b7280;font-size:1.1rem;font-weight:500;text-align:center}.no-data-message{align-items:center;background:#f3f4f6;display:flex;flex:1 1 auto;flex-direction:column;height:100%;justify-content:center;min-height:100%;padding:60px 20px}.no-data-message p{color:#6b7280;font-size:1.1rem;font-weight:500;margin-bottom:16px;text-align:center}@media (max-width:768px){.flowchart-page{--flowchart-mobile-footer-height:56px;--flowchart-mobile-scroll-gap:28px;box-sizing:border-box;height:calc(100dvh - 56px)!important;height:calc(100dvh - var(--mobile-header-height, 56px))!important;min-height:0;overflow:hidden;padding:16px 16px 0}.flowchart-filters{padding:12px}.flowchart-filters .filters-bar-content{gap:12px;grid-template-columns:1fr}.flowchart-filters-open{background:#6c63ff;border:none;border-radius:10px;box-shadow:0 4px 14px #6c63ff59;color:#fff;display:block;flex-shrink:0;font-size:.95rem;font-weight:600;line-height:1.3;padding:12px 16px;width:100%}.flowchart-filters-open:disabled{box-shadow:none;cursor:not-allowed;opacity:.45}.flowchart-mobile-view-toggle{grid-gap:8px;display:grid;flex-shrink:0;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.flowchart-filters-modal-overlay{align-items:center;background:#0f172a8c;box-sizing:border-box;display:flex;inset:0;justify-content:center;padding:max(10px,env(safe-area-inset-top,0px)) 10px max(10px,env(safe-area-inset-bottom,0px));position:fixed;z-index:12000;z-index:var(--app-overlay-z,12000)}.flowchart-filters-modal{background:#fff;border-radius:16px;box-shadow:0 20px 40px #0f172a40;display:flex;flex-direction:column;height:min(920px,calc(100dvh - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px) - 20px));max-height:calc(100dvh - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px) - 20px);overflow:hidden;width:min(100%,560px)}.flowchart-filters-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;gap:12px;justify-content:space-between;padding:14px 16px}.flowchart-filters-modal-header h3{color:#111827;font-size:1.05rem;font-weight:700;margin:0}.flowchart-filters-modal-close{align-items:center;background:#0000;border:none;border-radius:8px;color:#111827;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:500;height:32px;justify-content:center;width:32px}.flowchart-filters-modal-close:hover{background:#f3f4f6}.flowchart-filters-modal-actions{background:#fff;border-bottom:1px solid #e5e7eb;display:flex;flex-direction:column;flex-shrink:0;gap:8px;padding:12px 16px}.flowchart-filters-apply,.flowchart-filters-reset{border-radius:10px;display:block;font-size:.95rem;font-weight:600;line-height:1.3;padding:12px 16px;transition:background-color .15s ease,opacity .15s ease,color .15s ease;width:100%}.flowchart-filters-apply{background:#6c63ff;border:none;box-shadow:0 4px 14px #6c63ff59;color:#fff}.flowchart-filters-apply:hover:not(:disabled){background:#5b52e8}.flowchart-filters-reset{background:#f8fafc;border:1px solid #e5e7eb;color:#1f2937}.flowchart-filters-reset:hover:not(:disabled){background:#f1f5f9}.flowchart-filters-apply:disabled,.flowchart-filters-reset:disabled{box-shadow:none;cursor:not-allowed;opacity:.45}.flowchart-filters-modal-scroll{background:#f8f9fb;display:block;flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;padding:12px 16px 16px}.flowchart-mobile-filter-controls{background:#fff;border-radius:16px;box-shadow:0 2px 16px #2c3e5014;display:flex;flex-direction:column;gap:14px;margin-bottom:12px;padding:12px}.flowchart-mobile-filter-controls .monitoring-toggle-options{grid-gap:6px;display:grid;gap:6px}.flowchart-media-toggle-options{grid-template-columns:repeat(2,minmax(0,1fr))}.flowchart-indicator-toggle-options{grid-template-columns:repeat(3,minmax(0,1fr))}.flowchart-mobile-filter-controls .media-type-mobile-option,.flowchart-mobile-view-toggle .media-type-mobile-option{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#111827;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.9rem;font-weight:600;justify-content:center;line-height:1.3;min-height:40px;padding:5px 10px;position:relative;text-align:center;transition:border-color .15s ease,background-color .15s ease,color .15s ease,box-shadow .15s ease;width:100%}.flowchart-mobile-filter-controls .media-type-mobile-option:hover:not(:disabled),.flowchart-mobile-view-toggle .media-type-mobile-option:hover:not(:disabled){border-color:#c7d2fe;box-shadow:0 0 0 3px #6366f12e}.flowchart-mobile-filter-controls .media-type-mobile-option.selected,.flowchart-mobile-view-toggle .media-type-mobile-option.selected{background:#6c63ff;border-color:#6c63ff;box-shadow:none;color:#fff}.flowchart-mobile-filter-controls .media-type-mobile-option.disabled,.flowchart-mobile-view-toggle .media-type-mobile-option.disabled{background:#f8fafc;box-shadow:none;color:#94a3b8;cursor:not-allowed;opacity:.6}.flowchart-filters-modal-scroll .flowchart-filters{padding:12px}.flowchart-filters-modal-scroll .flowchart-filters .date-range-button,.flowchart-filters-modal-scroll .flowchart-filters :where(.filter-select),.flowchart-filters-modal-scroll .flowchart-mobile-filter-controls .media-type-mobile-option{font-family:inherit;font-size:.9rem;line-height:1.3}.flowchart-filters-modal-scroll .flowchart-filters .date-range-display.date-range-placeholder,.flowchart-filters-modal-scroll .flowchart-filters :where(.filter-select) .placeholder{font-size:inherit;font-weight:500}.flowchart-filters-modal-scroll .flowchart-filters .filter-label,.flowchart-filters-modal-scroll .flowchart-mobile-filter-controls .filter-label{color:#1f2937;font-size:.9rem;font-weight:600}.flowchart-table-container{flex:1 1 auto;max-height:none;min-height:0;overflow:visible;padding-bottom:calc(var(--flowchart-mobile-footer-height) + var(--flowchart-mobile-scroll-gap) + env(safe-area-inset-bottom, 0px))}.flowchart-table-scroll{flex:1 1 auto;min-height:0}.flowchart-mobile-cards-container{background:#0000;border-radius:0;box-shadow:none;padding-bottom:calc(var(--flowchart-mobile-footer-height) + var(--flowchart-mobile-scroll-gap) + env(safe-area-inset-bottom, 0px))}.flowchart-mobile-cards-carousel{--flowchart-mobile-card-width:min(calc(100vw - 112px),276px);align-items:center;display:flex;gap:2px;margin-bottom:12px}.flowchart-mobile-cards-arrow{align-items:center;background:#0000;border:none;color:#6c63ff;cursor:pointer;display:inline-flex;flex-shrink:0;height:28px;justify-content:center;padding:0;width:28px}.flowchart-mobile-cards-arrow:disabled{cursor:default;opacity:.28}.flowchart-mobile-cards-scroll{-webkit-overflow-scrolling:touch;flex:1 1;min-width:0;overflow-x:auto;overflow-y:hidden;padding:2px 0 8px;scroll-behavior:smooth;scroll-snap-type:x mandatory}.flowchart-mobile-cards-track{display:flex;gap:12px;min-width:max-content;padding-inline:max(4px,calc(50% - var(--flowchart-mobile-card-width)/2))}.flowchart-mobile-brand-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 12px #0f172a0f;padding:14px;text-align:left;transition:border-color .2s ease,box-shadow .2s ease;width:var(--flowchart-mobile-card-width)}.flowchart-mobile-brand-card,.flowchart-mobile-next-page-card{display:flex;flex-direction:column;flex-shrink:0;gap:8px;scroll-snap-align:center;scroll-snap-stop:always}.flowchart-mobile-next-page-card{align-items:center;background:#f5f3ff;border:1.5px dashed #6c63ff;border-radius:16px;color:#6c63ff;cursor:pointer;font-size:.92rem;font-weight:700;justify-content:center;line-height:1.25;min-height:168px;padding:16px;text-align:center;width:min(58vw,220px)}.flowchart-mobile-brand-card.active{border-color:#6c63ff;box-shadow:0 0 0 3px #6c63ff2e}.flowchart-mobile-brand-card-header{align-items:stretch;display:flex;gap:10px;justify-content:space-between}.flowchart-mobile-brand-name{color:#111827;flex:1 1;font-size:1.03rem;font-weight:700;line-height:1.2;margin:0;min-width:0}.flowchart-mobile-brand-head-right{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:4px;justify-content:flex-start;text-align:right}.flowchart-mobile-indicator-chip{align-items:center;background:#eef2ff;border-radius:999px;color:#4f46e5;display:inline-flex;font-size:.67rem;font-weight:700;height:24px;justify-content:center;letter-spacing:.02em;min-width:44px;padding:0 8px;text-transform:uppercase}.flowchart-mobile-brand-total{color:#111827;font-size:1.48rem;font-weight:700;letter-spacing:.01em;line-height:1.1}.flowchart-mobile-brand-sparkline{background:#f8f9fb;border-radius:12px;box-sizing:border-box;height:82px;padding:4px 6px 2px;width:100%}.flowchart-mobile-brand-sparkline svg{display:block;height:100%;overflow:visible;width:100%}.flowchart-mobile-brand-weeks{color:#64748b;display:flex;font-size:.74rem;font-weight:600;gap:6px;justify-content:space-between;text-transform:uppercase}.flowchart-mobile-creatives{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 2px 12px #0f172a14;margin-bottom:4px;padding:12px}.flowchart-mobile-creatives-header{align-items:flex-start;display:flex;gap:8px;justify-content:space-between;margin-bottom:10px}.flowchart-mobile-creatives-title{color:#374151;flex:1 1;font-size:.92rem;line-height:1.35;margin:0;min-width:0}.flowchart-mobile-creatives-filter{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 2px 8px #0f172a14;color:#111827;cursor:pointer;display:inline-flex;flex-shrink:0;height:34px;justify-content:center;padding:0;width:34px}.flowchart-mobile-creatives-filter:focus-visible,.flowchart-mobile-creatives-filter:hover{border-color:#c7d2fe;box-shadow:0 0 0 3px #6366f12e;color:#6c63ff;outline:none}.flowchart-mobile-creatives-filter svg{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;height:20px;width:20px}.flowchart-mobile-creatives-list{grid-gap:8px;display:grid;gap:8px}.flowchart-mobile-media-block{grid-gap:6px;display:grid;gap:6px}.flowchart-mobile-group-toggle,.flowchart-mobile-media-toggle{align-items:center;background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;cursor:pointer;display:flex;gap:8px;padding:10px 12px;text-align:left;width:100%}.flowchart-mobile-media-toggle{color:#111827;font-size:.9rem;font-weight:600}.flowchart-mobile-media-toggle.tv{background:#faf5ff}.flowchart-mobile-media-toggle.radio{background:#fdf2f8}.flowchart-mobile-media-toggle.online{background:#fffbeb}.flowchart-mobile-media-toggle.banner{background:#fff7ed}.flowchart-mobile-media-toggle.outdoor{background:#f0fdfa}.flowchart-mobile-media-expand{color:#6b7280;display:inline-flex;transition:transform .2s ease,color .2s ease}.flowchart-mobile-media-expand.expanded{color:#6c63ff;transform:rotate(90deg)}.flowchart-mobile-media-label{flex:1 1;min-width:0}.flowchart-mobile-media-count{color:#6b7280;font-size:.78rem;font-weight:600}.flowchart-mobile-media-body{padding-left:8px}.flowchart-mobile-group-block,.flowchart-mobile-media-body{grid-gap:6px;display:grid;gap:6px}.flowchart-mobile-group-toggle{color:#4b5563;font-size:.84rem;font-weight:600;padding:8px 10px}.flowchart-mobile-group-label{flex:1 1;min-width:0}.flowchart-mobile-group-body{grid-gap:6px;display:grid;gap:6px;padding-left:12px}.flowchart-mobile-creatives-filter-modal{max-height:min(420px,calc(100dvh - 40px))}.flowchart-mobile-creatives-filter-option{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;color:#111827;cursor:pointer;display:flex;font-size:.92rem;gap:10px;margin-bottom:8px;padding:12px}.flowchart-mobile-creatives-filter-option input{accent-color:#6c63ff;flex-shrink:0;height:18px;width:18px}.flowchart-mobile-creative-item{align-items:stretch;display:flex;gap:8px}.flowchart-mobile-creative-main{background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;display:flex;flex:1 1;flex-direction:column;gap:3px;padding:9px 10px;text-align:left}.flowchart-mobile-creative-name{color:#111827;font-size:.88rem;font-weight:600;line-height:1.25}.flowchart-mobile-creative-meta{color:#6b7280;font-size:.76rem;line-height:1.2}.flowchart-mobile-creative-link{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:10px;color:#6c63ff;display:inline-flex;flex-shrink:0;justify-content:center;text-decoration:none;width:36px}.flowchart-mobile-creatives-empty{color:#6b7280;font-size:.85rem;margin:0}.flowchart-table-container .pagination-container{align-items:center;background:#fff;border-top:1px solid #e5e7eb;bottom:0;box-shadow:0 -4px 12px #0f172a0f;display:flex;flex-direction:row;gap:4px;justify-content:stretch;left:0;margin:0;overflow:visible;padding:8px 8px calc(5px + env(safe-area-inset-bottom, 0px));position:fixed;right:0;z-index:100}.flowchart-table-container .pagination-container .table-pagination-ui{flex:1 1;flex-wrap:nowrap;gap:4px;justify-content:space-around;min-width:0;padding:0;width:100%}.flowchart-table-container .pagination-inline-actions{display:flex}.flowchart-table-container .pagination-inline-actions .export-btn{flex-shrink:0;min-height:28px;min-width:28px;padding:4px 6px}.flowchart-pagination-desktop,.flowchart-table-container .pagination-inline-actions .export-btn span{display:none}.media-types{align-items:stretch;flex-direction:column;gap:12px;overflow-x:visible;padding:16px}.media-checkboxes{flex-wrap:wrap;gap:12px;justify-content:center}.table-controls{align-items:stretch;flex-direction:column;gap:8px;gap:16px;justify-content:center}.export-button{min-width:auto;width:100%}.flowchart-table td,.flowchart-table th{font-size:.85rem;padding:10px 8px}}.total-cell{font-weight:600!important;padding:8px 10px!important}.total-cell,.total-header{border:1px solid #0000000d!important;border-radius:4px!important;margin:2px!important;min-width:100px!important;text-align:center!important;white-space:nowrap!important}.total-header{font-size:.8rem!important;font-weight:700!important;padding:12px 10px!important}.table-controls{flex-wrap:nowrap;gap:12px}.table-controls,.total-toggle{align-items:center;display:flex;flex-shrink:0}.total-toggle{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;gap:6px;padding:4px 8px;transition:all .2s ease}.total-toggle:hover{background:#f1f5f9;border-color:#cbd5e1}.total-toggle input[type=checkbox]{accent-color:#3b82f6;cursor:pointer;height:14px;width:14px}.total-toggle label{color:#374151;cursor:pointer;font-size:.8rem;font-weight:500;-webkit-user-select:none;user-select:none}.indicator-radios{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;flex-shrink:0;gap:12px;padding:8px 16px;transition:all .2s ease}.radio-item{align-items:center;cursor:pointer;display:inline-flex;gap:8px;-webkit-user-select:none;user-select:none}.radio-item,.radio-item span{color:#374151;font-weight:500}.radio-item span{font-size:.95rem;line-height:1.2}.radio-item.disabled{cursor:not-allowed;opacity:.55}.radio-item.disabled span{color:#94a3b8}.radio-input{appearance:none;border:2px solid #cbd5f5;border-radius:50%;cursor:pointer;height:18px;position:relative;transition:all .2s ease;width:18px}.radio-input:checked{border-color:#6c63ff;box-shadow:0 0 0 2px #6c63ff33}.radio-input:checked:after{background:#6c63ff;border-radius:50%;content:"";height:8px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:8px}.radio-input:disabled{background:#f8fafc;border-color:#e2e8f0;box-shadow:none;cursor:not-allowed}.export-icon-button{align-items:center;background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:8px;box-shadow:0 2px 8px #22c55e33;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;padding:8px;transition:all .3s ease;width:36px}.export-icon-button:hover{background:linear-gradient(135deg,#16a34a,#15803d);box-shadow:0 4px 12px #22c55e66;transform:translateY(-1px)}.export-icon-button:active{transform:translateY(0)}.media-type-cell{align-items:center;display:flex;gap:8px;padding-right:8px!important}.media-type-expand{align-items:center;background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s ease}.media-type-expand:hover{background:#6b72801a;color:#374151}.media-type-expand.expanded{color:#3b82f6;transform:rotate(90deg)}.media-type-expand svg{transition:transform .2s ease}.group-row{border-bottom:0}.group-cell{color:#4b5563;font-weight:600;padding-left:48px!important}.group-expand{align-items:center;background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:inline-flex;justify-content:center;margin-right:8px;padding:4px;transition:background-color .2s ease}.group-expand:hover{background-color:#f3f4f6}.group-expand.expanded svg{transform:rotate(90deg)}.group-expand svg{transition:transform .2s ease}.checkbox-wrapper{align-items:center;display:flex;gap:8px}.checkbox-wrapper input[type=checkbox]{accent-color:#6366f1;cursor:pointer;height:18px;width:18px}.checkbox-label{color:#374151;cursor:pointer;font-weight:600;-webkit-user-select:none;user-select:none}.flowchart-loading-panel{align-items:center;background:#f3f4f6;display:flex;flex:1 1 auto;height:100%;justify-content:center;min-height:0;padding:60px 20px;text-align:center}.table-loading-indicator{align-items:center;display:flex;flex-direction:column;gap:16px;margin:0 auto;max-width:400px}.loading-spinner{border:4px solid #e2e8f0;border-top-color:#3b82f6;height:40px;width:40px}.loading-content{align-items:center;display:flex;flex-direction:column;gap:12px;width:100%}.loading-text{color:#374151;font-size:1rem;font-weight:600;margin:0;text-align:center}.loading-progress{max-width:300px;width:100%}.progress-bar{background:#e2e8f0;border-radius:3px;height:6px;overflow:hidden;position:relative;width:100%}.progress-fill{animation:progress 2s ease-in-out infinite;background:linear-gradient(90deg,#3b82f6,#1d4ed8);border-radius:3px;height:100%;width:60%}@keyframes progress{0%{transform:translateX(-100%)}50%{transform:translateX(0)}to{transform:translateX(100%)}}@media (max-width:768px){.flowchart-loading-panel{padding:40px 16px}.table-loading-indicator{gap:12px}.loading-spinner{border-width:3px;height:32px;width:32px}.loading-text{font-size:.9rem}.loading-progress{max-width:250px}}@media (min-width:769px){.flowchart-view-control{align-items:center;display:flex;flex-shrink:0;gap:10px}.flowchart-desktop-view-toggle{display:inline-grid;gap:8px;grid-template-columns:repeat(2,minmax(96px,1fr))}.flowchart-desktop-view-toggle .media-type-mobile-option{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:10px;color:#111827;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.9rem;font-weight:600;justify-content:center;line-height:1.3;min-height:40px;padding:6px 18px;position:relative;transition:border-color .15s ease,background-color .15s ease,color .15s ease,box-shadow .15s ease}.flowchart-desktop-view-toggle .media-type-mobile-option:hover:not(:disabled){border-color:#c7d2fe;box-shadow:0 0 0 3px #6366f12e}.flowchart-desktop-view-toggle .media-type-mobile-option.selected{background:#6c63ff;border-color:#6c63ff;box-shadow:none;color:#fff}.flowchart-mobile-cards-container{background:#fff;border-radius:16px;box-shadow:0 2px 16px #2c3e5014;padding:16px 18px}.flowchart-mobile-cards-container .pagination-container{bottom:0;position:sticky}.flowchart-mobile-cards-carousel{--flowchart-desktop-cards-per-view:4;--flowchart-desktop-card-gap:12px;align-items:center;display:flex;gap:8px;margin-bottom:16px}.flowchart-mobile-cards-arrow{align-items:center;background:#0000;border:none;color:#6c63ff;cursor:pointer;display:inline-flex;flex-shrink:0;height:34px;justify-content:center;padding:0;width:34px}.flowchart-mobile-cards-arrow:disabled{cursor:default;opacity:.28}.flowchart-mobile-cards-scroll{-webkit-overflow-scrolling:touch;flex:1 1;min-width:0;overflow-x:auto;overflow-y:hidden;padding:4px 0 10px;scroll-behavior:smooth;scroll-snap-type:x mandatory}.flowchart-mobile-cards-track{display:flex;gap:var(--flowchart-desktop-card-gap);min-width:0;padding-inline:2px}.flowchart-desktop-stacks-track{align-items:flex-start;min-width:max-content}.flowchart-desktop-brand-stack{grid-gap:12px;align-content:start;display:grid;gap:12px;scroll-snap-align:start;scroll-snap-stop:always}.flowchart-desktop-brand-stack,.flowchart-mobile-brand-card{box-sizing:border-box;flex:0 0 calc((100% - (var(--flowchart-desktop-cards-per-view) - 1)*var(--flowchart-desktop-card-gap))/var(--flowchart-desktop-cards-per-view));flex:0 0 var(--flowchart-desktop-card-width,calc((100% - (var(--flowchart-desktop-cards-per-view) - 1)*var(--flowchart-desktop-card-gap))/var(--flowchart-desktop-cards-per-view)))}.flowchart-mobile-brand-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 12px #0f172a0f;cursor:pointer;display:flex;flex-direction:column;gap:10px;padding:16px;text-align:left;transition:border-color .2s ease,box-shadow .2s ease;width:auto}.flowchart-desktop-brand-card{cursor:default;flex:none}.flowchart-mobile-brand-card.active{border-color:#6c63ff;box-shadow:0 0 0 3px #6c63ff2e}.flowchart-mobile-next-page-card{align-items:center;background:#f5f3ff;border:1.5px dashed #6c63ff;border-radius:16px;box-sizing:border-box;color:#6c63ff;cursor:pointer;display:flex;flex:0 0 calc((100% - (var(--flowchart-desktop-cards-per-view) - 1)*var(--flowchart-desktop-card-gap))/var(--flowchart-desktop-cards-per-view));flex:0 0 var(--flowchart-desktop-card-width,calc((100% - (var(--flowchart-desktop-cards-per-view) - 1)*var(--flowchart-desktop-card-gap))/var(--flowchart-desktop-cards-per-view)));flex-direction:column;font-size:.95rem;font-weight:700;gap:8px;justify-content:center;line-height:1.25;min-height:168px;padding:16px;text-align:center}.flowchart-mobile-brand-card-header{align-items:stretch;display:flex;gap:10px;justify-content:space-between}.flowchart-mobile-brand-name{color:#111827;flex:1 1;font-size:1.05rem;font-weight:700;line-height:1.2;margin:0;min-width:0}.flowchart-mobile-brand-head-right{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:4px;text-align:right}.flowchart-mobile-indicator-chip{align-items:center;background:#eef2ff;border-radius:999px;color:#4f46e5;display:inline-flex;font-size:.67rem;font-weight:700;height:24px;justify-content:center;letter-spacing:.02em;min-width:44px;padding:0 8px;text-transform:uppercase}.flowchart-mobile-brand-total{color:#111827;font-size:1.5rem;font-weight:700;line-height:1.1}.flowchart-mobile-brand-sparkline{background:#f8f9fb;border-radius:12px;box-sizing:border-box;height:110px;padding:6px 8px 2px;width:100%}.flowchart-mobile-brand-sparkline svg{display:block;height:100%;overflow:visible;width:100%}.flowchart-mobile-brand-weeks{color:#64748b;display:flex;font-size:.74rem;font-weight:600;gap:6px;justify-content:space-between;text-transform:uppercase}.flowchart-mobile-creatives{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 2px 12px #0f172a0f;padding:16px}.flowchart-desktop-brand-creatives{margin:0}.flowchart-desktop-brand-creatives .flowchart-mobile-creatives-list{grid-template-columns:1fr}.flowchart-mobile-creatives-header{align-items:flex-start;display:flex;gap:8px;justify-content:space-between;margin-bottom:12px}.flowchart-mobile-creatives-title{color:#374151;flex:1 1;font-size:1rem;line-height:1.35;margin:0;min-width:0}.flowchart-mobile-creatives-filter{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 2px 8px #0f172a14;color:#111827;cursor:pointer;display:inline-flex;flex-shrink:0;height:36px;justify-content:center;padding:0;width:36px}.flowchart-desktop-media-filter-row{display:flex;justify-content:flex-end;margin:-2px 0 10px}.flowchart-mobile-creatives-filter:focus-visible,.flowchart-mobile-creatives-filter:hover{border-color:#c7d2fe;box-shadow:0 0 0 3px #6366f12e;color:#6c63ff;outline:none}.flowchart-mobile-creatives-list{grid-gap:10px;align-items:start;display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.flowchart-mobile-media-block{grid-gap:6px;align-content:start;display:grid;gap:6px}.flowchart-mobile-group-toggle,.flowchart-mobile-media-toggle{align-items:center;background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;cursor:pointer;display:flex;gap:8px;padding:10px 12px;text-align:left;width:100%}.flowchart-mobile-media-toggle{color:#111827;font-size:.9rem;font-weight:600}.flowchart-mobile-media-toggle.tv{background:#faf5ff}.flowchart-mobile-media-toggle.radio{background:#fdf2f8}.flowchart-mobile-media-toggle.online{background:#fffbeb}.flowchart-mobile-media-toggle.banner{background:#fff7ed}.flowchart-mobile-media-toggle.outdoor{background:#f0fdfa}.flowchart-mobile-media-expand{color:#6b7280;display:inline-flex;transition:transform .2s ease,color .2s ease}.flowchart-mobile-media-expand.expanded{color:#6c63ff;transform:rotate(90deg)}.flowchart-mobile-media-label{flex:1 1;min-width:0}.flowchart-mobile-media-count{color:#6b7280;font-size:.78rem;font-weight:600}.flowchart-mobile-media-body{padding-left:8px}.flowchart-mobile-group-block,.flowchart-mobile-media-body{grid-gap:6px;display:grid;gap:6px}.flowchart-mobile-group-toggle{color:#4b5563;font-size:.84rem;font-weight:600;padding:8px 10px}.flowchart-mobile-group-label{flex:1 1;min-width:0}.flowchart-mobile-group-body{grid-gap:6px;display:grid;gap:6px;padding-left:12px}.flowchart-mobile-creative-item{align-items:stretch;display:flex;gap:8px}.flowchart-mobile-creative-main{background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:3px;min-width:0;padding:9px 10px;text-align:left}.flowchart-mobile-creative-name{color:#111827;font-size:.88rem;font-weight:600;line-height:1.25}.flowchart-mobile-creative-link{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:10px;color:#6c63ff;display:inline-flex;flex-shrink:0;justify-content:center;text-decoration:none;width:36px}.flowchart-mobile-creatives-empty{color:#6b7280;font-size:.9rem;margin:0}.flowchart-filters-modal-overlay{align-items:center;background:#0f172a8c;box-sizing:border-box;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:12000;z-index:var(--app-overlay-z,12000)}.flowchart-filters-modal.flowchart-mobile-creatives-filter-modal{background:#fff;border-radius:16px;box-shadow:0 20px 40px #0f172a40;display:flex;flex-direction:column;max-height:min(560px,calc(100vh - 40px));overflow:hidden;width:min(100%,420px)}.flowchart-mobile-creatives-filter-modal .flowchart-filters-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;gap:12px;justify-content:space-between;padding:14px 16px}.flowchart-mobile-creatives-filter-modal .flowchart-filters-modal-header h3{color:#111827;font-size:1.05rem;font-weight:700;margin:0}.flowchart-mobile-creatives-filter-modal .flowchart-filters-modal-close{align-items:center;background:#0000;border:none;border-radius:8px;color:#111827;cursor:pointer;display:inline-flex;font-size:1rem;height:32px;justify-content:center;width:32px}.flowchart-mobile-creatives-filter-modal .flowchart-filters-modal-close:hover{background:#f3f4f6}.flowchart-mobile-creatives-filter-modal .flowchart-filters-modal-scroll{display:block;flex:1 1;min-height:0;overflow-y:auto;padding:12px 16px}.flowchart-mobile-creatives-filter-modal .flowchart-filters-modal-actions{background:#fff;border-top:1px solid #e5e7eb;display:flex;gap:8px;padding:12px 16px}.flowchart-mobile-creatives-filter-modal .flowchart-filters-apply{background:#6c63ff;border:none;border-radius:10px;box-shadow:0 4px 14px #6c63ff59;color:#fff;cursor:pointer;display:block;font-size:.95rem;font-weight:600;padding:11px 16px;width:100%}.flowchart-mobile-creatives-filter-modal .flowchart-filters-apply:hover{background:#5b52e8}.flowchart-mobile-creatives-filter-option{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;color:#111827;cursor:pointer;display:flex;font-size:.92rem;gap:10px;margin-bottom:8px;padding:10px 12px}.flowchart-mobile-creatives-filter-option input{accent-color:#6c63ff;flex-shrink:0;height:18px;width:18px}}.help-page{background:#f8f9fb;min-height:100vh;padding:12px}.help-hero,.help-page{align-items:center;display:flex;flex-direction:column}.help-hero{gap:12px;margin-bottom:36px}.help-hero-icon{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);border-radius:50%;box-shadow:0 4px 24px #6c63ff1a;color:#6c63ff;padding:12px}.help-hero h1{color:#23244a;font-size:2.2rem;font-weight:800;letter-spacing:.01em;margin:0}.help-hero-desc{color:#5146d6;font-size:1.1rem;margin:0;text-align:center}.help-content{background:#fff;border-radius:20px;box-shadow:0 4px 32px #2c3e501a;display:flex;flex-direction:column;gap:40px;max-width:700px;padding:36px 32px}.help-contact h2,.help-faq h2{color:#5146d6;font-size:1.25rem;font-weight:700;margin-bottom:20px}.faq-list{display:flex;flex-direction:column;gap:24px}.faq-item{background:linear-gradient(90deg,#f3f4f6,#e0e7ff);border-radius:14px;box-shadow:0 2px 12px #6c63ff0f;padding:18px 22px;transition:box-shadow .2s}.faq-item:hover{box-shadow:0 6px 24px #6c63ff21}.faq-q{color:#23244a;font-size:1.08rem;font-weight:600;margin-bottom:6px}.faq-a{color:#374151;font-size:1rem}.help-contact .contact-card{align-items:flex-start;background:linear-gradient(90deg,#e0e7ff,#f0fdf4);border-radius:14px;box-shadow:0 2px 12px #22c55e14;display:flex;flex-direction:column;gap:18px;padding:24px 22px}.contact-card p{color:#374151;font-size:1rem;margin:0}.contact-btn{background:linear-gradient(90deg,#6c63ff,#22c55e);border:none;border-radius:10px;box-shadow:0 2px 12px #2c3e501a;color:#fff;display:inline-block;font-size:1.08rem;font-weight:700;margin-top:8px;padding:12px 28px;text-decoration:none;transition:background .2s,box-shadow .2s}.contact-btn:hover{background:linear-gradient(90deg,#5146d6,#16a34a);box-shadow:0 6px 24px #2c3e5026}@media (max-width:768px){.help-page{padding-bottom:16px;padding-top:12px}.help-hero{gap:8px;margin-bottom:20px}.help-hero-icon{padding:8px}.help-hero-icon svg{height:36px;width:36px}.help-hero h1{font-size:1.35rem}.help-hero-desc{font-size:.875rem;line-height:1.45}.help-content{border-radius:16px;gap:24px;padding:18px 16px}.help-contact h2,.help-faq h2{font-size:1.05rem;margin-bottom:12px}.faq-list{gap:12px}.faq-item{border-radius:12px;padding:12px 14px}.faq-q{font-size:.9rem;margin-bottom:4px}.faq-a{font-size:.85rem;line-height:1.45}.help-contact .contact-card{gap:12px;padding:14px 16px}.contact-card p{font-size:.875rem;line-height:1.45}.contact-btn{font-size:.9rem;padding:10px 20px}}.ai-chat-shell{grid-gap:8px;box-sizing:border-box;display:grid;gap:8px;grid-template-columns:minmax(0,1fr) minmax(0,332px);height:100%;max-height:100%;max-width:100%;min-height:0;min-width:0;overflow:hidden;padding:10px 6px 8px;position:relative;width:100%}.ai-chat-shell.projects-collapsed{gap:0;grid-template-columns:minmax(0,1fr)}.ai-chat-main{box-sizing:border-box;display:flex;flex-direction:column;height:100%;max-width:100%;min-height:0;min-width:0;overflow:hidden;width:100%}.ai-chat-main__header{align-items:center;display:flex;flex-shrink:0;gap:8px;justify-content:space-between;margin-bottom:6px}.ai-chat-main__brand{align-items:center;display:inline-flex;gap:8px;min-width:0}.ai-mobile-projects-trigger{align-items:center;background:#0000;border:0;color:#3a3dff;cursor:pointer;display:none;height:24px;justify-content:center;padding:0;width:24px}.ai-chat-main__title{font-size:.95rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase}.ai-chat-main__subtitle{color:var(--ui-color-text-secondary);font-size:.86rem}.ai-export-button{align-items:center;background:#fff;border:1px solid #3939ff33;border-radius:999px;color:var(--ui-color-text);cursor:pointer;display:inline-flex;font-size:.8rem;font-weight:600;gap:6px;padding:6px 10px}.ai-chat-main__body{flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;padding:8px 6px}.ai-welcome{grid-gap:12px;align-content:center;display:grid;gap:12px;min-height:100%;padding:16px;place-items:center;text-align:center}.ai-welcome h1{-webkit-text-fill-color:#0000;background:linear-gradient(100deg,var(--ui-color-accent),var(--ui-color-sky) 70%,var(--ui-color-accent-alt));-webkit-background-clip:text;background-clip:text;font-size:clamp(1.5rem,2.2vw,2.1rem);margin:0}.ai-welcome__subtitle{color:var(--ui-color-text-secondary);font-size:.96rem;line-height:1.55;margin:0;max-width:440px}.ai-welcome__suggestions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:8px;max-width:540px}.ai-welcome__suggestion{background:#ffffffd1;border:1px solid #3939ff2e;border-radius:999px;color:#2f2ad9;cursor:pointer;font:600 .83rem/1.2 var(--ui-font-primary);padding:9px 15px;transition:background .18s ease,transform .18s ease,box-shadow .18s ease}.ai-welcome__suggestion:hover{background:#3939ff14;box-shadow:0 8px 18px #3939ff29;transform:translateY(-1px)}.octopus-mascot{height:200px;width:200px}.octopus-mascot--small{flex:0 0 auto;height:40px;width:40px}.octopus-mascot__eye-lid{animation:octopus-blink 3.8s infinite;animation-timing-function:ease-in-out;transform-box:fill-box;transform-origin:center}.octopus-mascot__eye-lid--right{animation-delay:.04s}@keyframes octopus-blink{0%,42%,44%,to{transform:scaleY(1)}43%{transform:scaleY(.08)}}.ai-thread{display:flex;flex-direction:column;gap:16px;padding:6px 2px 10px}.ai-thread__row{align-items:flex-start;animation:ai-message-in .26s ease both;display:flex;gap:9px;max-width:100%}.ai-thread__row--user{justify-content:flex-end}@keyframes ai-message-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.ai-thread__avatar{background:linear-gradient(145deg,var(--ui-color-accent),var(--ui-color-sky));border-radius:50%;box-shadow:0 3px 9px #3939ff38;color:#fff;display:inline-grid;flex:0 0 auto;height:30px;margin-top:2px;place-items:center;width:30px}.ai-thread__avatar svg{height:15px;width:15px}.ai-thread__content{align-items:flex-start;display:flex;flex-direction:column;gap:4px;max-width:min(82%,660px);min-width:0}.ai-thread__content--user{align-items:flex-end}.ai-thread__message{border-radius:16px;max-width:100%;padding:10px 14px;width:fit-content}.ai-thread__copy-button{align-items:center;background:#0000;border:0;border-radius:6px;color:#1815358c;cursor:pointer;display:inline-flex;font:500 .75rem/1.2 var(--ui-font-primary);gap:5px;padding:2px 4px;transition:color .16s ease,background .16s ease}.ai-thread__copy-button:hover{background:#3939ff14;color:#2f2ad9}.ai-thread__copy-button.is-copied{color:#1f9d55}.ai-thread__message p{font-size:.92rem;line-height:1.5;margin:0;white-space:pre-wrap}.ai-thread__row--assistant .ai-thread__message,.ai-thread__row--thinking .ai-thread__message{background:#fff;border:1px solid #3939ff1f;border-top-left-radius:6px;color:var(--ui-color-text)}.ai-thread__row--user .ai-thread__message{background:var(--ui-color-accent);border-top-right-radius:6px;color:#fff}.ai-thread__links{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.ai-thread__link{align-items:center;background:#3939ff0d;border:1px solid #3939ff38;border-radius:999px;color:#2f2ad9;display:inline-flex;font-size:.77rem;font-weight:600;padding:5px 11px;text-decoration:none;transition:background .18s ease,transform .18s ease}.ai-thread__link:hover{background:#3939ff1f;transform:translateY(-1px)}.ai-thread__row--thinking .ai-thread__message{color:var(--ui-color-text-secondary)}.ai-thread__typing{align-items:center;display:inline-flex;gap:5px;min-height:20px;padding:2px 0}.ai-thread__typing span{animation:ai-typing-pulse 1.2s ease-in-out infinite;background:#3939ff8c;border-radius:50%;height:7px;width:7px}.ai-thread__typing span:nth-child(2){animation-delay:.15s}.ai-thread__typing span:nth-child(3){animation-delay:.3s}@keyframes ai-typing-pulse{0%,80%,to{opacity:.35;transform:scale(.85)}40%{opacity:1;transform:scale(1)}}.ai-thread__anchor{flex-shrink:0;height:1px;width:100%}.ai-chat-composer{flex-shrink:0;margin-top:8px;padding:0}.ai-chat-composer,.ai-chat-composer__input-row{box-sizing:border-box;max-width:100%;width:100%}.ai-chat-composer__input-row{align-items:flex-end;background:#fff;border:1px solid #3939ff38;border-radius:18px;box-shadow:0 2px 10px #1815350d;display:flex;gap:8px;min-height:54px;padding:10px 8px 10px 16px;transition:border-color .18s ease,box-shadow .18s ease}.ai-chat-composer__input-row:focus-within{border-color:#3939ff8c;box-shadow:0 0 0 3px #3939ff1f}.ai-chat-composer__input-row textarea{background:#0000;border:0;border-radius:0;box-shadow:none;box-sizing:border-box;flex:1 1 auto;font-family:var(--ui-font-primary);font-size:1rem;line-height:1.45;max-height:170px;min-height:22px;min-width:0;overflow-y:auto;padding:4px 0;resize:none;width:100%}.ai-chat-composer__input-row textarea::placeholder{color:#1815356b}.ai-chat-composer__input-row textarea:focus{outline:none}.ai-send-button{background:linear-gradient(120deg,#22cbff,#3939ff 60%,#3529a9);border:0;border-radius:999px;box-shadow:0 6px 14px #3939ff47;cursor:pointer;display:inline-grid;flex:0 0 auto;height:34px;place-items:center;transition:transform .16s ease,filter .16s ease,box-shadow .16s ease;width:34px}.ai-send-button:not(:disabled):hover{box-shadow:0 8px 18px #3939ff57;filter:brightness(1.06);transform:translateY(-1px)}.ai-send-button:not(:disabled):active{transform:translateY(0)}.ai-send-button:disabled{box-shadow:none;cursor:default;opacity:.5}.ai-send-button svg{stroke-width:3.25;color:#fff}.ai-chat-main__hint{color:#181535a8;font-size:.86rem;margin:8px 0 0;text-align:center}.ai-chat-composer__search-types{box-sizing:border-box;display:flex;flex-wrap:wrap;gap:8px;margin-top:8px;max-width:100%;width:100%}.ai-chat-composer__search-types .ui-pill{background:#fff;border:1px solid #3939ff2e;border-radius:999px;font-size:.74rem;padding:5px 11px;transition:background .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease}.ai-chat-composer__search-types .ui-pill:hover{background:#3939ff14;border-color:#3939ff52}.ai-chat-composer__search-types .ui-pill.active,.ai-chat-composer__search-types .ui-pill.active:hover{background:linear-gradient(105deg,var(--ui-color-sky) 0,var(--ui-color-accent) 100%);border:0;color:#fff;padding:6px 12px}.ai-chat-projects{background-color:#3939ff12;background-image:radial-gradient(circle at 25% 18%,#22cbff57,#0000 42%),radial-gradient(circle at 82% 22%,#3939ff47,#0000 44%),radial-gradient(circle at 72% 74%,#ff5b2229,#0000 48%);border-radius:18px;box-sizing:border-box;display:flex;flex-direction:column;height:100%;max-height:100%;min-height:0;min-width:0;overflow:hidden;padding:10px}.ai-mobile-projects-backdrop{display:none}.ai-chat-projects.collapsed{background:#0000;padding:0}.ai-chat-projects.collapsed .ai-chat-projects__content,.ai-chat-projects.collapsed .ai-chat-projects__header-main{display:none}.ai-chat-projects__header{align-items:center;display:flex;flex-shrink:0;gap:8px;justify-content:flex-end;min-height:28px;position:relative}.ai-mobile-projects-close{align-items:center;background:#0000;border:0;color:#2e2be0;cursor:pointer;display:none;height:24px;justify-content:center;padding:0;width:24px}.ai-chat-projects__header-main{align-items:center;display:inline-flex;gap:8px;justify-content:flex-end;margin-left:auto;text-align:right}.ai-chat-projects__header h2{font-size:.95rem;margin:0}.ai-add-small-button{background:linear-gradient(110deg,#22cbff4d,#3939ff3d,#ff5b222e);border:0 solid #3939ff29;border-radius:999px;color:#fff;cursor:pointer;display:inline-grid;height:24px;padding:0;place-items:center;width:24px}.ai-add-small-button svg{stroke-width:4}.ai-collapse-projects-button{background:#0000;border:0;border-radius:0;color:#3a3dff;cursor:pointer;display:inline-grid;height:28px;left:0;padding:0;place-items:center;position:absolute;top:50%;transform:translateY(-50%);width:28px}.ai-collapse-projects-button svg{stroke-width:2.55;height:17px;transition:transform .2s ease,opacity .2s ease;width:17px}.ai-collapse-projects-button.collapsed svg{opacity:.86;transform:rotate(180deg)}.ai-chat-projects__content{align-content:flex-start;align-items:stretch;display:flex;flex:1 1 auto;flex-direction:column;gap:10px;margin-top:8px;min-height:0;min-width:0;overflow-x:hidden;overflow-y:auto}.ai-project-folder{align-self:stretch;background:#ffffffb3;border-radius:12px;box-sizing:border-box;flex:0 0 auto;max-width:100%;min-width:0;padding:9px;position:relative;transition:transform .22s ease,box-shadow .22s ease;width:100%}.ai-project-folder.is-pinned{box-shadow:0 8px 20px #3939ff24}.ai-project-folder__head{align-items:center;display:flex;gap:8px;justify-content:space-between;min-width:0}.ai-project-folder h3,.ai-project-title-input{color:var(--ui-color-text-secondary);display:block;flex:1 1 auto;font-size:.86rem;margin:0;min-width:0}.ai-project-folder h3{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ai-project-folder__actions{align-items:center;display:inline-flex;flex:0 0 auto;gap:6px;position:relative}.ai-project-action-button{background:#0000;border:0;border-radius:0;color:#3a3dff;cursor:pointer;display:inline-grid;height:22px;padding:0;place-items:center;width:22px}.ai-project-action-button--chevron{color:#1815358c;height:20px;width:20px}.ai-project-action-button--chevron svg{stroke-width:2.25}.ai-project-folder__chats{grid-gap:6px;display:grid;gap:6px;margin-top:6px;min-width:0}.ai-project-folder__chats.is-collapsed{display:none}.ai-project-chat,.ai-project-chat-input{background:#0000;border:0;border-radius:12px;box-sizing:border-box;font-family:var(--ui-font-primary);font-size:.83rem;padding:7px 9px;text-align:left;width:100%}.ai-project-chat{align-items:center;display:flex;font-weight:600;gap:8px;justify-content:space-between;min-width:0;position:relative}.ai-project-chat.active{background:linear-gradient(100deg,#22cbff2b,#3939ff21,#a9a9f32e);color:#213a8f}.ai-project-chat__main{background:#0000;border:0;color:inherit;cursor:pointer;flex:1 1 auto;font:inherit;margin:0;min-width:0;padding:0;text-align:left}.ai-project-chat__title{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ai-project-chat-menu-button{background:#0000;border:0;color:inherit;cursor:pointer;display:inline-grid;flex:0 0 auto;height:18px;opacity:.7;padding:0;place-items:center;width:18px}.ai-context-menu{background:#fff;border:1px solid #3939ff29;border-radius:10px;box-shadow:0 12px 30px #18153529;min-width:128px;overflow:hidden;position:absolute;right:0;top:calc(100% + 4px);z-index:20}.ai-context-menu button{background:#0000;border:0;color:#232950;cursor:pointer;font:500 .79rem/1.2 var(--ui-font-primary);padding:8px 10px;text-align:left;width:100%}.ai-context-menu button:hover{background:#3939ff14}.ai-context-menu--chat{right:2px;top:calc(100% + 2px)}.ai-project-chat-input{background:#fff;border:1px solid #3939ff4d}.ai-chat-projects.collapsed .ai-collapse-projects-button{position:static;transform:none}@media (min-width:769px){.ai-chat-shell.projects-collapsed .ai-chat-projects{height:28px;pointer-events:auto;position:absolute;right:6px;top:10px;width:28px;z-index:6}.ai-chat-shell.projects-collapsed .ai-chat-main{padding-right:34px}}.ai-scroll-area{scrollbar-color:#3939ff94 #0000;scrollbar-width:thin}.ai-scroll-area::-webkit-scrollbar{height:0;width:8px}.ai-scroll-area::-webkit-scrollbar-track{background:#0000}.ai-scroll-area::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#22cbffb8,#3939ffad,#ff5b228c);border-radius:999px}@media (max-width:992px){.ai-chat-shell,.ai-chat-shell.projects-collapsed{grid-template-columns:1fr}.ai-chat-projects{height:auto;max-height:min(420px,50vh)}}@media (max-width:768px){.ai-chat-shell{flex-direction:column;gap:8px;height:100%;max-height:100%;padding:6px 0;position:relative}.ai-chat-main,.ai-chat-shell{display:flex;min-height:0;overflow:hidden}.ai-chat-main{flex:1 1 auto;flex-direction:column;height:auto}.ai-chat-main__header{padding:0 8px}.ai-mobile-projects-trigger{display:inline-flex;flex:0 0 auto}.ai-mobile-projects-trigger svg{stroke-width:2.35;height:15px;width:15px}.ai-chat-main__subtitle{display:none}.ai-export-button{font-size:.74rem;padding:4px 9px}.ai-chat-main__body{-webkit-overflow-scrolling:touch;flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;padding:6px 8px}.ai-chat-composer{flex-shrink:0;padding:0;width:100%}.ai-mobile-projects-backdrop{background:#fff;display:block;inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .24s ease;z-index:34}.ai-mobile-projects-backdrop.is-open{opacity:1;pointer-events:auto}.ai-chat-projects{background:#fff;border-radius:0;box-shadow:none;height:100%;inset:0;max-height:100%;opacity:0;pointer-events:none;position:absolute;transform:translateX(106%);transition:transform .28s ease,opacity .2s ease;width:100%;z-index:40}.ai-chat-projects.mobile-open{opacity:1;pointer-events:auto;transform:translateX(0)}.ai-collapse-projects-button{display:none}.ai-mobile-projects-close{display:inline-flex;left:0;position:absolute;top:50%;transform:translateY(-50%)}.ai-chat-projects__header-main{margin-left:auto}.ai-chat-composer__search-types{flex-wrap:nowrap;overflow-x:auto;white-space:nowrap}.ai-chat-composer__search-types .ui-pill{flex:0 0 auto}}.ai-thread__brand-choices{display:flex;flex-direction:column;gap:10px;margin-top:14px}.ai-thread__brand-hint{font-size:14px;font-weight:600;opacity:.85}.ai-thread__brand-chips{display:flex;flex-wrap:wrap;gap:12px}.ai-thread__brand-chip{background:#fff;border:1px solid #18153524;border-radius:12px;color:#1c1a33;color:var(--ui-color-text,#1c1a33);cursor:pointer;flex:1 1 180px;font-size:15px;font-weight:500;min-height:52px;min-width:160px;padding:14px 20px;transition:border-color .15s ease,background .15s ease,color .15s ease}.ai-thread__brand-chip:hover:not(:disabled){background:#7c3aed0d;border-color:#7c3aed;border-color:var(--ai-accent,#7c3aed);color:#7c3aed;color:var(--ai-accent,#7c3aed)}.ai-thread__brand-chip:disabled{cursor:default;opacity:.5}.ai-thread__brand-group{display:flex;flex-direction:column;gap:8px}.ai-thread__brand-chip--active,.ai-thread__brand-chip--active:disabled{background:#7c3aed1f;border-color:#7c3aed;border-color:var(--ai-accent,#7c3aed);color:#7c3aed;color:var(--ai-accent,#7c3aed);font-weight:600;opacity:1}.ai-thread__brand-apply{align-self:flex-start;background:#7c3aed;background:var(--ai-accent,#7c3aed);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;margin-top:4px;padding:12px 22px;transition:opacity .15s ease,transform .15s ease}.ai-thread__brand-apply:hover:not(:disabled){transform:translateY(-1px)}.ai-thread__brand-apply:disabled{cursor:default;opacity:.45}.ai-thread__typing-wrap{align-items:center;display:flex;gap:10px}.ai-thread__typing-phrase{animation:ai-typing-phrase-in .35s ease;font-size:13px;font-style:italic;opacity:.75;white-space:nowrap}@keyframes ai-typing-phrase-in{0%{opacity:0;transform:translateY(3px)}to{opacity:.75;transform:translateY(0)}}.ai-thread__link-cards{display:flex;flex-direction:column;gap:10px;margin-top:12px}.ai-thread__link-card{--card-accent:#7c3aed;align-items:center;background:#fff;border:1px solid #1815351a;border-radius:14px;box-sizing:border-box;color:#1c1a33;color:var(--ui-color-text,#1c1a33);display:flex;gap:11px;padding:12px 14px;text-decoration:none;transition:transform .14s ease,box-shadow .18s ease,border-color .18s ease;width:100%}.ai-thread__link-card:hover{border-color:var(--card-accent);box-shadow:0 10px 22px #1815351a;transform:translateY(-2px)}.ai-thread__link-card--analytics{--card-accent:#6366f1}.ai-thread__link-card--monitoring{--card-accent:#0ea5e9}.ai-thread__link-card--summary{--card-accent:#10b981}.ai-thread__link-card--flowchart{--card-accent:#f59e0b}.ai-thread__link-icon{background:color-mix(in srgb,var(--card-accent) 12%,#fff);border-radius:10px;color:var(--card-accent);display:grid;flex:0 0 auto;height:34px;place-items:center;width:34px}.ai-thread__link-body{display:flex;flex-direction:column;gap:2px;min-width:0}.ai-thread__link-title{font-size:14px;font-weight:600;line-height:1.2}.ai-thread__link-reason{color:#6b7280;color:var(--ui-color-text-secondary,#6b7280);font-size:11.5px;line-height:1.35}.ai-thread__link-arrow{color:#1815354d;flex:0 0 auto;margin-left:auto;transition:color .15s ease,transform .15s ease}.ai-thread__link-card:hover .ai-thread__link-arrow{color:var(--card-accent);transform:translate(1px,-1px)}.profile-page{--profile-max-width:1100px;background:#f8f9fb;min-height:100vh;padding:12px}.profile-page .profile-card-full,.profile-page .profile-content-section,.profile-page .profile-error,.profile-page .profile-loading,.profile-page .profile-logout-btn,.profile-page .profile-password-section{box-sizing:border-box}.profile-card-full{align-items:center;background:#fff;border:1.5px solid #ececec;border-radius:16px;box-shadow:0 2px 16px #2c3e5014;display:flex;gap:20px;margin:0 auto 16px;max-width:var(--profile-max-width);padding:24px;width:100%}.profile-avatar-xxl{align-items:center;background:#f5f4fa;border:1px solid #ececec;border-radius:50%;display:flex;flex-shrink:0;justify-content:center;padding:16px}.profile-main-info{display:flex;flex:1 1;flex-direction:column;gap:8px}.profile-fullname{color:#23244a;font-size:1.5rem;font-weight:600;margin:0;text-align:left}.profile-email{color:#6b7280;font-size:.9rem;font-weight:400;margin:0;text-align:left}.profile-role{align-self:flex-start;background:#ede9fe;border:1px solid #ececec;border-radius:8px;color:#6c63ff;font-size:.75rem;font-weight:700;letter-spacing:.5px;margin-top:4px;padding:6px 12px;text-align:center;text-transform:uppercase}.profile-input{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;font-size:.9rem;font-weight:400;margin-bottom:6px;padding:10px 12px;transition:border-color .2s ease;width:100%}.profile-input:focus{border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f6;outline:none}.profile-edit-btn{align-items:center;background:#475569;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:6px;margin-top:6px;padding:8px 16px;transition:background-color .2s ease}.profile-edit-btn:hover{background:#64748b}.profile-edit-actions{display:flex;gap:8px;margin-top:6px;width:100%}.profile-cancel-btn,.profile-save-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;flex:1 1;font-size:.85rem;font-weight:500;gap:4px;justify-content:center;padding:8px 12px;transition:background-color .2s ease}.profile-save-btn{background:#6c63ff;color:#fff}.profile-save-btn:hover:not(:disabled){background:#5146d6}.profile-save-btn:disabled{cursor:not-allowed;opacity:.5}.profile-cancel-btn{background:#f3f4f6;border:1px solid #d1d5db;color:#374151}.profile-cancel-btn:hover:not(:disabled){background:#e5e7eb}.profile-cancel-btn:disabled{cursor:not-allowed;opacity:.5}.profile-loading{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;gap:12px;padding:32px}.loading-spinner{animation:spin 1s linear infinite;border:2px solid #e5e7eb;border-radius:50%;border-top-color:#6c63ff;height:32px;width:32px}.profile-loading p{color:#6b7280;font-size:.9rem;font-weight:400;margin:0}.profile-error{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;gap:12px;padding:32px;text-align:center}.profile-error p{color:#dc2626;font-size:.9rem;font-weight:400;margin:0}.profile-retry-btn{background:#6c63ff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:10px 16px;transition:background-color .2s ease}.profile-retry-btn:hover{background:#5146d6}.profile-error-message{background:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#dc2626;font-size:.8rem;font-weight:400;margin-top:6px;padding:8px 12px;text-align:center}.profile-password-section{background:#0000;border:none;border-radius:0;box-shadow:none;margin:0 auto 8px;max-width:var(--profile-max-width);padding:0;width:100%}.profile-password-title{align-items:center;border-bottom:2px solid #6c63ff;color:#23244a;display:flex;font-size:1.05rem;font-weight:700;gap:10px;margin:0 0 16px;padding-bottom:8px}.profile-password-form{display:flex;flex-direction:column;gap:12px;margin-top:16px}.password-input-group{display:flex;flex-direction:column;gap:4px}.password-input-group label{color:#23244a;font-size:.9rem;font-weight:600}.password-input-wrapper{align-items:center;display:flex;position:relative}.password-input-wrapper input{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;font-size:.9rem;padding:12px 40px 12px 14px;transition:border-color .2s ease;width:100%}.password-input-wrapper input:focus{border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f6;outline:none}.password-toggle-btn{background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;padding:2px;position:absolute;right:8px;transition:color .2s ease}.password-toggle-btn:hover{color:#374151}.password-error-message{background:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#dc2626;font-size:.8rem;font-weight:400;padding:8px 12px;text-align:center}.password-actions{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-top:10px}.password-cancel-btn,.password-save-btn{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:.9rem;font-weight:600;padding:12px 14px;transition:background-color .2s ease,box-shadow .2s ease}.password-save-btn{background:#6c63ff;color:#fff}.password-save-btn:hover:not(:disabled){background:#5146d6;box-shadow:0 6px 16px #6c63ff40}.password-save-btn:disabled{cursor:not-allowed;opacity:.5}.password-cancel-btn{background:#f3f4f6;border:1px solid #d1d5db;color:#374151}.password-cancel-btn:hover:not(:disabled){background:#e5e7eb;box-shadow:0 4px 12px #0000000f}.password-cancel-btn:disabled{cursor:not-allowed;opacity:.5}.profile-logout-btn{align-items:center;background:#dc2626;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:6px;justify-content:center;margin:16px auto 0;max-width:var(--profile-max-width);padding:10px 16px;transition:background-color .2s ease;width:100%}.profile-logout-btn:hover{background:#b91c1c}.profile-content-section{background:#fff;border:1.5px solid #ececec;border-radius:16px;box-shadow:0 2px 16px #2c3e5014;margin:0 auto 16px;max-width:var(--profile-max-width);overflow:hidden;padding:0;width:100%}.profile-tabs{border-bottom:1px solid #e2e8f0;display:flex}.profile-tab{background:none;border:none;color:#64748b;cursor:pointer;flex:1 1;font-size:.9rem;font-weight:500;padding:16px 20px;position:relative;transition:all .2s ease}.profile-tab.active{color:#1e293b;font-weight:600}.profile-tab.active:after{background:#6c63ff;bottom:0;content:"";height:2px;left:0;position:absolute;right:0}.profile-tab:hover:not(.active){background:#f8fafc;color:#374151}.profile-tab-content{padding:24px}.profile-info-list{border-top:1px solid #f1f5f9;display:flex;flex-direction:column;gap:0}.profile-info-item{align-items:center;border-bottom:1px solid #f1f5f9;display:grid;grid-template-columns:240px 1fr;min-height:48px;padding:14px 0}.profile-info-item:last-child{border-bottom:none}.profile-info-label{color:#64748b;font-size:.9rem;font-weight:400}.profile-info-value{color:#1e293b;font-size:.95rem;font-weight:600}.profile-edit-profile-btn{background:#6c63ff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;margin-top:16px;padding:10px 20px;transition:background-color .2s ease;width:100%}.profile-edit-profile-btn:hover{background:#5146d6}.profile-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.profile-modal{background:#fff;border:1.5px solid #ececec;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:500px;overflow:hidden;width:100%}.profile-modal-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:20px 24px}.profile-modal-header h3{color:#1e293b;font-size:1.1rem;font-weight:600;margin:0}.profile-modal-close{background:none;border:none;border-radius:4px;color:#64748b;cursor:pointer;padding:4px;transition:color .2s ease}.profile-modal-close:hover{color:#374151}.profile-modal-content{padding:24px}.profile-input-group{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.profile-input-group label{color:#374151;font-size:.85rem;font-weight:500}.profile-modal-actions{background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;gap:12px;padding:20px 24px}.profile-modal-actions .profile-cancel-btn,.profile-modal-actions .profile-save-btn{flex:1 1;font-size:.9rem;padding:12px 16px}.profile-error,.profile-loading{margin:0 auto;max-width:var(--profile-max-width);width:100%}.dashboard-main.collapsed .profile-card-full,.dashboard-main.collapsed .profile-content-section,.dashboard-main.collapsed .profile-error,.dashboard-main.collapsed .profile-loading,.dashboard-main.collapsed .profile-logout-btn,.dashboard-main.collapsed .profile-password-section{margin-left:auto;margin-right:auto}@media (max-width:600px){.profile-page{padding:16px}.profile-card-full{flex-direction:column;max-width:100%;padding:20px 16px;text-align:center}.profile-avatar-xxl{padding:12px}.profile-fullname{font-size:1.3rem;text-align:center}.profile-email{text-align:center}.profile-role{align-self:center}.profile-content-section{padding:0}.profile-tab{font-size:.8rem;padding:12px 16px}.profile-tab-content{padding:20px}.profile-info-item{grid-gap:6px;align-items:start;display:grid;gap:6px;grid-template-columns:1fr}.profile-info-label{font-size:.85rem}.profile-info-value{font-size:.9rem;font-weight:600}.password-actions,.profile-edit-actions{flex-direction:column}}.users-toolbar{align-items:flex-end;background:#fff;border:1px solid #e5e7eb;border-radius:12px;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px;padding:12px}.users-search{flex:1 1}.input-with-icon,.users-search{align-items:center;display:flex;gap:8px}.input-with-icon{background:#f8f9fb;border:1px solid #e5e7eb;border-radius:8px;flex:0 0 280px;padding:6px 10px}.users-input{background:#0000;border:none;outline:none;width:100%}.users-filters{display:flex;gap:12px;margin-left:auto}.filter-item label{color:#8d90a5;display:block;font-size:12px;margin:0 0 4px 6px}.pill-select{appearance:none;background:#fff;border:1px solid #e5e7eb;border-radius:999px;padding:8px 12px}.pill-select.small{padding:6px 10px}.users-table .user-cell{align-items:center;display:flex;gap:10px}.users-table .avatar{align-items:center;background:#cd82ff;border-radius:50%;color:#fff;display:flex;font-weight:700;height:34px;justify-content:center;width:34px}.users-table .user-meta .name{color:#232323;font-weight:600}.users-table .user-meta .email{color:#8d90a5;font-size:12px}.badge{border-radius:999px;display:inline-block;font-size:12px;font-weight:700;padding:4px 10px;text-transform:uppercase}.badge.role.admin{background:#27045e;color:#fff}.badge.role.employee{background:#a57cff;color:#fff}.badge.role.client{background:#dcffae;color:#232323}.badge.status.pending{background:#ffc700;color:#232323}.badge.status.approved{background:#83e674;color:#232323}.badge.status.rejected{background:#d91543;color:#fff}.users-skeleton{padding:12px}.skeleton-row{animation:skeleton 1.2s infinite;background:linear-gradient(90deg,#f3f4f6,#eceff3,#f3f4f6);background-size:200% 100%;border-radius:8px;height:42px;margin:6px 12px}@keyframes skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}.users-filter-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 20px #2c3e5014;display:flex;flex-direction:column;gap:16px;margin-bottom:16px;padding:16px 20px}.users-filter-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.users-filter-titles{display:flex;flex-direction:column;gap:4px}.users-filter-title{color:#1f2937;font-size:16px;font-weight:700}.users-filter-subtitle{color:#6b7280;font-size:13px}.users-reset-btn{align-items:center;background:#f8f9fb;border:1px solid #e5e7eb;border-radius:10px;color:#4b5563;cursor:pointer;display:inline-flex;gap:8px;padding:8px 12px;transition:all .2s ease}.users-reset-btn:hover{background:#f0f4ff;border-color:#c0aaf9;color:#27045e}.users-filter-grid{grid-gap:14px;align-items:end;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.filter-group{display:flex;flex-direction:column;gap:6px}.filter-group.full-width{grid-column:span 2}@media (max-width:900px){.filter-group.full-width{grid-column:span 1}}.filter-label{color:#8d90a5;font-size:12px;margin-left:2px}.users-input-control{background:#0000;border:none;color:#232323;font-size:14px;outline:none;width:100%}.settings-modal .users-input-control{background:#fff;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;padding:8px 10px;transition:border-color .2s ease,box-shadow .2s ease}.settings-modal .users-input-control:focus{border-color:#c0aaf9;box-shadow:0 0 0 3px #c0aaf940;outline:none}.settings-modal textarea.users-input-control{font-family:inherit;min-height:60px;padding:8px 10px;resize:vertical}.input-icon{align-items:center;background:#f8f9fb;border:1px solid #e5e7eb;border-radius:10px;display:flex;gap:8px;padding:10px 12px;transition:border-color .2s ease,box-shadow .2s ease}.input-icon:focus-within{background:#fff;border-color:#c0aaf9;box-shadow:0 0 0 3px #c0aaf940}.input-clear{background:#0000;border:none;border-radius:6px;color:#9ca3af;cursor:pointer;padding:4px;transition:background .2s ease,color .2s ease}.input-clear:hover{background:#f3f4f6;color:#4b5563}.users-select .filter-select{min-width:100%;width:100%}.reset-button{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#8d90a5;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.reset-button:hover{background:#f8f9fb;border-color:#c0aaf9;color:#27045e}.monitoring-table tbody tr.pending-user{background:#ffc7001a!important}.monitoring-table tbody tr.pending-user:hover{background:#ffc70026!important}.users-table tbody tr.pending-user{background:#ffc7001a!important}.users-table tbody tr.pending-user:hover{background:#ffc70026!important}.monitoring-table-wrapper-users{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 2px 16px #2c3e5014;display:flex;flex:1 1 auto;flex-direction:column;margin-bottom:24px;max-width:100%;min-height:0;overflow:hidden;width:100%}.monitoring-table-wrapper-users .monitoring-table tbody tr.pending-user:hover,.monitoring-table-wrapper-users .monitoring-table tbody tr:hover.pending-user{background:#ffc70026!important}.monitoring-table-wrapper-users .users-table tbody tr.pending-user td{background:#ffc7001a!important}.monitoring-table-wrapper-users .users-table tbody tr.pending-user:hover td{background:#ffc70026!important}.monitoring-table-wrapper-users .users-table tbody tr.pending-user select.filter-select{background-color:#ffc70033!important;border-color:#ffe27bc9!important}.monitoring-table-wrapper-users .users-table tbody tr.pending-user select.filter-select:focus{background-color:#ffc70040!important;border-color:#ffe27bc9!important;box-shadow:0 0 0 3px #ffc70040!important}.monitoring-table-wrapper-users .monitoring-table tbody tr.pending-user{background:#ffc7001a!important}.monitoring-table-wrapper-users .monitoring-table tbody tr.pending-user:hover{background:#ffc70026!important}.settings-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;cursor:pointer;display:inline-flex;justify-content:center;padding:6px;transition:all .2s ease}.settings-btn:hover{background:#f0f4ff;border-color:#6c63ff;color:#6c63ff}.settings-btn-configured{background:#f0f4ff!important;border-color:#6c63ff!important;color:#6c63ff!important}.settings-indicator{animation:pulse 2s ease-in-out infinite;color:#6c63ff;display:inline-block;font-size:8px;line-height:1}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.settings-modal-overlay{align-items:center;animation:fadeIn .2s ease;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.settings-modal{animation:slideUp .3s ease;background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column;max-height:90vh;max-width:800px;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.settings-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.settings-modal-header h2{color:#1f2937;font-size:18px;font-weight:600;margin:0}.settings-modal-close{background:#0000;border:none;border-radius:6px;color:#6b7280;cursor:pointer;padding:4px;transition:all .2s ease}.settings-modal-close:hover{background:#f3f4f6;color:#1f2937}.settings-modal-content{display:flex;flex:1 1;flex-direction:column;gap:0;min-height:0;overflow-y:auto;padding:24px}.settings-section{margin-bottom:32px}.settings-section:last-of-type{margin-bottom:0}.settings-section h3{color:#1f2937;font-size:16px;font-weight:600;margin:0 0 8px}.settings-hint{color:#6b7280;font-size:13px;margin:0 0 12px}.settings-search-wrapper{margin-bottom:12px}.settings-search-input{background:#0000;border:none;color:#232323;font-size:14px;outline:none;width:100%}.settings-list{background:#f8f9fb;border:1px solid #e5e7eb;border-radius:8px;display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto;padding:8px}.settings-checkbox-label{align-items:center;border-radius:6px;cursor:pointer;display:flex;gap:10px;padding:8px 12px;transition:background .2s ease}.settings-checkbox-label:hover{background:#fff}.settings-checkbox-label input[type=checkbox]{accent-color:#6c63ff;appearance:none;background-color:#fff;border:2px solid #9ca3af;border-radius:4px;cursor:pointer;flex-shrink:0;height:18px;position:relative;width:18px}.settings-checkbox-label input[type=checkbox]:checked{background-color:#6c63ff;border-color:#6c63ff}.settings-checkbox-label input[type=checkbox]:checked:after{border:solid #fff;border-width:0 2px 2px 0;content:"";height:8px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transform:translate(-50%,-60%) rotate(45deg);width:4px}.settings-checkbox-label input[type=checkbox]:hover{border-color:#6c63ff}.settings-checkbox-label span{color:#1f2937;flex:1 1;font-size:14px}.subcategory-name-wrapper{align-items:center;display:inline-flex;flex-wrap:wrap;gap:8px}.subcategory-name-text{flex:0 1 auto}.subcategory-category-badge{border:1px solid;border-radius:12px;display:inline-block;flex-shrink:0;font-size:11px;font-weight:500;line-height:1.4;padding:2px 8px;white-space:nowrap}.settings-modal-actions{background:#fff;border-radius:0 0 12px 12px;border-top:1px solid #e5e7eb;display:flex;flex-shrink:0;gap:12px;justify-content:flex-end;padding:16px 24px 20px}.settings-btn-cancel,.settings-btn-reset,.settings-btn-save{border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s ease}.settings-btn-reset{background:#fff;border-color:#ef4444;color:#ef4444;margin-right:auto}.settings-btn-reset:hover{background:#fef2f2;border-color:#dc2626;color:#dc2626}.settings-btn-reset:disabled{cursor:not-allowed;opacity:.5}.settings-btn-cancel{background:#fff;border-color:#9ca3af;color:#374151}.settings-btn-cancel:hover{background:#f8f9fb;border-color:#6b7280;color:#1f2937}.settings-btn-save{background:#6c63ff;border-color:#6c63ff;color:#fff}.settings-btn-save:hover{background:#5a52e5;border-color:#5a52e5}.settings-btn-save:disabled{cursor:not-allowed;opacity:.5}.loading-message{color:#6b7280}.error-message,.loading-message{font-size:14px;padding:40px;text-align:center}.error-message{background:#fef2f2;border-radius:8px;color:#ef4444;margin:20px 0}.no-data-message{background:#f9fafb;border-radius:8px;color:#6b7280;font-size:14px;margin:10px 0;padding:20px;text-align:center}.monitoring-table-scroll{flex:1 1 auto;min-height:0;overflow:auto;position:relative;scrollbar-width:thin}.monitoring-table-wrapper-users .monitoring-table{border-collapse:initial;border-spacing:0;min-width:max(100%,600px);table-layout:auto;width:100%}.monitoring-table-wrapper-users .monitoring-table tbody td,.monitoring-table-wrapper-users .monitoring-table thead th{text-align:center!important;vertical-align:middle}.monitoring-table-wrapper-users .monitoring-table tbody td>div{align-items:center!important;display:flex!important;justify-content:center!important;margin:0 auto!important;width:fit-content}.monitoring-table-wrapper-users .monitoring-table tbody td select{margin:0 auto}.monitoring-table-wrapper-users .monitoring-table tbody td.brand-name,.monitoring-table-wrapper-users .monitoring-table tbody td.id-value{text-align:center!important}.monitoring-table-wrapper-users .pagination-container{align-items:center;background:#fff;display:flex;flex:0 0 auto;gap:12px;justify-content:flex-end;padding:12px 12px 16px}.monitoring-page{background:#f8f9fb;box-sizing:border-box;display:flex;flex-direction:column;gap:16px;min-height:100vh;overflow-y:auto;padding:12px;scrollbar-width:none}@media (max-width:1200px){.monitoring-page{padding:12px}.monitoring-table-wrapper-users{margin-bottom:20px}.users-filter-grid{gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (max-width:992px){.monitoring-page{padding:12px}.monitoring-table-wrapper-users{margin-bottom:16px}.users-filter-grid{gap:12px;grid-template-columns:repeat(2,1fr)}.monitoring-table-wrapper-users{overflow-x:auto}.monitoring-table-wrapper-users .monitoring-table{min-width:max(100%,600px)}}@media (max-width:768px){.monitoring-page{gap:12px;padding:8px}.monitoring-table-wrapper-users{border-radius:8px;margin-bottom:12px}.users-filter-card{padding:12px 16px}.users-filter-header{align-items:stretch;flex-direction:column;gap:12px}.users-filter-grid{gap:12px;grid-template-columns:1fr}.filter-group.full-width{grid-column:span 1}.monitoring-table-wrapper-users .monitoring-table{min-width:max(100%,500px)}.monitoring-table-wrapper-users .monitoring-table td,.monitoring-table-wrapper-users .monitoring-table th{font-size:13px;padding:8px 6px}}@media (max-width:480px){.monitoring-page{gap:8px;padding:8px}.monitoring-table-wrapper-users{margin-bottom:8px}.users-filter-card{padding:10px 12px}.monitoring-table-wrapper-users .monitoring-table{min-width:max(100%,400px)}.monitoring-table-wrapper-users .monitoring-table td,.monitoring-table-wrapper-users .monitoring-table th{font-size:12px;padding:6px 4px}.users-reset-btn{justify-content:center;width:100%}}.forbidden-page{align-items:center;background:#f8f9fb;box-sizing:border-box;display:flex;justify-content:center;min-height:100vh;padding:20px}.forbidden-container{max-width:500px;text-align:center;width:100%}.forbidden-icon{color:#e74c3c;margin-bottom:30px}.forbidden-title{color:#333;font-size:2.5rem;font-weight:700;margin-bottom:20px}.forbidden-message{color:#666;font-size:1.2rem;margin-bottom:15px}.forbidden-description{color:#888;font-size:1rem;line-height:1.6;margin-bottom:40px}.forbidden-actions{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.forbidden-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;padding:12px 24px;text-decoration:none;transition:all .2s ease}.forbidden-btn.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.forbidden-btn.primary:hover{box-shadow:0 8px 20px #667eea4d;transform:translateY(-2px)}.forbidden-btn.secondary{background:#f8f9fa;border:2px solid #e1e5e9;color:#666}.forbidden-btn.secondary:hover{background:#e9ecef;border-color:#d1d5db}@media (max-width:480px){.forbidden-page{padding:15px}.forbidden-title{font-size:2rem}.forbidden-message{font-size:1.1rem}.forbidden-actions{align-items:center;flex-direction:column}.forbidden-btn{justify-content:center;max-width:200px;width:100%}}.notfound-page{align-items:center;background:#f8f9fb;display:flex;justify-content:center;min-height:100vh;padding:32px}.notfound-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 12px 32px #10182814;max-width:560px;padding:32px 28px;text-align:center;width:100%}.notfound-code{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#8752fa,#cd82ff);-webkit-background-clip:text;font-size:64px;font-weight:800;letter-spacing:2px;margin-bottom:8px}.notfound-title{color:#111827;font-size:24px;font-weight:700;margin:0 0 8px}.notfound-text{color:#6b7280;font-size:14px;margin:0 0 20px}.notfound-actions{display:flex;gap:10px;justify-content:center}.notfound-btn{border-radius:8px;display:inline-block;font-weight:600;padding:10px 16px;text-decoration:none}@media (max-width:480px){.notfound-card{padding:24px 20px}.notfound-code{font-size:48px}}:root{--mobile-header-height:56px;--page-mobile-padding:20px;--app-overlay-z:12000}body.app-overlay-open .mobile-app-header,body.app-overlay-open .sidebar.mobile{z-index:100}.dashboard-root{display:flex;height:100vh;overflow:hidden}.dashboard-main{background:#f8f9fb;box-sizing:border-box;flex:1 1;margin-left:15rem;max-width:calc(100% - 15rem);min-height:0;min-width:0;overflow:hidden;transition:margin-left .3s cubic-bezier(.4,0,.2,1),width .3s cubic-bezier(.4,0,.2,1),max-width .3s cubic-bezier(.4,0,.2,1);width:calc(100% - 15rem)}.dashboard-main.collapsed{margin-left:4rem;max-width:calc(100% - 4rem);width:calc(100% - 4rem)}.dashboard-content{height:100%;overflow-x:auto;overflow-y:auto;scrollbar-width:none}.dashboard-main>.dashboard-content{box-sizing:border-box;max-width:100%;min-width:0;width:100%}.dashboard-main>.dashboard-content:has(.monitoring-page){overflow-x:hidden}.dashboard-main>.dashboard-content:has(.flowchart-page){overflow-x:hidden}@media (min-width:769px){.dashboard-main>.dashboard-content:has(.monitoring-page){display:flex;flex-direction:column;min-height:0}.dashboard-main>.dashboard-content:has(.monitoring-page)>.monitoring-page{flex:1 1 auto;min-height:0}.dashboard-main>.dashboard-content:has(.flowchart-page){display:flex;flex-direction:column;min-height:0}.dashboard-main>.dashboard-content:has(.flowchart-page)>.flowchart-page{flex:1 1 auto;min-height:0}}.dashboard-main>.dashboard-content:has(.ai-chat-shell){overflow:hidden}@media (min-width:769px){.dashboard-main>.dashboard-content:has(.ai-chat-shell){display:flex;flex-direction:column;min-height:0}.dashboard-main>.dashboard-content:has(.ai-chat-shell)>.ai-chat-shell{flex:1 1 auto;min-height:0}}@media (max-width:768px){.dashboard-main>.dashboard-content:has(.ai-chat-shell){display:flex;flex-direction:column;min-height:0;overflow:hidden}.dashboard-main>.dashboard-content:has(.ai-chat-shell)>.ai-chat-shell{flex:1 1 auto;height:100%;min-height:0}}.page-container{transition:all .3s ease}.page-container,.placeholder-page{background:#f8f9fb;min-height:100vh;padding:2vw}.placeholder-page{align-items:center;color:#6b7280;display:flex;font-size:1.5rem;font-weight:600;justify-content:center;text-align:center}.placeholder-page div{background:#fff;border-radius:1rem;box-shadow:0 2px 16px #2c3e5014;padding:3vw}@media (max-width:1200px){.dashboard-main{margin-left:15rem;max-width:calc(100% - 15rem);width:calc(100% - 15rem)}.dashboard-main.collapsed{margin-left:3rem;max-width:calc(100% - 3rem);width:calc(100% - 3rem)}.page-container{padding:2vw 1vw}}@media (max-width:992px){.dashboard-main{margin-left:15rem;max-width:calc(100% - 15rem);width:calc(100% - 15rem)}.dashboard-main.collapsed{margin-left:2rem;max-width:calc(100% - 2rem);width:calc(100% - 2rem)}.page-container{padding:1.5vw 1vw}}@media (max-width:768px){.dashboard-main,.dashboard-main.collapsed{margin-left:0;max-width:100%;width:100%}.ai-support-page,.analytics-page,.flowchart-page,.forbidden-page,.help-page,.main-dashboard,.monitoring-page,.notfound-page,.page-container,.profile-page,.summary-page{padding-left:20px;padding-left:var(--page-mobile-padding);padding-right:20px;padding-right:var(--page-mobile-padding)}.page-container{padding-bottom:4vw;padding-top:4vw}.placeholder-page{font-size:1.1rem;padding:4vw 2vw}.placeholder-page div{padding:6vw 2vw}.dashboard-root{height:100dvh;height:100svh}.dashboard-main{display:flex;flex-direction:column;min-height:0}.dashboard-content{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;box-sizing:border-box;flex:1 1 auto;height:auto;max-height:none;min-height:0;overflow-x:auto;overflow-y:auto;padding-top:56px;padding-top:var(--mobile-header-height);scrollbar-width:none}}@media (max-width:768px){.dashboard-content::-webkit-scrollbar{display:none;height:0;width:0}body,html{-ms-overflow-style:none;scrollbar-width:none}body::-webkit-scrollbar,html::-webkit-scrollbar{display:none;height:0;width:0}.ai-support-page,.analytics-page,.flowchart-page,.main-dashboard,.monitoring-page,.summary-page{height:auto!important;min-height:100%;overflow:visible}}@media (max-width:480px){:root{--page-mobile-padding:16px}.dashboard-main,.dashboard-main.collapsed{margin-left:0;max-width:100%;width:100%}.page-container{padding-bottom:2vw;padding-top:2vw}.placeholder-page{font-size:1rem;padding:2vw 1vw}.placeholder-page div{padding:4vw 1vw}}.dashboard-content::-webkit-scrollbar{width:.4em}.dashboard-content::-webkit-scrollbar-track{background:#f1f1f1}.dashboard-content::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:.2em}.dashboard-content::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.ecompilot-wordmark{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;color:#0e1126;display:inline-flex;font-family:Formular,ui-sans-serif,system-ui,sans-serif;font-weight:900;font-weight:1000;gap:.4rem;line-height:1}.ecompilot-wordmark__icon{display:block;flex-shrink:0;height:.92em;object-fit:contain;width:1.39586em}.ecompilot-wordmark__text{color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;letter-spacing:normal;line-height:1;white-space:nowrap}.ecompilot-wordmark--auth{font-size:clamp(1.35rem,3.5vw,1.55rem);justify-content:center;margin:0 auto 20px}.ecompilot-wordmark--sidebar{font-size:1.0625rem;gap:.35rem}.ecompilot-wordmark--sidebar-collapsed{font-size:1rem;justify-content:center}.ecompilot-wordmark--sidebar-collapsed .ecompilot-wordmark__icon{height:1.35rem;width:2.04828rem}.filter-panel-modal-overlay{align-items:center;background:#0f172a73;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:13000}.filter-panel-modal{background:#fff;border-radius:12px;box-shadow:0 20px 40px #0f172a2e;display:flex;flex-direction:column;max-height:min(85vh,720px);overflow:visible;width:min(720px,100%)}.filter-panel-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;flex-shrink:0;gap:12px;justify-content:space-between;padding:16px 20px}.filter-panel-modal-title{color:#111827;font-size:1.05rem;font-weight:700;margin:0}.filter-panel-modal-close{align-items:center;background:#f3f4f6;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.filter-panel-modal-close:hover{background:#e5e7eb;color:#374151}.filter-panel-modal-body{flex:1 1;min-height:0;overflow-x:visible;overflow-y:auto;padding:20px}.filter-panel-modal-body .filters-bar-content{grid-gap:20px;align-items:flex-start;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.app-brand-logo{align-items:center;color:inherit;display:inline-flex;flex-shrink:0;text-decoration:none}.app-brand-logo__arena{color:#6c63ff;font-size:1.75rem;font-weight:700;letter-spacing:2px;-webkit-user-select:none;user-select:none}.app-brand-logo__arena--header{font-size:1.35rem;letter-spacing:1.5px}.app-brand-logo--ecompilot{color:inherit;font-size:medium;font-weight:400}.mobile-app-header{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 1px 3px #00000014;display:flex;height:56px;justify-content:space-between;left:0;padding:0 12px 0 16px;position:fixed;right:0;top:0;z-index:1100}.mobile-app-header__menu-btn{align-items:center;background:none;border:none;border-radius:6px;color:#6c63ff;cursor:pointer;display:flex;justify-content:center;margin-left:auto;padding:8px;transition:background-color .16s ease,transform .16s ease}.mobile-app-header__menu-btn:hover{background:#f5f4fa}.mobile-app-header__menu-btn:active{transform:scale(.95)}@media (min-width:769px){.mobile-app-header{display:none}}