:root{font-family:var(--font-family-primary);line-height:1.5;font-weight:400;--font-family-primary: "Inter", sans-serif;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--border-width-1: 1px;--border-width-2: 2px;--border-radius-sm: 4px;--border-radius-md: 8px;--border-radius-lg: 12px;--border-radius-xl: 16px;--border-radius-2xl: 20px;--border-radius-full: 9999px;--transition-fast: .15s ease;--transition: .2s ease;--transition-slow: .3s ease;--z-base: 1;--z-elevated: 10;--z-sticky: 20;--z-overlay: 25;--z-dropdown: 1000;--z-modal-backdrop: 9999;--z-modal: 10000;--z-modal-panel: 10001;--z-modal-top: 10002;--z-tooltip: 10000;--opacity-50: .5;--opacity-65: .65;--opacity-70: .7;--opacity-80: .8;--opacity-85: .85;--opacity-90: .9;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html[data-font=inter]{--font-family-primary: "Inter", sans-serif}html[data-font=mona-sans]{--font-family-primary: "Mona Sans", sans-serif}html[data-font=poppins]{--font-family-primary: "Poppins", sans-serif}html[data-font=space-grotesk]{--font-family-primary: "Space Grotesk", sans-serif}html[data-font=outfit]{--font-family-primary: "Outfit", sans-serif}*{font-family:var(--font-family-primary)}*:focus,*:focus-visible,button:focus,button:focus-visible,input:focus,input:focus-visible,textarea:focus,textarea:focus-visible,select:focus,select:focus-visible{outline:none!important;box-shadow:none!important}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;padding:0;min-width:320px;min-height:100vh;background-color:var(--bg-primary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease}#root{width:100%;min-height:100vh}a{font-weight:var(--font-weight-medium);color:var(--primary);text-decoration:none;transition:color .2s ease}a:hover{color:var(--primary);opacity:var(--opacity-80)}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-semibold);line-height:1.2;color:var(--text-primary)}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}button{border-radius:var(--border-radius-md);border:var(--border-width-1) solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:var(--font-weight-medium);font-family:inherit;background-color:var(--primary);color:var(--text-quinary);cursor:pointer;transition:all var(--transition)}button:hover{opacity:var(--opacity-90);transform:translateY(-1px)}button:active{transform:translateY(0)}button:focus,button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--divider-primary);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}::selection{background-color:var(--primary);color:var(--text-quinary)}*{transition-property:background-color,border-color,color;transition-duration:.3s;transition-timing-function:ease}button,a,input,textarea,select{transition-property:background-color,border-color,color,transform,opacity}.material-symbols-rounded{font-family:Material Symbols Rounded;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;font-feature-settings:"liga";-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none}.app-container{display:grid;grid-template-columns:70px 1fr;grid-template-rows:auto auto auto auto 1fr;grid-template-areas:"sidebar header" "sidebar filters" "sidebar additional-filters" "sidebar content-row" "sidebar main";width:100%;height:100vh;background-color:var(--bg-primary);transition:grid-template-columns .3s ease;overflow:hidden;max-width:100vw;box-sizing:border-box}.app-container:has(.sidebar:hover){grid-template-columns:250px 1fr}.main-content{grid-area:main;background-color:var(--bg-secondary);transition:background-color .3s ease;overflow-y:auto;min-width:0;max-width:100%;box-sizing:border-box;position:relative}.blank-page{min-height:100vh;background:var(--bg-secondary);transition:all .3s ease}@media (max-width: 768px){.app-container{grid-template-columns:70px 1fr;transition:grid-template-columns .3s ease}.app-container:has(.sidebar:hover){grid-template-columns:250px 1fr}.main-content{padding:0}}html[data-theme=canda].dark .main-content,html[data-theme=canda].dark .blank-page{background-color:var(--bg-primary)}html[data-theme=canda]{--bg-primary: #f8fafc;--bg-secondary: #f3f4f6;--bg-tertiary: #ffffff;--bg-quaternary: #e5e7eb;--text-primary: #111827;--text-secondary: #1f2937;--text-tertiary: #6b7280;--text-quaternary: #9ca3af;--text-quinary: #ffffff;--divider-primary: #e5e7eb;--divider-secondary: #aab4bf;--divider-tertiary: #d1d5db;--divider-quaternary: rgba(255, 255, 255, .2);--divider-quinary: rgba(148, 163, 184, .3);--hover-primary: #effefb;--hover-teal: #00a89e;--primary: #00a89e;--primary-subtle: rgba(0, 168, 158, .1);--primary-dark: #0a6562;--primary-medium: #1de4d1;--primary-light: #90ffec;--secondary: #dadee3;--oxford-blue: #3b363e;--primary-green: #079366;--primary-green-alt: #2e7d32;--primary-lime: #66e649;--primary-amber: #fbbf24;--accent-blue: #3a8aff;--accent-blue-light: #0ea5e9;--accent-purple: #9b59b6;--accent-pink: #c2185b;--accent-red: #ef4444;--accent-red-light: #fca5a5;--accent-red-dark: #b91c1c;--accent-red-hover: #f87171;--accent-red-muted: #dc2626;--accent-red-vibrant: #ff1744;--accent-red-neon: #ff2947;--accent-orange: #e67e22;--accent-navy: #34495e;--accent-dark-teal: #05807a;--accent-gold-light: #ffd700;--accent-gold-dark: #f59e0b;--tag-bg-teal: #effefb;--tag-bg-green: #e8f5e8;--tag-bg-pink: #fce4ec;--tag-bg-amber: #fef3c7;--tag-bg-amber-light: #fef9e7;--tag-bg-blue: #f0f9ff;--tag-bg-red: #fee2e2;--tag-bg-red-light: #fef2f2;--tag-bg-red-hover: #fecaca;--tag-bg-red-vibrant: #ffebee;--tag-bg-red-neon: #ffe3e9;--status-active-text: var(--primary-green-alt);--status-active-bg: var(--tag-bg-green);--status-new-text: var(--accent-pink);--status-new-bg: var(--tag-bg-pink);--shadow-beam-glow: 0 0 30px rgba(0, 168, 158, .8), 0 0 60px rgba(0, 168, 158, .4);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px 0 rgba(0, 0, 0, .1);--shadow-lg: 0 10px 20px 0 rgba(0, 0, 0, .15);--shadow-xl: 0 20px 40px 0 rgba(0, 0, 0, .2);--shadow-2xl: 0 25px 50px 0 rgba(0, 0, 0, .25);--shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, .05);--shadow-focus: 0 0 0 3px rgba(0, 168, 158, .1);--shadow-focus-ring: 0 0 0 2px var(--primary);--shadow-none: none;--sidebar-bg: var(--oxford-blue);--sidebar-border: rgba(255, 255, 255, .1);--sidebar-text: rgba(255, 255, 255, .9);--sidebar-text-secondary: rgba(255, 255, 255, .7);--sidebar-text-tertiary: rgba(255, 255, 255, .5);--header-bg: rgba(255, 255, 255, .95);--input-bg: var(--bg-secondary);--active-bg: var(--tag-bg-teal);--dropdown-bg: var(--bg-tertiary);--gradient-primary: linear-gradient( 135deg, var(--primary) 0%, var(--primary-medium) 100% )}html[data-theme=canda].dark{--bg-primary: #1a1b1e;--bg-secondary: #25262b;--bg-tertiary: #373a40;--bg-quaternary: #0f172a;--text-primary: #e9ecef;--text-secondary: #ced4da;--text-tertiary: #adb5bd;--text-quaternary: #868e96;--text-quinary: #ffffff;--divider-primary: #373a40;--divider-secondary: #495057;--divider-tertiary: #2c2e33;--divider-quaternary: rgba(255, 255, 255, .15);--divider-quinary: rgba(148, 163, 184, .2);--hover-primary: #373a40;--hover-teal: #134e4a;--primary-subtle: rgba(0, 168, 158, .1);--primary-dark: #0a6562;--primary-medium: #1de4d1;--primary-light: #90ffec;--secondary: #dadee3;--oxford-blue: #3b363e;--primary-green: #079366;--primary-green-alt: #2e7d32;--primary-lime: #66e649;--primary-amber: #fbbf24;--accent-blue: #3a8aff;--accent-blue-light: #0ea5e9;--accent-purple: #9b59b6;--accent-pink: #c2185b;--accent-red: #f87171;--accent-red-light: #fca5a5;--accent-red-dark: #b91c1c;--accent-red-hover: #ef4444;--accent-red-muted: #dc2626;--accent-red-vibrant: #ff1744;--accent-red-neon: #ff4466;--accent-orange: #e67e22;--accent-navy: #34495e;--accent-dark-teal: #05807a;--accent-gold-light: #ffd700;--accent-gold-dark: #f59e0b;--tag-bg-teal: rgba(0, 168, 158, .15);--tag-bg-green: rgba(7, 147, 102, .15);--tag-bg-pink: rgba(194, 24, 91, .15);--tag-bg-amber: rgba(251, 191, 36, .15);--tag-bg-amber-light: rgba(251, 191, 36, .1);--tag-bg-blue: rgba(58, 138, 255, .15);--tag-bg-red: rgba(185, 28, 28, .2);--tag-bg-red-light: rgba(185, 28, 28, .12);--tag-bg-red-hover: rgba(239, 68, 68, .18);--tag-bg-red-vibrant: rgba(255, 85, 85, .15);--tag-bg-red-neon: rgba(255, 23, 68, .12);--status-active-text: #4ade80;--status-active-bg: rgba(7, 147, 102, .15);--status-new-text: #f472b6;--status-new-bg: rgba(194, 24, 91, .15);--shadow-beam-glow: 0 0 30px rgba(0, 168, 158, .8), 0 0 60px rgba(0, 168, 158, .4);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .2);--shadow-md: 0 4px 12px 0 rgba(0, 0, 0, .3);--shadow-lg: 0 10px 20px 0 rgba(0, 0, 0, .4);--shadow-xl: 0 20px 40px 0 rgba(0, 0, 0, .5);--shadow-2xl: 0 25px 50px 0 rgba(0, 0, 0, .6);--shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, .3);--shadow-focus: 0 0 0 3px rgba(0, 168, 158, .15);--shadow-focus-ring: 0 0 0 2px var(--primary);--shadow-none: none;--sidebar-bg: var(--oxford-blue);--sidebar-border: rgba(255, 255, 255, .1);--sidebar-text: rgba(255, 255, 255, .9);--sidebar-text-secondary: rgba(255, 255, 255, .7);--sidebar-text-tertiary: rgba(255, 255, 255, .5);--sidebar-bg: rgba(37, 38, 43, .95);--header-bg: rgba(37, 38, 43, .95);--input-bg: #2c2e33;--active-bg: rgba(0, 168, 158, .15);--dropdown-bg: #25262b;--primary: #00a89e;--gradient-primary: linear-gradient( 135deg, var(--primary) 0%, var(--primary-medium) 100% )}html[data-theme=halloween]{--bg-primary: #f8fafc;--bg-secondary: #f3f4f6;--bg-tertiary: #ffffff;--bg-quaternary: #e5e7eb;--text-primary: #111827;--text-secondary: #1f2937;--text-tertiary: #6b7280;--text-quaternary: #9ca3af;--text-quinary: #ffffff;--divider-primary: #e5e7eb;--divider-secondary: #aab4bf;--divider-tertiary: #d1d5db;--divider-quaternary: rgba(255, 255, 255, .2);--divider-quinary: rgba(148, 163, 184, .3);--hover-primary: #effefb;--hover-teal: #00a89e;--primary: #e67e22;--primary-subtle: rgba(230, 126, 34, .1);--primary-dark: #0a6562;--primary-medium: #1de4d1;--primary-light: #90ffec;--secondary: #dadee3;--oxford-blue: #3b363e;--primary-green: #079366;--primary-green-alt: #2e7d32;--primary-lime: #66e649;--primary-amber: #fbbf24;--accent-blue: #3a8aff;--accent-blue-light: #0ea5e9;--accent-purple: #9b59b6;--accent-pink: #c2185b;--accent-red: #ef4444;--accent-red-light: #fca5a5;--accent-red-dark: #b91c1c;--accent-red-hover: #f87171;--accent-red-muted: #dc2626;--accent-red-vibrant: #ff1744;--accent-red-neon: #ff2947;--accent-orange: #e67e22;--accent-navy: #34495e;--accent-dark-teal: #05807a;--accent-gold-light: #ffd700;--accent-gold-dark: #f59e0b;--tag-bg-teal: #effefb;--tag-bg-green: #e8f5e8;--tag-bg-pink: #fce4ec;--tag-bg-amber: #fef3c7;--tag-bg-amber-light: #fef9e7;--tag-bg-blue: #f0f9ff;--tag-bg-red: #fee2e2;--tag-bg-red-light: #fef2f2;--tag-bg-red-hover: #fecaca;--tag-bg-red-vibrant: #ffebee;--tag-bg-red-neon: #ffe3e9;--status-active-text: var(--primary-green-alt);--status-active-bg: var(--tag-bg-green);--status-new-text: var(--accent-pink);--status-new-bg: var(--tag-bg-pink);--shadow-beam-glow: 0 0 30px rgba(0, 168, 158, .8), 0 0 60px rgba(0, 168, 158, .4);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px 0 rgba(0, 0, 0, .1);--shadow-lg: 0 10px 20px 0 rgba(0, 0, 0, .15);--shadow-xl: 0 20px 40px 0 rgba(0, 0, 0, .2);--shadow-2xl: 0 25px 50px 0 rgba(0, 0, 0, .25);--shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, .05);--shadow-focus: 0 0 0 3px rgba(0, 168, 158, .1);--shadow-focus-ring: 0 0 0 2px var(--primary);--shadow-none: none;--sidebar-bg: var(--oxford-blue);--sidebar-border: rgba(255, 255, 255, .1);--sidebar-text: rgba(255, 255, 255, .9);--sidebar-text-secondary: rgba(255, 255, 255, .7);--sidebar-text-tertiary: rgba(255, 255, 255, .5);--header-bg: rgba(255, 255, 255, .95);--input-bg: var(--bg-secondary);--active-bg: var(--tag-bg-teal);--dropdown-bg: var(--bg-tertiary);--gradient-primary: linear-gradient( 135deg, var(--primary) 0%, var(--primary-medium) 100% )}html[data-theme=halloween].dark{--bg-primary: #1a1b1e;--bg-secondary: #25262b;--bg-tertiary: #373a40;--bg-quaternary: #0f172a;--text-primary: #e9ecef;--text-secondary: #ced4da;--text-tertiary: #adb5bd;--text-quaternary: #868e96;--text-quinary: #ffffff;--divider-primary: #373a40;--divider-secondary: #495057;--divider-tertiary: #2c2e33;--divider-quaternary: rgba(255, 255, 255, .15);--divider-quinary: rgba(148, 163, 184, .2);--hover-primary: #373a40;--hover-teal: rgba(230, 126, 34, .2);--primary: #e67e22;--primary-subtle: rgba(230, 126, 34, .1);--primary-dark: #c0571f;--primary-medium: #1de4d1;--primary-light: #90ffec;--secondary: #dadee3;--oxford-blue: #3b363e;--primary-green: #079366;--primary-green-alt: #2e7d32;--primary-lime: #66e649;--primary-amber: #fbbf24;--accent-blue: #3a8aff;--accent-blue-light: #0ea5e9;--accent-purple: #9b59b6;--accent-pink: #c2185b;--accent-red: #f87171;--accent-red-light: #fca5a5;--accent-red-dark: #b91c1c;--accent-red-hover: #ef4444;--accent-red-muted: #dc2626;--accent-red-vibrant: #ff1744;--accent-red-neon: #ff4466;--accent-orange: #e67e22;--accent-navy: #34495e;--accent-dark-teal: #05807a;--accent-gold-light: #ffd700;--accent-gold-dark: #f59e0b;--tag-bg-teal: rgba(0, 168, 158, .15);--tag-bg-green: rgba(7, 147, 102, .15);--tag-bg-pink: rgba(194, 24, 91, .15);--tag-bg-amber: rgba(230, 126, 34, .2);--tag-bg-amber-light: rgba(230, 126, 34, .1);--tag-bg-blue: rgba(58, 138, 255, .15);--tag-bg-red: rgba(185, 28, 28, .2);--tag-bg-red-light: rgba(185, 28, 28, .12);--tag-bg-red-hover: rgba(239, 68, 68, .18);--tag-bg-red-vibrant: rgba(255, 85, 85, .15);--tag-bg-red-neon: rgba(255, 23, 68, .12);--status-active-text: #4ade80;--status-active-bg: rgba(7, 147, 102, .15);--status-new-text: #f472b6;--status-new-bg: rgba(194, 24, 91, .15);--shadow-beam-glow: 0 0 30px rgba(230, 126, 34, .8), 0 0 60px rgba(230, 126, 34, .4);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .2);--shadow-md: 0 4px 12px 0 rgba(0, 0, 0, .3);--shadow-lg: 0 10px 20px 0 rgba(0, 0, 0, .4);--shadow-xl: 0 20px 40px 0 rgba(0, 0, 0, .5);--shadow-2xl: 0 25px 50px 0 rgba(0, 0, 0, .6);--shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, .3);--shadow-focus: 0 0 0 3px rgba(230, 126, 34, .15);--shadow-focus-ring: 0 0 0 2px var(--primary);--shadow-none: none;--sidebar-bg: var(--oxford-blue);--sidebar-border: rgba(255, 255, 255, .1);--sidebar-text: rgba(255, 255, 255, .9);--sidebar-text-secondary: rgba(255, 255, 255, .7);--sidebar-text-tertiary: rgba(255, 255, 255, .5);--sidebar-bg: rgba(37, 38, 43, .95);--header-bg: rgba(37, 38, 43, .95);--input-bg: #2c2e33;--active-bg: rgba(230, 126, 34, .15);--dropdown-bg: #25262b;--gradient-primary: linear-gradient( 135deg, var(--primary) 0%, var(--primary-medium) 100% )}.sidebar{grid-area:sidebar;grid-row:1 / -1;background-color:var(--sidebar-bg);border-right:var(--border-width-1) solid var(--sidebar-border);transition:background-color .3s ease;display:flex;flex-direction:column;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden}.sidebar-header{padding:1rem;display:flex;align-items:center;justify-content:flex-start;min-height:70px}.sidebar-logo{display:flex;align-items:center;gap:.75rem;flex:1;height:39px}.logo-icon{width:39px;height:39px;border-radius:var(--border-radius-md);object-fit:contain;flex-shrink:0;transition:all .3s ease}html[data-theme=halloween] .logo-icon{width:60px;height:60px;object-fit:contain;margin-left:-10px;margin-top:5px}.logo-text-image{height:36px;object-fit:contain;opacity:0;transition:opacity .3s ease;margin-left:-3px;margin-top:-4px}.sidebar:hover .logo-text-image{opacity:1}.sidebar-nav{padding:.5rem .75rem;flex:1;overflow-y:auto;overflow-x:hidden}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{background:var(--divider-primary);border-radius:var(--border-radius-sm)}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.sidebar-item{display:flex;align-items:center;padding:.75rem 0;color:var(--sidebar-text-secondary);cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);white-space:nowrap;border-radius:var(--border-radius-md);margin-bottom:.25rem;border:none;background:transparent;width:100%;text-align:center;font-size:.9375rem;font-weight:var(--font-weight-medium);position:relative;justify-content:center}.sidebar-nav .sidebar-item{padding:.375rem 0;margin:.15rem 0}.sidebar:hover .sidebar-item{justify-content:flex-start;padding-left:1rem;padding-right:1rem;text-align:left;background-color:transparent}.sidebar:hover .sidebar-nav .sidebar-item{padding-top:.375rem;padding-bottom:.375rem}.sidebar-item:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:0;background:var(--primary);border-radius:0 2px 2px 0;transition:height .25s ease;opacity:0}.sidebar-item:hover{color:var(--sidebar-text)}.sidebar:hover .sidebar-item:hover{background-color:#ffffff0f}.sidebar-item.active{color:var(--text-quinary)}.sidebar:hover .sidebar-item.active{background-color:#00a89e26}.sidebar:hover .sidebar-item.active:before{height:0;opacity:0}.sidebar-icon{font-size:22px;min-width:22px;height:22px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:margin-right .3s ease;margin-left:10px;margin-right:auto}.sidebar-icon.letter-icon{width:37px;height:37px;min-width:37px;border-radius:var(--border-radius-md);background:#ffffff1a;font-size:15px;font-weight:var(--font-weight-bold);letter-spacing:.5px;transition:all .25s cubic-bezier(.4,0,.2,1);border:none;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;margin:0 0 0 .25rem!important;padding:0;line-height:1;transform:translateY(-1px)}.sidebar:hover .sidebar-icon.letter-icon{margin-left:0!important;margin-right:.75rem!important;transform:translateY(-1px)}.sidebar-icon.letter-icon:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffff1a,#fff0);opacity:0;transition:opacity .25s ease}.sidebar-item:hover .letter-icon{background:#00a89e33;box-shadow:var(--shadow-focus-ring)}.sidebar-item:hover .letter-icon:before{opacity:1}.sidebar-item.active .letter-icon{background:var(--primary);box-shadow:var(--shadow-md),0 0 0 4px #00a89e1a;transform:scale(1.05)}.sidebar-item.active .sidebar-icon:not(.letter-icon){color:var(--primary)}.sidebar-item.active .letter-icon:before{opacity:0}.sidebar:hover .sidebar-item.active .letter-icon{transform:scale(1);box-shadow:var(--shadow-sm),0 0 0 3px #00a89e14}.sidebar:hover .sidebar-icon{margin-right:.75rem;margin-left:0}.sidebar-label-wrapper{display:flex;flex-direction:column;gap:.125rem;opacity:0;transition:none;flex:1;overflow:hidden;pointer-events:none;visibility:hidden}.sidebar:hover .sidebar-label-wrapper{opacity:1;visibility:visible;transition:opacity .3s ease .1s;pointer-events:auto}.sidebar-label{font-weight:var(--font-weight-medium);font-size:.875rem;opacity:0;max-width:0;overflow:hidden;white-space:nowrap;transition:none;pointer-events:none;visibility:hidden}.sidebar:hover .sidebar-label{opacity:1;max-width:200px;visibility:visible;transition:opacity .3s ease .1s,max-width .3s ease;pointer-events:auto}.sidebar-coming-soon{font-size:.65rem;color:var(--sidebar-text-tertiary);font-weight:var(--font-weight-regular);opacity:var(--opacity-80)}.sidebar-item:has(.sidebar-coming-soon){position:relative;overflow:hidden;opacity:var(--opacity-85);cursor:not-allowed;pointer-events:auto}.sidebar-item:has(.sidebar-coming-soon) .letter-icon{opacity:.6;filter:grayscale(.3)}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.sidebar-item:has(.sidebar-coming-soon):after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.05) 50%,transparent 100%);pointer-events:none;animation:shimmer 5s infinite;opacity:0;transition:opacity .3s ease}.sidebar:hover .sidebar-item:has(.sidebar-coming-soon):after{opacity:1}.sidebar:hover .sidebar-item:has(.sidebar-coming-soon):hover{opacity:var(--opacity-65)}.sidebar-promotions{padding:1rem .75rem;border-top:var(--border-width-1) solid var(--sidebar-border);opacity:0;transform:translate(-12px);transition:opacity .3s ease,transform .3s ease}.sidebar:hover .sidebar-promotions{opacity:1;transform:translate(0)}.promotions-header{margin-bottom:.75rem}.promotions-label{font-size:.75rem;font-weight:var(--font-weight-semibold);color:var(--sidebar-text-tertiary);text-transform:uppercase;letter-spacing:.05em;opacity:0;transition:opacity .3s ease}.sidebar:hover .promotions-label{opacity:1}.upgrade-card{background:var(--gradient-primary);border-radius:var(--border-radius-md);padding:.75rem;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;position:relative;overflow:hidden}.upgrade-card:hover{transform:translateY(-2px) scale(1.01);box-shadow:var(--shadow-xl)}.upgrade-icon{width:32px;height:32px;background:#fff3;border-radius:var(--border-radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.upgrade-icon .material-symbols-rounded{font-size:18px;color:var(--text-quinary)}.upgrade-content{flex:1;opacity:0;max-width:0;overflow:hidden;white-space:nowrap;transition:opacity .3s ease,max-width .3s ease}.sidebar:hover .upgrade-content{opacity:1;max-width:200px}.upgrade-title{font-size:.875rem;font-weight:var(--font-weight-semibold);color:var(--text-quinary);margin-bottom:.125rem}.upgrade-description{font-size:.75rem;color:#fffc;line-height:1.2}.sidebar-footer{padding:1rem .75rem;border-top:var(--border-width-1) solid var(--sidebar-border)}.profile-item{padding-top:.375rem!important;padding-bottom:.375rem!important}.sidebar-profile-icon{width:37px;height:37px;min-width:37px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:margin-right .3s ease,transform .25s ease;margin-left:.25rem;margin-right:auto;border-radius:50%;overflow:hidden;position:relative;background:var(--bg-primary);border:var(--border-width-2) solid var(--divider-primary);box-shadow:var(--shadow-sm)}.profile-avatar-image{width:100%;height:100%;border-radius:50%;object-fit:cover;transition:all .25s ease}.sidebar-avatar-initials{width:100%;height:100%;background:var(--active-bg);color:var(--primary);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:var(--font-weight-semibold);transition:all .25s ease;line-height:1}.sidebar:hover .sidebar-profile-icon{margin-right:.45rem;margin-left:-.5rem!important}.profile-item:hover .sidebar-profile-icon{border-color:#00a89e66;box-shadow:var(--shadow-sm)}.profile-item.active .sidebar-profile-icon{border-color:var(--primary);box-shadow:var(--shadow-md)}.logout-item:hover{color:var(--accent-red)!important}.logout-item:hover .sidebar-icon,.logout-item:hover .sidebar-label{color:var(--accent-red)}html[data-theme=canda].dark .sidebar{background-color:var(--sidebar-bg);border-right-color:var(--sidebar-border)}html[data-theme=canda].dark .sidebar-nav::-webkit-scrollbar-thumb{background:var(--divider-primary)}html[data-theme=canda].dark .sidebar-nav::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}html[data-theme=canda].dark .sidebar-item{color:var(--sidebar-text-secondary)}html[data-theme=canda].dark .sidebar-item:hover{color:var(--sidebar-text)}html[data-theme=canda].dark .sidebar-item.active{color:var(--text-quinary)}html[data-theme=canda].dark .sidebar-icon.letter-icon{background:#ffffff1a}html[data-theme=canda].dark .sidebar-item:hover .letter-icon{background:#00a89e33}html[data-theme=canda].dark .sidebar-item.active .letter-icon{background:var(--primary)}html[data-theme=canda].dark .sidebar-item.active .sidebar-icon:not(.letter-icon){color:var(--primary)}html[data-theme=canda].dark .sidebar-coming-soon{color:var(--sidebar-text-tertiary)}html[data-theme=canda].dark .sidebar-promotions{border-top-color:var(--sidebar-border)}html[data-theme=canda].dark .promotions-label{color:var(--sidebar-text-tertiary)}html[data-theme=canda].dark .upgrade-icon .material-symbols-rounded,html[data-theme=canda].dark .upgrade-title{color:var(--text-quinary)}html[data-theme=canda].dark .sidebar-footer{border-top-color:var(--sidebar-border)}html[data-theme=canda].dark .sidebar-profile-icon{background:var(--bg-primary);border-color:var(--divider-primary)}html[data-theme=canda].dark .sidebar-avatar-initials{background:var(--active-bg);color:var(--primary)}html[data-theme=canda].dark .profile-item:hover .sidebar-profile-icon{border-color:#00a89e66}html[data-theme=canda].dark .profile-item.active .sidebar-profile-icon{border-color:var(--primary)}html[data-theme=canda].dark .logout-item:hover{color:var(--accent-red)!important}html[data-theme=canda].dark .logout-item:hover .sidebar-icon,html[data-theme=canda].dark .logout-item:hover .sidebar-label{color:var(--accent-red)}html[data-theme=halloween].dark .sidebar{background-color:var(--sidebar-bg);border-right-color:var(--sidebar-border)}html[data-theme=halloween].dark .sidebar-nav::-webkit-scrollbar-thumb{background:var(--divider-primary)}html[data-theme=halloween].dark .sidebar-nav::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}html[data-theme=halloween].dark .sidebar-item{color:var(--sidebar-text-secondary)}html[data-theme=halloween].dark .sidebar-item:hover{color:var(--sidebar-text)}html[data-theme=halloween].dark .sidebar-item.active{color:var(--text-quinary)}html[data-theme=halloween].dark .sidebar-icon.letter-icon{background:#ffffff1a}html[data-theme=halloween].dark .sidebar-item:hover .letter-icon{background:#00a89e33}html[data-theme=halloween].dark .sidebar-item.active .letter-icon{background:var(--primary)}html[data-theme=halloween].dark .sidebar-item.active .sidebar-icon:not(.letter-icon){color:var(--primary)}html[data-theme=halloween].dark .sidebar-coming-soon{color:var(--sidebar-text-tertiary)}html[data-theme=halloween].dark .sidebar-promotions{border-top-color:var(--sidebar-border)}html[data-theme=halloween].dark .promotions-label{color:var(--sidebar-text-tertiary)}html[data-theme=halloween].dark .upgrade-icon .material-symbols-rounded,html[data-theme=halloween].dark .upgrade-title{color:var(--text-quinary)}html[data-theme=halloween].dark .sidebar-footer{border-top-color:var(--sidebar-border)}html[data-theme=halloween].dark .sidebar-profile-icon{background:var(--bg-primary);border-color:var(--divider-primary)}html[data-theme=halloween].dark .sidebar-avatar-initials{background:var(--active-bg);color:var(--primary)}html[data-theme=halloween].dark .profile-item:hover .sidebar-profile-icon{border-color:#00a89e66}html[data-theme=halloween].dark .profile-item.active .sidebar-profile-icon{border-color:var(--primary)}html[data-theme=halloween].dark .logout-item:hover{color:var(--accent-red)!important}html[data-theme=halloween].dark .logout-item:hover .sidebar-icon,html[data-theme=halloween].dark .logout-item:hover .sidebar-label{color:var(--accent-red)}.container-search-section{grid-area:header;padding:12px 20px;background:var(--bg-primary);border-bottom:var(--border-width-1, 1px) solid var(--divider-primary);transition:background-color .3s ease;min-width:0;max-width:100%;box-sizing:border-box}.container-search-container{display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:space-between}.container-search-left{display:flex;gap:8px;flex-wrap:nowrap;align-items:center;flex:1;max-width:648px}.container-search-right{display:flex;gap:8px;align-items:center}.container-search-button{display:flex;align-items:center;gap:4px;padding:6px 10px;height:32px;border:var(--border-width-1, 1px) solid var(--divider-primary, #e5e7eb);border-radius:var(--border-radius-md, 8px);background:var(--bg-primary, #f8fafc);color:var(--text-tertiary, #6b7280);font-size:.75rem;font-weight:var(--font-weight-medium, 500);cursor:pointer;transition:all .2s ease;white-space:nowrap;flex-shrink:0}.container-search-button:hover{background:var(--hover-primary)!important;border-color:var(--primary);transform:scale(1.01)}.container-search-button .material-symbols-rounded{font-size:16px;color:var(--text-tertiary)}.container-search-button.icon-only{display:flex;align-items:center;justify-content:center;padding:0;width:40px;height:38px;min-width:unset;line-height:1}.container-search-button.icon-only .material-symbols-rounded{color:var(--text-tertiary);font-size:20px;line-height:1}html[data-theme=canda].dark .container-search-section{background:var(--bg-secondary);border-bottom-color:var(--divider-primary)}html[data-theme=canda].dark .container-search-button{border-color:var(--divider-primary);background:var(--bg-secondary);color:var(--text-secondary)}html[data-theme=canda].dark .container-search-button:hover{background:var(--hover-primary)!important;border-color:var(--primary)}html[data-theme=canda].dark .container-search-button .material-symbols-rounded,html[data-theme=canda].dark .container-search-button.icon-only .material-symbols-rounded{color:var(--text-secondary)}html[data-theme=halloween].dark .container-search-section{background:var(--bg-secondary);border-bottom-color:var(--divider-primary)}html[data-theme=halloween].dark .container-search-button{border-color:var(--divider-primary);background:var(--bg-secondary);color:var(--text-secondary)}html[data-theme=halloween].dark .container-search-button:hover{background:var(--hover-primary)!important;border-color:var(--primary)}html[data-theme=halloween].dark .container-search-button .material-symbols-rounded,html[data-theme=halloween].dark .container-search-button.icon-only .material-symbols-rounded{color:var(--text-secondary)}@media (max-width: 480px){.container-search-section{padding:12px 16px}.container-search-container{gap:8px}.container-search-left{gap:6px;max-width:100%}.container-search-right{gap:6px}}.search-container{position:relative;width:600px;max-width:100%;z-index:var(--z-dropdown);display:flex;align-items:center;gap:8px}@media (max-width: 768px){.search-container{width:500px;max-width:500px;margin-left:-12px!important;gap:6px}}@media (max-width: 480px){.search-container{width:280px;max-width:280px;gap:4px}.search-secondary-button{width:32px;height:32px}.search-secondary-button .material-symbols-rounded{font-size:16px}.search-box{padding:8px 36px 8px 12px;font-size:13px}.search-run-button{width:28px;height:26px;right:4px}.search-run-button .material-symbols-rounded{font-size:16px}}.search-input-wrapper{position:relative;flex:1}.search-box{width:100%;padding:10px 42px 10px 14px;border:var(--border-width-2) solid var(--divider-primary);border-radius:var(--border-radius-md);font-size:14px;font-weight:var(--font-weight-regular);background:var(--input-bg);color:var(--text-primary);transition:all .2s ease;outline:none}:root:not([data-theme=dark]) .search-box{border-color:var(--divider-tertiary)}:root:not([data-theme=dark]) .search-secondary-button{border-color:var(--divider-tertiary)}.search-box:focus{border-color:var(--primary);background:var(--bg-primary);box-shadow:var(--shadow-focus)}.search-box::placeholder{color:var(--text-tertiary)}.search-run-button{position:absolute;right:6px;top:50%;transform:translateY(calc(-50% - .75px));width:32px;height:30px;border-radius:var(--border-radius-md);background:var(--primary);color:var(--text-quinary);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:var(--z-elevated);line-height:1}.search-run-button:hover{background:var(--primary-light);color:var(--primary-dark);transform:translateY(calc(-50% - .75px)) scale(1.01)}.search-run-button .material-symbols-rounded{font-size:20px;line-height:1;display:flex;align-items:center;justify-content:center}.search-secondary-button{width:38px;height:38px;border-radius:var(--border-radius-md);background:transparent;color:var(--text-secondary);border:var(--border-width-1) solid var(--divider-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;line-height:1;flex-shrink:0}.search-secondary-button:hover{background:var(--hover-primary);color:var(--primary);border-color:var(--primary);transform:scale(1.01)}.search-secondary-button .material-symbols-rounded{font-size:20px;line-height:1;display:flex;align-items:center;justify-content:center}.search-dropdown{position:absolute;top:calc(100% + 4px);left:0;width:100%;background:var(--bg-primary);border-radius:var(--border-radius-md);box-shadow:var(--shadow-lg);border:var(--border-width-1) solid var(--divider-primary);max-height:400px;overflow-y:auto;z-index:var(--z-dropdown);animation:dropdownFadeIn .2s ease-out}.search-group{padding:12px 0;border-bottom:var(--border-width-1) solid var(--divider-primary)}.search-group:last-child{border-bottom:none}.search-group-title{padding:0 16px 8px;font-size:12px;font-weight:var(--font-weight-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.search-item{padding:8px 16px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:background-color .2s ease;border-radius:var(--border-radius-md);margin:0 8px}.search-item:hover{background-color:var(--hover-primary)}.search-item-icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.search-item-icon.brand,.search-item-icon.advertiser,.search-item-icon.category{background:var(--tag-bg-teal)}html[data-theme=canda].dark .search-box{border-color:var(--divider-primary);background:var(--input-bg);color:var(--text-primary)}html[data-theme=canda].dark .search-box:focus{border-color:var(--primary);background:var(--bg-primary)}html[data-theme=canda].dark .search-box::placeholder{color:var(--text-tertiary)}html[data-theme=canda].dark .search-run-button{background:var(--primary);color:var(--text-quinary)}html[data-theme=canda].dark .search-run-button:hover{background:var(--primary-light);color:var(--primary-dark)}html[data-theme=canda].dark .search-secondary-button{background:transparent;color:var(--text-secondary);border-color:var(--divider-primary)}html[data-theme=canda].dark .search-secondary-button:hover{background:var(--hover-primary);color:var(--primary);border-color:var(--primary)}html[data-theme=canda].dark .search-dropdown{background:var(--bg-primary);border-color:var(--divider-primary)}html[data-theme=canda].dark .search-group{border-bottom-color:var(--divider-primary)}html[data-theme=canda].dark .search-group-title{color:var(--text-secondary)}html[data-theme=canda].dark .search-item:hover{background-color:var(--hover-primary)}html[data-theme=canda].dark .search-item-icon.brand,html[data-theme=canda].dark .search-item-icon.advertiser,html[data-theme=canda].dark .search-item-icon.category{background:var(--tag-bg-teal)}html[data-theme=canda].dark .search-item-icon.recent{background:var(--accent-orange)}html[data-theme=canda].dark .search-icon{color:var(--primary)}html[data-theme=canda].dark .search-item-icon.recent .search-icon{color:var(--text-quinary)}html[data-theme=canda].dark .search-item-title{color:var(--text-primary)}html[data-theme=canda].dark .search-item-subtitle{color:var(--text-tertiary)}html[data-theme=halloween].dark .search-box{border-color:var(--divider-primary);background:var(--input-bg);color:var(--text-primary)}html[data-theme=halloween].dark .search-box:focus{border-color:var(--primary);background:var(--bg-primary)}html[data-theme=halloween].dark .search-box::placeholder{color:var(--text-tertiary)}html[data-theme=halloween].dark .search-run-button{background:var(--primary);color:var(--text-quinary)}html[data-theme=halloween].dark .search-run-button:hover{background:var(--primary-light);color:var(--primary-dark)}html[data-theme=halloween].dark .search-secondary-button{background:transparent;color:var(--text-secondary);border-color:var(--divider-primary)}html[data-theme=halloween].dark .search-secondary-button:hover{background:var(--hover-primary);color:var(--primary);border-color:var(--primary)}html[data-theme=halloween].dark .search-dropdown{background:var(--bg-primary);border-color:var(--divider-primary)}html[data-theme=halloween].dark .search-group{border-bottom-color:var(--divider-primary)}html[data-theme=halloween].dark .search-group-title{color:var(--text-secondary)}html[data-theme=halloween].dark .search-item:hover{background-color:var(--hover-primary)}html[data-theme=halloween].dark .search-item-icon.brand,html[data-theme=halloween].dark .search-item-icon.advertiser,html[data-theme=halloween].dark .search-item-icon.category{background:var(--tag-bg-teal)}html[data-theme=halloween].dark .search-item-icon.recent{background:var(--accent-orange)}html[data-theme=halloween].dark .search-icon{color:var(--primary)}html[data-theme=halloween].dark .search-item-icon.recent .search-icon{color:var(--text-quinary)}html[data-theme=halloween].dark .search-item-title{color:var(--text-primary)}html[data-theme=halloween].dark .search-item-subtitle{color:var(--text-tertiary)}.search-item-icon.recent{background:var(--accent-orange)}.search-icon{font-size:16px;font-weight:var(--font-weight-bold);color:var(--primary);display:flex;align-items:center;justify-content:center}.search-item-icon.recent .search-icon{color:var(--text-quinary)}.search-item-content{flex:1;min-width:0}.search-item-title{font-size:14px;font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-item-subtitle{font-size:12px;color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.client-site-dropdown{position:relative}.client-site-button{display:flex;align-items:center;gap:4px;padding:6px 10px;height:32px;border-radius:var(--border-radius-md);border:var(--border-width-1) solid var(--divider-primary);background-color:var(--bg-primary);cursor:pointer;transition:all .2s ease;white-space:nowrap}.client-site-button:hover{background:var(--hover-primary);color:var(--text-primary);border-color:var(--primary);transform:scale(1.01)}.client-site-button:hover .material-symbols-rounded,.client-site-button:hover .client-site-label,.client-site-button:hover .client-site-arrow{color:var(--text-primary)}.client-site-button .material-symbols-rounded:first-child{font-size:16px;color:var(--text-tertiary);transition:color .2s ease}.client-site-label{font-size:.75rem;font-weight:var(--font-weight-medium);color:var(--text-tertiary);transition:color .2s ease}.client-site-arrow{font-size:16px;color:var(--text-secondary);transition:transform .2s ease,color .2s ease}.client-site-menu{position:absolute;top:calc(100% + 8px);right:0;background-color:var(--dropdown-bg);border:var(--border-width-1) solid var(--divider-primary);border-radius:var(--border-radius-md);box-shadow:var(--shadow-xl);min-width:200px;max-width:calc(100vw - 2rem);padding:.25rem 0;z-index:var(--z-modal-panel);overflow:hidden;animation:clientSiteFadeIn .2s ease-out}@keyframes clientSiteFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.client-site-item{display:flex;align-items:center;gap:.5rem;width:calc(100% - 1rem);padding:.5rem .75rem;border:var(--border-width-1) solid transparent;background:none;color:var(--text-primary);font-size:.75rem;text-align:left;cursor:pointer;transition:all .2s ease;font-weight:var(--font-weight-regular);margin:.25rem .5rem;border-radius:var(--border-radius-md)}.client-site-item:hover{background-color:var(--hover-primary);color:var(--text-primary)}.client-site-item .material-symbols-rounded{font-size:16px;width:16px;height:16px;color:var(--text-secondary)}html[data-theme=canda].dark .client-site-button{border-color:var(--divider-primary);background-color:var(--bg-secondary)}html[data-theme=canda].dark .client-site-button:hover{background:var(--hover-primary)!important;color:var(--text-primary);border-color:var(--primary)!important}html[data-theme=canda].dark .client-site-button:hover .material-symbols-rounded,html[data-theme=canda].dark .client-site-button:hover .client-site-label,html[data-theme=canda].dark .client-site-button:hover .client-site-arrow{color:var(--text-primary)}html[data-theme=canda].dark .client-site-button .material-symbols-rounded:first-child,html[data-theme=canda].dark .client-site-label,html[data-theme=canda].dark .client-site-arrow{color:var(--text-secondary)}html[data-theme=canda].dark .client-site-menu{background-color:var(--dropdown-bg);border-color:var(--divider-primary)}html[data-theme=canda].dark .client-site-item{color:var(--text-primary)}html[data-theme=canda].dark .client-site-item:hover{background-color:var(--hover-primary);color:var(--text-primary);border-color:var(--primary)}html[data-theme=canda].dark .client-site-item .material-symbols-rounded{color:var(--text-secondary)}html[data-theme=halloween].dark .client-site-button{border-color:var(--divider-primary);background-color:var(--bg-secondary)}html[data-theme=halloween].dark .client-site-button:hover{background:var(--hover-primary)!important;color:var(--text-primary);border-color:var(--primary)!important}html[data-theme=halloween].dark .client-site-button:hover .material-symbols-rounded,html[data-theme=halloween].dark .client-site-button:hover .client-site-label,html[data-theme=halloween].dark .client-site-button:hover .client-site-arrow{color:var(--text-primary)}html[data-theme=halloween].dark .client-site-button .material-symbols-rounded:first-child,html[data-theme=halloween].dark .client-site-label,html[data-theme=halloween].dark .client-site-arrow{color:var(--text-secondary)}html[data-theme=halloween].dark .client-site-menu{background-color:var(--dropdown-bg);border-color:var(--divider-primary)}html[data-theme=halloween].dark .client-site-item{color:var(--text-primary)}html[data-theme=halloween].dark .client-site-item:hover{background-color:var(--hover-primary);color:var(--text-primary);border-color:var(--primary)}html[data-theme=halloween].dark .client-site-item .material-symbols-rounded{color:var(--text-secondary)}@media (max-width: 480px){.client-site-menu{right:-1rem;min-width:200px}}.saved-search-overlay{position:fixed;inset:0;background:#00000080;z-index:var(--z-modal-backdrop);animation:overlayFadeIn .2s ease-out}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.saved-search-panel{position:fixed;top:20%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:600px;max-height:80vh;background:var(--bg-primary);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-2xl);z-index:var(--z-modal-top);display:flex;flex-direction:column;animation:panelSlideIn .3s cubic-bezier(.25,.46,.45,.94)}@keyframes panelSlideIn{0%{opacity:0;transform:translate(-50%,-48%)}to{opacity:1;transform:translate(-50%,-50%)}}.saved-search-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:var(--border-width-1) solid var(--divider-primary)}.saved-search-title{display:flex;align-items:center;gap:12px}.saved-search-title .material-symbols-rounded{font-size:24px;color:var(--primary)}.saved-search-title h3{margin:0;font-size:1.25rem;font-weight:var(--font-weight-semibold);color:var(--text-primary)}.saved-search-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:var(--border-radius-md);background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.saved-search-close:hover{background:var(--hover-primary);color:var(--text-primary)}.saved-search-close .material-symbols-rounded{font-size:20px}.saved-search-content{flex:1;overflow-y:auto;padding:16px}.saved-search-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 20px;text-align:center}.saved-search-placeholder p{font-size:1rem;font-weight:var(--font-weight-regular);color:var(--text-secondary);margin:0}.saved-search-list{display:flex;flex-direction:column;gap:12px}.saved-search-item{display:flex;flex-direction:column;gap:12px;padding:16px;background:var(--bg-secondary);border:var(--border-width-1) solid var(--divider-primary);border-radius:var(--border-radius-md);cursor:pointer;transition:all .2s ease;text-align:left}.saved-search-item:hover{background:var(--hover-primary);border-color:var(--primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.saved-search-item-header{display:flex;align-items:flex-start;gap:12px}.saved-search-item-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--primary);border-radius:var(--border-radius-md);flex-shrink:0}.saved-search-item-icon .material-symbols-rounded{font-size:20px;color:var(--text-quinary)}.saved-search-item-content{flex:1;min-width:0}.saved-search-item-name{margin:0 0 6px;font-size:1rem;font-weight:var(--font-weight-semibold);color:var(--text-primary)}.saved-search-item-filters{margin:0;font-size:.875rem;color:var(--text-secondary);line-height:1.4}.saved-search-item-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:8px;border-top:var(--border-width-1) solid var(--divider-primary)}.saved-search-item-date,.saved-search-item-used{font-size:.75rem;color:var(--text-tertiary)}.saved-search-item-used{font-weight:var(--font-weight-medium);color:var(--primary)}html[data-theme=canda].dark .saved-search-panel{background:var(--bg-primary)}html[data-theme=canda].dark .saved-search-header{border-bottom-color:var(--divider-primary)}html[data-theme=canda].dark .saved-search-title .material-symbols-rounded{color:var(--primary)}html[data-theme=canda].dark .saved-search-title h3{color:var(--text-primary)}html[data-theme=canda].dark .saved-search-close{color:var(--text-secondary)}html[data-theme=canda].dark .saved-search-close:hover{background:var(--hover-primary);color:var(--text-primary)}html[data-theme=canda].dark .saved-search-placeholder p{color:var(--text-secondary)}html[data-theme=canda].dark .saved-search-item{background:var(--bg-secondary);border-color:var(--divider-primary)}html[data-theme=canda].dark .saved-search-item:hover{background:var(--hover-primary);border-color:var(--primary)}html[data-theme=canda].dark .saved-search-item-icon{background:var(--primary)}html[data-theme=canda].dark .saved-search-item-icon .material-symbols-rounded{color:var(--text-quinary)}html[data-theme=canda].dark .saved-search-item-name{color:var(--text-primary)}html[data-theme=canda].dark .saved-search-item-filters{color:var(--text-secondary)}html[data-theme=canda].dark .saved-search-item-footer{border-top-color:var(--divider-primary)}html[data-theme=canda].dark .saved-search-item-date{color:var(--text-tertiary)}html[data-theme=canda].dark .saved-search-item-used{color:var(--primary)}html[data-theme=halloween].dark .saved-search-panel{background:var(--bg-primary)}html[data-theme=halloween].dark .saved-search-header{border-bottom-color:var(--divider-primary)}html[data-theme=halloween].dark .saved-search-title .material-symbols-rounded{color:var(--primary)}html[data-theme=halloween].dark .saved-search-title h3{color:var(--text-primary)}html[data-theme=halloween].dark .saved-search-close{color:var(--text-secondary)}html[data-theme=halloween].dark .saved-search-close:hover{background:var(--hover-primary);color:var(--text-primary)}html[data-theme=halloween].dark .saved-search-placeholder p{color:var(--text-secondary)}html[data-theme=halloween].dark .saved-search-item{background:var(--bg-secondary);border-color:var(--divider-primary)}html[data-theme=halloween].dark .saved-search-item:hover{background:var(--hover-primary);border-color:var(--primary)}html[data-theme=halloween].dark .saved-search-item-icon{background:var(--primary)}html[data-theme=halloween].dark .saved-search-item-icon .material-symbols-rounded{color:var(--text-quinary)}html[data-theme=halloween].dark .saved-search-item-name{color:var(--text-primary)}html[data-theme=halloween].dark .saved-search-item-filters{color:var(--text-secondary)}html[data-theme=halloween].dark .saved-search-item-footer{border-top-color:var(--divider-primary)}html[data-theme=halloween].dark .saved-search-item-date{color:var(--text-tertiary)}html[data-theme=halloween].dark .saved-search-item-used{color:var(--primary)}@media (max-width: 768px){.saved-search-panel{width:95%;max-height:85vh}.saved-search-header{padding:16px 20px}.saved-search-content{padding:12px}.saved-search-item{padding:14px}.saved-search-item-icon{width:36px;height:36px}}.tooltip-trigger{display:inline-flex;align-items:center;justify-content:center}.tooltip{background:#000000d9;color:var(--text-quinary);padding:4px 8px;border-radius:var(--border-radius-sm);font-size:11px;font-weight:var(--font-weight-medium);white-space:nowrap;z-index:var(--z-tooltip);pointer-events:none;box-shadow:var(--shadow-sm);animation:tooltipFadeIn .15s ease-out}@keyframes tooltipFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}html[data-theme=canda].dark .tooltip{background:#fffffff2;color:var(--bg-primary)}html[data-theme=halloween].dark .tooltip{background:#fffffff2;color:#1f2937}.filters-section{grid-area:filters;padding:12px 20px;background:var(--bg-primary);border-bottom:var(--border-width-1) solid var(--divider-primary);transition:background-color .3s ease;min-width:0;max-width:100%;box-sizing:border-box}.filters-section.has-additional-filters{border-bottom:none;padding-bottom:6px}.additional-filters-section{grid-area:additional-filters;padding:6px 20px 12px;background:var(--bg-primary);border-bottom:var(--border-width-1) solid var(--divider-primary);transition:background-color .3s ease;min-width:0;max-width:100%;box-sizing:border-box}.filters-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:space-between}.filters-left{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.filters-right{display:flex;gap:8px;align-items:center}.filter-button{display:flex;align-items:center;gap:4px;padding:6px 10px;border:var(--border-width-1) solid var(--divider-primary);border-radius:var(--border-radius-md);background:var(--bg-primary);color:var(--text-tertiary);font-size:.75rem;font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s ease;white-space:nowrap}.filter-button:hover{background:var(--hover-primary)!important;color:var(--primary);border-color:var(--primary);transform:scale(1.01)}.filter-button:hover .material-symbols-rounded{color:var(--primary)}.filter-button.active{background:var(--primary)!important;color:var(--text-quinary)!important;border-color:var(--primary)!important}.filter-button.active .material-symbols-rounded{color:var(--text-quinary)}.filter-button .material-symbols-rounded{font-size:16px;color:var(--text-tertiary)}.filter-button.secondary{background:var(--bg-secondary)!important;color:var(--text-tertiary);border-color:var(--divider-secondary)}.filter-button.secondary .material-symbols-rounded{color:var(--text-tertiary)}.filter-button.secondary.active{background:var(--primary)!important;color:var(--text-quinary)!important;border-color:var(--primary)!important}.filter-button.secondary.active .material-symbols-rounded{color:var(--text-quinary)!important}.filter-button.secondary.active:hover{opacity:var(--opacity-90)}.filter-button.secondary.active:hover .material-symbols-rounded{color:var(--text-quinary)!important}.filter-button.icon-only{display:flex;align-items:center;justify-content:center;padding:0;width:34px;height:32px;min-width:unset;line-height:1}.filter-button.icon-only .material-symbols-rounded{color:var(--text-tertiary);font-size:20px;line-height:1}.filter-button.destructive:hover{background:var(--tag-bg-red-neon)!important;border-color:var(--accent-red-neon)!important;color:var(--accent-red-neon)!important}.filter-button.destructive:hover .material-symbols-rounded{color:var(--accent-red-neon)!important}.filter-button.destructive:active{background:var(--tag-bg-red-neon)!important;border-color:var(--accent-red-neon)!important;color:var(--accent-red-neon)!important}.filter-button.destructive:active .material-symbols-rounded{color:var(--accent-red-neon)!important}.filter-button.gold:hover{background:var(--tag-bg-amber-light)!important;border-color:var(--primary-amber)!important;color:var(--primary-amber)!important}.filter-button.gold:hover .material-symbols-rounded{color:var(--primary-amber)!important}.filter-button.gold:active{background:var(--tag-bg-amber)!important;border-color:var(--accent-gold-dark)!important;color:var(--accent-gold-dark)!important}.filter-button.gold:active .material-symbols-rounded{color:var(--accent-gold-dark)!important}.filter-button.gold.active{background:var(--tag-bg-amber)!important;border-color:var(--primary-amber)!important;color:var(--primary-amber)!important}.filter-button.gold.active .material-symbols-rounded{color:var(--primary-amber)!important;font-variation-settings:"FILL" 1,"wght" 500,"GRAD" 0,"opsz" 24}.filter-button.gold.active:hover{background:var(--tag-bg-amber)!important;border-color:var(--accent-gold-dark)!important;color:var(--accent-gold-dark)!important}.filter-button.gold.active:hover .material-symbols-rounded{color:var(--accent-gold-dark)!important}.filter-dropdown-container{position:relative}.filter-dropdown{position:absolute;top:calc(100% + 8px);left:0;min-width:250px;background:var(--bg-primary);border:var(--border-width-1) solid var(--divider-primary);border-radius:var(--border-radius-md);box-shadow:var(--shadow-md);z-index:var(--z-dropdown);overflow:hidden}.dropdown-search{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:var(--border-width-1) solid var(--divider-primary);background:var(--bg-secondary)}.dropdown-search .material-symbols-rounded{font-size:18px;color:var(--text-tertiary)}.dropdown-search input{flex:1;border:none;background:transparent;outline:none;color:var(--text-primary);font-size:.875rem}.dropdown-search input::placeholder{color:var(--text-tertiary)}.selected-brands-section{border-bottom:var(--border-width-1) solid var(--divider-primary);background:var(--bg-primary)}.selected-brands-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 12px}.selected-brands-toggle{display:flex;align-items:center;gap:6px;background:transparent;border:none;color:var(--text-primary);font-size:.75rem;font-weight:var(--font-weight-medium);cursor:pointer;transition:none;padding:0}.selected-brands-toggle:hover{background:transparent}.clear-all-btn{padding:4px 8px;background:transparent;border:none;color:var(--accent-red-muted);font-size:.75rem;font-weight:var(--font-weight-medium);cursor:pointer;text-align:right;transition:all .2s ease}.clear-all-btn:hover{color:var(--accent-red-neon);background:var(--tag-bg-red-neon);border-radius:var(--border-radius-sm)}.selected-brands-toggle .material-symbols-rounded{font-size:16px}.selected-brands-tags{display:flex;flex-wrap:wrap;gap:6px;padding:0 12px 6px}.brand-tag{display:flex;align-items:center;gap:4px;padding:4px 8px;background:var(--primary);color:var(--text-quinary);border-radius:var(--border-radius-sm);font-size:.75rem;font-weight:var(--font-weight-medium)}.brand-tag span{color:var(--text-quinary);font-size:.75rem}.remove-tag-btn{display:flex;align-items:center;justify-content:center;padding:0;background:transparent;border:none;cursor:pointer;color:var(--text-quinary);transition:opacity .2s ease}.remove-tag-btn:hover{opacity:var(--opacity-70)}.remove-tag-btn .material-symbols-rounded{font-size:14px;color:var(--text-quinary)}.dropdown-list{max-height:250px;overflow-y:auto;padding:4px}.dropdown-item{display:flex;align-items:center;gap:8px;padding:8px 10px;cursor:pointer;border-radius:var(--border-radius-sm);transition:background .2s ease}.dropdown-item:hover{background:var(--hover-primary)}.dropdown-item input[type=checkbox]{width:16px;height:16px;cursor:pointer;appearance:none;-webkit-appearance:none;border:var(--border-width-2) solid var(--divider-primary);border-radius:var(--border-radius-sm);background:var(--bg-primary);position:relative;transition:all .2s ease}.dropdown-item input[type=checkbox]:hover{border-color:var(--primary)}.dropdown-item input[type=checkbox]:checked{background:var(--primary);border-color:var(--primary)}.dropdown-item input[type=checkbox]:checked:after{content:"";position:absolute;left:2.75px;top:0;width:4px;height:8px;border:solid var(--text-quinary);border-width:0 var(--border-width-2) var(--border-width-2) 0;transform:rotate(45deg)}.dropdown-item span{font-size:.875rem;color:var(--text-primary)}.dropdown-empty{padding:20px;text-align:center;color:var(--text-tertiary);font-size:.875rem}.filter-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 4px;background:var(--text-quinary);color:var(--primary);border-radius:var(--border-radius-md);font-size:.625rem;font-weight:var(--font-weight-semibold)}.filter-button.active .filter-badge{background:var(--text-quinary);color:var(--primary)}.toggle-group{display:flex;gap:32px;flex-wrap:wrap;align-items:center}.toggle-item{display:flex;align-items:center}.toggle-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:.75rem;color:var(--text-tertiary);transition:color .2s ease}.toggle-label:hover{color:var(--text-primary)}.toggle-switch{position:absolute;opacity:0;cursor:pointer}.toggle-slider{position:relative;width:40px;height:20px;background:var(--divider-primary);border-radius:var(--border-radius-2xl);transition:all .3s ease;cursor:pointer}.toggle-slider:before{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background:var(--bg-primary);border-radius:50%;transition:all .3s ease;box-shadow:var(--shadow-sm)}.toggle-switch:checked+.toggle-slider{background:var(--primary)}.toggle-switch:checked+.toggle-slider:before{transform:translate(20px)}.toggle-switch:focus+.toggle-slider{box-shadow:var(--shadow-focus)}.toggle-text{font-weight:var(--font-weight-medium);-webkit-user-select:none;user-select:none;font-size:.75rem}html[data-theme=canda].dark .filters-section,html[data-theme=canda].dark .additional-filters-section{background:var(--bg-secondary);border-bottom-color:var(--divider-primary)}html[data-theme=canda].dark .filter-button{border-color:var(--divider-primary);background:var(--bg-secondary)!important;color:var(--text-secondary)}html[data-theme=canda].dark .filter-button:hover{background:var(--hover-primary)!important;color:var(--primary);border-color:var(--primary)}html[data-theme=canda].dark .filter-button:hover .material-symbols-rounded{color:var(--primary)}html[data-theme=canda].dark .filter-button.active{background:var(--primary)!important;color:var(--text-quinary)!important;border-color:var(--primary)!important}html[data-theme=canda].dark .filter-button.active .material-symbols-rounded{color:var(--text-quinary)}html[data-theme=canda].dark .filter-button.active:hover{background:var(--primary)!important}html[data-theme=canda].dark .filter-button .material-symbols-rounded{color:var(--text-secondary)}html[data-theme=canda].dark .filter-button.secondary{background:var(--bg-secondary)!important;color:var(--text-tertiary);border-color:var(--divider-secondary)}html[data-theme=canda].dark .filter-button.secondary .material-symbols-rounded{color:var(--text-tertiary)}html[data-theme=canda].dark .filter-button.secondary.active{background:var(--primary)!important;color:var(--text-quinary)!important;border-color:var(--primary)!important}html[data-theme=canda].dark .filter-button.secondary.active .material-symbols-rounded,html[data-theme=canda].dark .filter-button.secondary.active:hover .material-symbols-rounded{color:var(--text-quinary)!important}html[data-theme=canda].dark .filter-button.icon-only .material-symbols-rounded{color:var(--text-secondary)}html[data-theme=canda].dark .filter-button.destructive:hover{background:var(--tag-bg-red-neon)!important;border-color:var(--accent-red-neon)!important;color:var(--accent-red-neon)!important}html[data-theme=canda].dark .filter-button.destructive:hover .material-symbols-rounded{color:var(--accent-red-neon)!important}html[data-theme=canda].dark .filter-button.destructive:active{background:var(--tag-bg-red-neon)!important;border-color:var(--accent-red-neon)!important;color:var(--accent-red-neon)!important}html[data-theme=canda].dark .filter-button.destructive:active .material-symbols-rounded{color:var(--accent-red-neon)!important}html[data-theme=canda].dark .filter-button.gold:hover{background:var(--tag-bg-amber-light)!important;border-color:var(--primary-amber)!important;color:var(--primary-amber)!important}html[data-theme=canda].dark .filter-button.gold:hover .material-symbols-rounded{color:var(--primary-amber)!important}html[data-theme=canda].dark .filter-button.gold:active{background:var(--tag-bg-amber)!important;border-color:var(--accent-gold-dark)!important;color:var(--accent-gold-dark)!important}html[data-theme=canda].dark .filter-button.gold:active .material-symbols-rounded{color:var(--accent-gold-dark)!important}html[data-theme=canda].dark .filter-button.gold.active{background:var(--tag-bg-amber)!important;border-color:var(--primary-amber)!important;color:var(--primary-amber)!important}html[data-theme=canda].dark .filter-button.gold.active .material-symbols-rounded{color:var(--primary-amber)!important}html[data-theme=canda].dark .filter-button.gold.active:hover{background:var(--tag-bg-amber)!important;border-color:var(--accent-gold-dark)!important;color:var(--accent-gold-dark)!important}html[data-theme=canda].dark .filter-button.gold.active:hover .material-symbols-rounded{color:var(--accent-gold-dark)!important}html[data-theme=canda].dark .filter-dropdown{background:var(--bg-primary);border-color:var(--divider-primary)}html[data-theme=canda].dark .dropdown-search{border-bottom-color:var(--divider-primary);background:var(--bg-secondary)}html[data-theme=canda].dark .dropdown-search .material-symbols-rounded{color:var(--text-secondary)}html[data-theme=canda].dark .dropdown-search input{color:var(--text-primary)}html[data-theme=canda].dark .dropdown-search input::placeholder{color:var(--text-tertiary)}html[data-theme=canda].dark .selected-brands-section{border-bottom-color:var(--divider-primary);background:var(--bg-primary)}html[data-theme=canda].dark .selected-brands-toggle{color:var(--text-primary)}html[data-theme=canda].dark .clear-all-btn{color:var(--accent-red-muted)}html[data-theme=canda].dark .brand-tag{background:var(--primary);color:var(--text-quinary)}html[data-theme=canda].dark .brand-tag span,html[data-theme=canda].dark .remove-tag-btn,html[data-theme=canda].dark .remove-tag-btn .material-symbols-rounded{color:var(--text-quinary)}html[data-theme=canda].dark .dropdown-item:hover{background:var(--hover-primary)}html[data-theme=canda].dark .dropdown-item input[type=checkbox]{border-color:var(--divider-primary);background:var(--bg-primary)}html[data-theme=canda].dark .dropdown-item input[type=checkbox]:hover{border-color:var(--primary)}html[data-theme=canda].dark .dropdown-item input[type=checkbox]:checked{background:var(--primary);border-color:var(--primary)}html[data-theme=canda].dark .dropdown-item span{color:var(--text-primary)}html[data-theme=canda].dark .dropdown-empty{color:var(--text-tertiary)}html[data-theme=canda].dark .filter-badge,html[data-theme=canda].dark .filter-button.active .filter-badge{background:var(--text-quinary);color:var(--primary)}html[data-theme=canda].dark .toggle-label{color:var(--text-secondary)}html[data-theme=canda].dark .toggle-label:hover{color:var(--text-primary)}html[data-theme=canda].dark .toggle-slider{background:var(--divider-primary)}html[data-theme=canda].dark .toggle-slider:before{background:var(--bg-primary)}html[data-theme=canda].dark .toggle-switch:checked+.toggle-slider{background:var(--primary)}html[data-theme=halloween].dark .filters-section,html[data-theme=halloween].dark .additional-filters-section{background:var(--bg-secondary);border-bottom-color:var(--divider-primary)}html[data-theme=halloween].dark .filter-button{border-color:var(--divider-primary);background:var(--bg-secondary)!important;color:var(--text-secondary)}html[data-theme=halloween].dark .filter-button:hover{background:var(--hover-primary)!important;color:var(--primary);border-color:var(--primary)}html[data-theme=halloween].dark .filter-button:hover .material-symbols-rounded{color:var(--primary)}html[data-theme=halloween].dark .filter-button.active{background:var(--primary)!important;color:var(--text-quinary)!important;border-color:var(--primary)!important}html[data-theme=halloween].dark .filter-button.active .material-symbols-rounded{color:var(--text-quinary)}html[data-theme=halloween].dark .filter-button.active:hover{background:var(--primary)!important}html[data-theme=halloween].dark .filter-button .material-symbols-rounded{color:var(--text-secondary)}html[data-theme=halloween].dark .filter-button.secondary{background:var(--bg-secondary)!important;color:var(--text-tertiary);border-color:var(--divider-secondary)}html[data-theme=halloween].dark .filter-button.secondary .material-symbols-rounded{color:var(--text-tertiary)}html[data-theme=halloween].dark .filter-button.secondary.active{background:var(--primary)!important;color:var(--text-quinary)!important;border-color:var(--primary)!important}html[data-theme=halloween].dark .filter-button.secondary.active .material-symbols-rounded,html[data-theme=halloween].dark .filter-button.secondary.active:hover .material-symbols-rounded{color:var(--text-quinary)!important}html[data-theme=halloween].dark .filter-button.icon-only .material-symbols-rounded{color:var(--text-secondary)}html[data-theme=halloween].dark .filter-button.destructive:hover{background:var(--tag-bg-red-neon)!important;border-color:var(--accent-red-neon)!important;color:var(--accent-red-neon)!important}html[data-theme=halloween].dark .filter-button.destructive:hover .material-symbols-rounded{color:var(--accent-red-neon)!important}html[data-theme=halloween].dark .filter-button.destructive:active{background:var(--tag-bg-red-neon)!important;border-color:var(--accent-red-neon)!important;color:var(--accent-red-neon)!important}html[data-theme=halloween].dark .filter-button.destructive:active .material-symbols-rounded{color:var(--accent-red-neon)!important}html[data-theme=halloween].dark .filter-button.gold:hover{background:var(--tag-bg-amber-light)!important;border-color:var(--primary-amber)!important;color:var(--primary-amber)!important}html[data-theme=halloween].dark .filter-button.gold:hover .material-symbols-rounded{color:var(--primary-amber)!important}html[data-theme=halloween].dark .filter-button.gold:active{background:var(--tag-bg-amber)!important;border-color:var(--accent-gold-dark)!important;color:var(--accent-gold-dark)!important}html[data-theme=halloween].dark .filter-button.gold:active .material-symbols-rounded{color:var(--accent-gold-dark)!important}html[data-theme=halloween].dark .filter-button.gold.active{background:var(--tag-bg-amber)!important;border-color:var(--primary-amber)!important;color:var(--primary-amber)!important}html[data-theme=halloween].dark .filter-button.gold.active .material-symbols-rounded{color:var(--primary-amber)!important}html[data-theme=halloween].dark .filter-button.gold.active:hover{background:var(--tag-bg-amber)!important;border-color:var(--accent-gold-dark)!important;color:var(--accent-gold-dark)!important}html[data-theme=halloween].dark .filter-button.gold.active:hover .material-symbols-rounded{color:var(--accent-gold-dark)!important}html[data-theme=halloween].dark .filter-dropdown{background:var(--bg-primary);border-color:var(--divider-primary)}html[data-theme=halloween].dark .dropdown-search{border-bottom-color:var(--divider-primary);background:var(--bg-secondary)}html[data-theme=halloween].dark .dropdown-search .material-symbols-rounded{color:var(--text-secondary)}html[data-theme=halloween].dark .dropdown-search input{color:var(--text-primary)}html[data-theme=halloween].dark .dropdown-search input::placeholder{color:var(--text-tertiary)}html[data-theme=halloween].dark .selected-brands-section{border-bottom-color:var(--divider-primary);background:var(--bg-primary)}html[data-theme=halloween].dark .selected-brands-toggle{color:var(--text-primary)}html[data-theme=halloween].dark .clear-all-btn{color:var(--accent-red-muted)}html[data-theme=halloween].dark .brand-tag{background:var(--primary);color:var(--text-quinary)}html[data-theme=halloween].dark .brand-tag span,html[data-theme=halloween].dark .remove-tag-btn,html[data-theme=halloween].dark .remove-tag-btn .material-symbols-rounded{color:var(--text-quinary)}html[data-theme=halloween].dark .dropdown-item:hover{background:var(--hover-primary)}html[data-theme=halloween].dark .dropdown-item input[type=checkbox]{border-color:var(--divider-primary);background:var(--bg-primary)}html[data-theme=halloween].dark .dropdown-item input[type=checkbox]:hover{border-color:var(--primary)}html[data-theme=halloween].dark .dropdown-item input[type=checkbox]:checked{background:var(--primary);border-color:var(--primary)}html[data-theme=halloween].dark .dropdown-item span{color:var(--text-primary)}html[data-theme=halloween].dark .dropdown-empty{color:var(--text-tertiary)}html[data-theme=halloween].dark .filter-badge,html[data-theme=halloween].dark .filter-button.active .filter-badge{background:var(--text-quinary);color:var(--primary)}html[data-theme=halloween].dark .toggle-label{color:var(--text-secondary)}html[data-theme=halloween].dark .toggle-label:hover{color:var(--text-primary)}html[data-theme=halloween].dark .toggle-slider{background:var(--divider-primary)}html[data-theme=halloween].dark .toggle-slider:before{background:var(--bg-primary)}html[data-theme=halloween].dark .toggle-switch:checked+.toggle-slider{background:var(--primary)}@media (max-width: 480px){.filters-section{padding:12px 16px}.filters-row{gap:8px}.filters-left,.filters-right{gap:6px}.toggle-group{gap:24px}}.data-options-container{position:relative;display:inline-block}.data-options-button{display:flex;align-items:center;justify-content:center;gap:4px;padding:4px 6px;width:34px;height:32px;border:var(--border-width-1) solid var(--divider-primary);border-radius:var(--border-radius-md);background:var(--bg-primary);color:var(--text-tertiary);font-size:.75rem;font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s ease;white-space:nowrap;position:relative}.data-options-button:hover{background:var(--hover-primary)!important;color:var(--primary);border-color:var(--primary);transform:scale(1.01)}.data-options-button.active{background:var(--primary)!important;color:var(--text-quinary)!important;border-color:var(--primary)!important}.data-options-button.active .material-symbols-rounded,.data-options-button.active:hover .material-symbols-rounded{color:var(--text-quinary)}.data-options-button .material-symbols-rounded{font-size:20px;color:var(--text-tertiary)}.data-options-button:hover .material-symbols-rounded{color:var(--primary)}.filter-count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0;background:var(--text-quinary);color:var(--primary);border-radius:50%;font-size:.625rem;font-weight:var(--font-weight-bold);line-height:1}.data-options-button.active .filter-count-badge{background:var(--text-quinary);color:var(--primary)}.data-options-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:var(--bg-primary);border:var(--border-width-1) solid var(--divider-primary);border-radius:var(--border-radius-md);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown);min-width:330px;max-width:480px;overflow:hidden}.filter-section{padding:16px}.filter-section.with-border{border-bottom:var(--border-width-1) solid var(--divider-primary)}.filter-section-title{display:flex;align-items:center;gap:6px;margin:0 0 12px;font-size:.75rem;font-weight:var(--font-weight-semibold);color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em}.filter-section-title .material-symbols-rounded{font-size:18px;color:var(--text-primary)}.chip-container{display:flex;flex-wrap:wrap;gap:8px}.filter-chip{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border:var(--border-width-1) solid var(--divider-primary);border-radius:var(--border-radius-2xl);background:var(--bg-primary);color:var(--text-tertiary);font-size:.75rem;font-weight:var(--font-weight-medium);line-height:1;cursor:pointer;transition:all .2s ease;font-family:var(--font-family-primary)}.filter-chip:hover{background:var(--hover-primary);color:var(--primary);border-color:var(--primary)}.filter-chip.selected{background:var(--active-bg);color:var(--primary);border-color:var(--primary);font-weight:var(--font-weight-semibold)}.chip-icon{font-size:16px;line-height:1;display:flex;align-items:center}.clear-all-section{display:flex;justify-content:center;padding:8px 12px;border-top:var(--border-width-1) solid var(--divider-primary);background:var(--bg-secondary)}.clear-all-button{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:5px 10px;background:transparent;border:none;color:var(--accent-red-muted);font-size:.75rem;font-weight:var(--font-weight-medium);line-height:1;cursor:pointer;transition:all .2s ease;font-family:var(--font-family-primary);border-radius:var(--border-radius-sm)}.clear-all-button:hover{background:#ef44441a;color:var(--accent-red-muted)}.clear-all-button .material-symbols-rounded{font-size:16px;line-height:1}html[data-theme=canda].dark .data-options-button{border-color:var(--divider-primary);background:var(--bg-secondary);color:var(--text-secondary)}html[data-theme=canda].dark .data-options-button:hover{background:var(--hover-primary)!important;color:var(--primary);border-color:var(--primary)}html[data-theme=canda].dark .data-options-button.active{background:var(--primary)!important;color:var(--text-quinary)!important;border-color:var(--primary)!important}html[data-theme=canda].dark .data-options-button.active .material-symbols-rounded{color:var(--text-quinary)}html[data-theme=canda].dark .data-options-button .material-symbols-rounded{color:var(--text-secondary)}html[data-theme=canda].dark .data-options-button:hover .material-symbols-rounded{color:var(--text-quinary)}html[data-theme=canda].dark .filter-count-badge,html[data-theme=canda].dark .data-options-button.active .filter-count-badge{background:var(--text-quinary);color:var(--primary)}html[data-theme=canda].dark .data-options-dropdown{background:var(--bg-secondary);border-color:var(--divider-primary)}html[data-theme=canda].dark .filter-section.with-border{border-bottom-color:var(--divider-primary)}html[data-theme=canda].dark .filter-section-title,html[data-theme=canda].dark .filter-section-title .material-symbols-rounded{color:var(--text-primary)}html[data-theme=canda].dark .filter-chip{border-color:var(--divider-primary);background:var(--bg-secondary);color:var(--text-secondary)}html[data-theme=canda].dark .filter-chip:hover{background:var(--hover-primary);color:var(--text-secondary);border-color:var(--primary)}html[data-theme=canda].dark .filter-chip.selected{background:var(--active-bg);color:var(--primary);border-color:var(--primary)}html[data-theme=canda].dark .clear-all-section{border-top-color:var(--divider-primary);background:var(--bg-tertiary)}html[data-theme=canda].dark .clear-all-button{color:var(--accent-red-muted)}html[data-theme=halloween].dark .data-options-button{border-color:var(--divider-primary);background:var(--bg-secondary);color:var(--text-secondary)}html[data-theme=halloween].dark .data-options-button:hover{background:var(--hover-primary)!important;color:var(--primary);border-color:var(--primary)}html[data-theme=halloween].dark .data-options-button.active{background:var(--primary)!important;color:var(--text-quinary)!important;border-color:var(--primary)!important}html[data-theme=halloween].dark .data-options-button.active .material-symbols-rounded{color:var(--text-quinary)}html[data-theme=halloween].dark .data-options-button .material-symbols-rounded{color:var(--text-secondary)}html[data-theme=halloween].dark .data-options-button:hover .material-symbols-rounded{color:var(--text-quinary)}html[data-theme=halloween].dark .filter-count-badge,html[data-theme=halloween].dark .data-options-button.active .filter-count-badge{background:var(--text-quinary);color:var(--primary)}html[data-theme=halloween].dark .data-options-dropdown{background:var(--bg-secondary);border-color:var(--divider-primary)}html[data-theme=halloween].dark .filter-section.with-border{border-bottom-color:var(--divider-primary)}html[data-theme=halloween].dark .filter-section-title,html[data-theme=halloween].dark .filter-section-title .material-symbols-rounded{color:var(--text-primary)}html[data-theme=halloween].dark .filter-chip{border-color:var(--divider-primary);background:var(--bg-secondary);color:var(--text-secondary)}html[data-theme=halloween].dark .filter-chip:hover{background:var(--hover-primary);color:var(--text-secondary);border-color:var(--primary)}html[data-theme=halloween].dark .filter-chip.selected{background:var(--active-bg);color:var(--primary);border-color:var(--primary)}html[data-theme=halloween].dark .clear-all-section{border-top-color:var(--divider-primary);background:var(--bg-tertiary)}html[data-theme=halloween].dark .clear-all-button{color:var(--accent-red-muted)}@media (max-width: 480px){.data-options-dropdown{min-width:280px;max-width:calc(100vw - 32px)}.filter-section{padding:12px}.chip-container{gap:6px}.filter-chip{padding:4px 8px;font-size:.7rem}}.date-range-menu-container{position:relative}.date-range-button{display:flex;align-items:center;gap:4px;padding:6px 10px;border:var(--border-width-1) solid var(--divider-primary);border-radius:var(--border-radius-md);background:var(--bg-primary);color:var(--text-secondary);font-size:.75rem;font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s ease;white-space:nowrap;width:auto;min-width:120px}.date-range-button:hover{border-color:var(--primary);background:var(--hover-primary);color:var(--primary)}.date-range-button.active{background:var(--primary);color:var(--text-quinary);border-color:var(--primary)}.date-range-button.active .material-symbols-rounded{color:var(--text-quinary)}.date-range-button .material-symbols-rounded{font-size:16px;color:var(--text-tertiary)}.date-range-button:hover .material-symbols-rounded{color:var(--text-tertiary)}.date-range-menu{position:absolute;top:calc(100% + 8px);left:0;background:var(--bg-primary);border:var(--border-width-1) solid var(--divider-primary);border-radius:var(--border-radius-md);box-shadow:var(--shadow-md);z-index:var(--z-dropdown);overflow:hidden;display:flex;flex-direction:column}.date-range-menu-content{display:flex;height:100%}.date-range-presets{width:170px;border-right:var(--border-width-1) solid var(--divider-primary);background:var(--bg-secondary);flex-shrink:0;overflow-y:auto}.presets-section{border-bottom:var(--border-width-1) solid var(--divider-primary)}.presets-section:last-child{border-bottom:none}.presets-header{display:flex;align-items:center;gap:6px;padding:14px 12px 8px;font-size:.65rem;font-weight:var(--font-weight-semibold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px}.presets-header .material-symbols-rounded{font-size:15px;color:var(--text-tertiary)}.presets-list{display:flex;flex-direction:column;gap:4px;padding:0 8px 10px}.preset-button{padding:6px 10px;background:transparent;border:var(--border-width-1) solid var(--divider-primary);border-radius:var(--border-radius-md);color:var(--text-secondary);font-size:.7rem;font-weight:var(--font-weight-medium);text-align:center;cursor:pointer;transition:all .2s ease;white-space:nowrap}.preset-button:hover{background:var(--hover-primary);border-color:var(--primary);color:var(--primary)}.preset-button.active{background:var(--primary);border-color:var(--primary);color:var(--text-quinary);font-weight:var(--font-weight-semibold)}.date-range-calendars-section{flex:1;padding:16px;background:var(--bg-primary);display:flex;flex-direction:column;gap:16px}.calendars-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:12px;border-bottom:var(--border-width-1) solid var(--divider-primary)}.calendars-title{font-size:1rem;font-weight:var(--font-weight-semibold);color:var(--text-primary)}.calendar-nav-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:var(--border-width-1) solid var(--divider-primary);border-radius:var(--border-radius-md);cursor:pointer;transition:all .2s ease}.calendar-nav-button:hover{background:var(--hover-primary);border-color:var(--primary)}.calendar-nav-button .material-symbols-rounded{font-size:20px;color:var(--text-secondary)}.calendar-nav-button:hover .material-symbols-rounded{color:var(--primary)}.dual-calendars-container{display:flex;gap:24px;justify-content:center}.dual-calendar{display:flex;flex-direction:column;gap:12px;min-width:280px}.calendar-header{display:flex;align-items:center;justify-content:center;padding:8px 0}.calendar-month-year-button{display:flex;align-items:center;gap:4px;background:transparent;border:none;font-size:.875rem;font-weight:var(--font-weight-semibold);color:var(--text-primary);cursor:pointer;padding:4px 8px;border-radius:var(--border-radius-md);transition:all .2s ease}.calendar-month-year-button:hover{background:var(--hover-primary);color:var(--primary)}.calendar-month-year-button .material-symbols-rounded{font-size:18px}.calendar-month-year{font-size:.875rem;font-weight:var(--font-weight-semibold);color:var(--text-primary)}.calendar-grid{display:flex;flex-direction:column;gap:8px}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.calendar-weekday{display:flex;align-items:center;justify-content:center;height:28px;font-size:.7rem;font-weight:var(--font-weight-semibold);color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px}.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.calendar-day{display:flex;align-items:center;justify-content:center;width:38px;height:38px;background:transparent;border:var(--border-width-1) solid var(--divider-primary);border-radius:var(--border-radius-md);color:var(--text-secondary);font-size:.8rem;font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s ease;position:relative}.calendar-day:hover:not(.disabled):not(.other-month){background:var(--hover-primary);border-color:var(--primary);color:var(--primary)}.calendar-day.other-month{color:var(--text-tertiary);opacity:.4;border-color:transparent}.calendar-day.selected{background:var(--primary);border-color:var(--primary);color:var(--text-quinary);font-weight:var(--font-weight-semibold)}.calendar-day.in-range{background:var(--hover-primary);border-color:var(--primary);color:var(--primary)}.calendar-day.in-range:hover{background:var(--active-bg)}.calendar-day.disabled{color:var(--text-tertiary);cursor:not-allowed;opacity:var(--opacity-50)}.calendar-day.disabled:hover{background:transparent;border-color:var(--divider-primary);color:var(--text-tertiary)}.calendars-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:12px;border-top:var(--border-width-1) solid var(--divider-primary)}.date-options-toggles{display:flex;gap:16px;align-items:center}.toggle-option{display:flex;align-items:center;gap:8px;cursor:pointer;position:relative;-webkit-user-select:none;user-select:none}.toggle-option input[type=checkbox]{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.toggle-slider{position:relative;display:inline-block;width:36px;height:20px;background-color:var(--divider-primary);border-radius:var(--border-radius-full);transition:all .3s ease;flex-shrink:0}.toggle-slider:before{content:"";position:absolute;height:16px;width:16px;left:2px;bottom:2px;background-color:var(--bg-tertiary);border-radius:var(--border-radius-full);transition:all .3s ease}.toggle-option input[type=checkbox]:checked+.toggle-slider{background-color:var(--primary)}.toggle-option input[type=checkbox]:checked+.toggle-slider:before{transform:translate(16px)}.toggle-label{font-size:.75rem;font-weight:var(--font-weight-medium);color:var(--text-primary);white-space:nowrap}.footer-actions{display:flex;align-items:center;gap:8px}.clear-button{display:flex;align-items:center;justify-content:center;padding:6px 12px;background:transparent;border:var(--border-width-1) solid var(--divider-primary);border-radius:var(--border-radius-md);color:var(--text-secondary);font-size:.75rem;font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s ease;white-space:nowrap;height:32px}.clear-button:hover{background:var(--tag-bg-red-neon);border-color:var(--accent-red-neon);color:var(--accent-red-neon)}.apply-button{display:flex;align-items:center;justify-content:center;padding:5px 12px 6px;background:var(--primary);border:none;border-radius:var(--border-radius-md);color:var(--text-quinary);font-size:.75rem;font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s ease;white-space:nowrap;height:32px}.apply-button:hover{background:var(--primary);opacity:var(--opacity-90)}html[data-theme=canda].dark .date-range-button{border-color:var(--divider-primary);background:var(--bg-primary);color:var(--text-secondary)}html[data-theme=canda].dark .date-range-button:hover{border-color:var(--primary);background:var(--hover-primary);color:var(--text-secondary)}html[data-theme=canda].dark .date-range-button.active{background:var(--primary);color:var(--text-quinary);border-color:var(--primary)}html[data-theme=canda].dark .date-range-button.active .material-symbols-rounded{color:var(--text-quinary)}html[data-theme=canda].dark .date-range-button .material-symbols-rounded,html[data-theme=canda].dark .date-range-button:hover .material-symbols-rounded{color:var(--text-tertiary)}html[data-theme=canda].dark .date-range-menu{background:var(--bg-primary);border-color:var(--divider-primary)}html[data-theme=canda].dark .date-range-presets{border-right-color:var(--divider-primary);background:var(--bg-secondary)}html[data-theme=canda].dark .presets-header,html[data-theme=canda].dark .presets-header .material-symbols-rounded{color:var(--text-primary)}html[data-theme=canda].dark .preset-button{background:transparent;border-color:var(--divider-primary);color:var(--text-secondary)}html[data-theme=canda].dark .preset-button:hover{background:var(--hover-primary);border-color:var(--primary);color:var(--text-secondary)}html[data-theme=canda].dark .preset-button.active{background:var(--primary);border-color:var(--primary);color:var(--text-quinary)}html[data-theme=canda].dark .date-range-calendars-section{background:var(--bg-primary)}html[data-theme=canda].dark .calendars-header{border-bottom-color:var(--divider-primary)}html[data-theme=canda].dark .calendars-title{color:var(--text-primary)}html[data-theme=canda].dark .calendar-nav-button{background:transparent;border-color:var(--divider-primary)}html[data-theme=canda].dark .calendar-nav-button:hover{background:var(--hover-primary);border-color:var(--primary)}html[data-theme=canda].dark .calendar-nav-button .material-symbols-rounded{color:var(--text-secondary)}html[data-theme=canda].dark .calendar-nav-button:hover .material-symbols-rounded{color:var(--primary)}html[data-theme=canda].dark .calendar-month-year-button{color:var(--text-primary)}html[data-theme=canda].dark .calendar-month-year-button:hover{background:var(--hover-primary);color:var(--primary)}html[data-theme=canda].dark .calendar-month-year,html[data-theme=canda].dark .calendar-weekday{color:var(--text-primary)}html[data-theme=canda].dark .calendar-day{background:transparent;border-color:var(--divider-primary);color:var(--text-secondary)}html[data-theme=canda].dark .calendar-day:hover:not(.disabled):not(.other-month){background:var(--hover-primary);border-color:var(--primary);color:var(--primary)}html[data-theme=canda].dark .calendar-day.other-month{color:var(--text-tertiary);border-color:transparent}html[data-theme=canda].dark .calendar-day.selected{background:var(--primary);border-color:var(--primary);color:var(--text-quinary)}html[data-theme=canda].dark .calendar-day.in-range{background:var(--hover-primary);border-color:var(--primary);color:var(--primary)}html[data-theme=canda].dark .calendar-day.in-range:hover{background:var(--active-bg)}html[data-theme=canda].dark .calendar-day.disabled{color:var(--text-tertiary)}html[data-theme=canda].dark .calendar-day.disabled:hover{background:transparent;border-color:var(--divider-primary);color:var(--text-tertiary)}html[data-theme=canda].dark .calendars-footer{border-top-color:var(--divider-primary)}html[data-theme=canda].dark .toggle-slider{background-color:var(--divider-primary)}html[data-theme=canda].dark .toggle-slider:before{background-color:var(--text-quinary)}html[data-theme=canda].dark .toggle-option input[type=checkbox]:checked+.toggle-slider{background-color:var(--primary)}html[data-theme=canda].dark .toggle-label{color:var(--text-primary)}html[data-theme=canda].dark .clear-button{background:transparent;border-color:var(--divider-primary);color:var(--text-secondary)}html[data-theme=canda].dark .clear-button:hover{background:var(--tag-bg-red-neon);border-color:var(--accent-red-neon);color:var(--accent-red-neon)}html[data-theme=canda].dark .apply-button{background:var(--primary);color:var(--text-quinary)}html[data-theme=canda].dark .apply-button:hover{background:var(--primary)}html[data-theme=canda].dark .picker-label{color:var(--text-secondary)}html[data-theme=canda].dark .month-button,html[data-theme=canda].dark .year-button{background:transparent;border-color:var(--divider-primary);color:var(--text-secondary)}html[data-theme=canda].dark .month-button:hover,html[data-theme=canda].dark .year-button:hover:not(.disabled){background:var(--hover-primary);border-color:var(--primary);color:var(--primary)}html[data-theme=canda].dark .month-button.selected,html[data-theme=canda].dark .year-button.selected{background:var(--primary);border-color:var(--primary);color:var(--text-quinary)}html[data-theme=canda].dark .month-button.current,html[data-theme=canda].dark .year-button.current{border-color:var(--primary);color:var(--primary)}html[data-theme=canda].dark .month-button.selected.current,html[data-theme=canda].dark .year-button.selected.current{background:var(--primary);color:var(--text-quinary)}html[data-theme=halloween].dark .date-range-button{border-color:var(--divider-primary);background:var(--bg-primary);color:var(--text-secondary)}html[data-theme=halloween].dark .date-range-button:hover{border-color:var(--primary);background:var(--hover-primary);color:var(--text-secondary)}html[data-theme=halloween].dark .date-range-button.active{background:var(--primary);color:var(--text-quinary);border-color:var(--primary)}html[data-theme=halloween].dark .date-range-button.active .material-symbols-rounded{color:var(--text-quinary)}html[data-theme=halloween].dark .date-range-button .material-symbols-rounded,html[data-theme=halloween].dark .date-range-button:hover .material-symbols-rounded{color:var(--text-secondary)}html[data-theme=halloween].dark .date-range-menu{background:var(--bg-primary);border-color:var(--divider-primary)}html[data-theme=halloween].dark .date-range-presets{border-right-color:var(--divider-primary);background:var(--bg-secondary)}html[data-theme=halloween].dark .presets-header,html[data-theme=halloween].dark .presets-header .material-symbols-rounded{color:var(--text-primary)}html[data-theme=halloween].dark .preset-button{background:transparent;border-color:var(--divider-primary);color:var(--text-secondary)}html[data-theme=halloween].dark .preset-button:hover{background:var(--hover-primary);border-color:var(--primary);color:var(--text-secondary)}html[data-theme=halloween].dark .preset-button.active{background:var(--primary);border-color:var(--primary);color:var(--text-quinary)}html[data-theme=halloween].dark .date-range-calendars-section{background:var(--bg-primary)}html[data-theme=halloween].dark .calendars-header{border-bottom-color:var(--divider-primary)}html[data-theme=halloween].dark .calendars-title{color:var(--text-primary)}html[data-theme=halloween].dark .calendar-nav-button{background:transparent;border-color:var(--divider-primary)}html[data-theme=halloween].dark .calendar-nav-button:hover{background:var(--hover-primary);border-color:var(--primary)}html[data-theme=halloween].dark .calendar-nav-button .material-symbols-rounded{color:var(--text-secondary)}html[data-theme=halloween].dark .calendar-nav-button:hover .material-symbols-rounded{color:var(--primary)}html[data-theme=halloween].dark .calendar-month-year-button{color:var(--text-primary)}html[data-theme=halloween].dark .calendar-month-year-button:hover{background:var(--hover-primary);color:var(--primary)}html[data-theme=halloween].dark .calendar-month-year,html[data-theme=halloween].dark .calendar-weekday{color:var(--text-primary)}html[data-theme=halloween].dark .calendar-day{background:transparent;border-color:var(--divider-primary);color:var(--text-secondary)}html[data-theme=halloween].dark .calendar-day:hover:not(.disabled):not(.other-month){background:var(--hover-primary);border-color:var(--primary);color:var(--primary)}html[data-theme=halloween].dark .calendar-day.other-month{color:var(--text-tertiary);border-color:transparent}html[data-theme=halloween].dark .calendar-day.selected{background:var(--primary);border-color:var(--primary);color:var(--text-quinary)}html[data-theme=halloween].dark .calendar-day.in-range{background:var(--hover-primary);border-color:var(--primary);color:var(--primary)}html[data-theme=halloween].dark .calendar-day.in-range:hover{background:var(--active-bg)}html[data-theme=halloween].dark .calendar-day.disabled{color:var(--text-tertiary)}html[data-theme=halloween].dark .calendar-day.disabled:hover{background:transparent;border-color:var(--divider-primary);color:var(--text-tertiary)}html[data-theme=halloween].dark .calendars-footer{border-top-color:var(--divider-primary)}html[data-theme=halloween].dark .toggle-slider{background-color:var(--divider-primary)}html[data-theme=halloween].dark .toggle-slider:before{background-color:var(--text-quinary)}html[data-theme=halloween].dark .toggle-option input[type=checkbox]:checked+.toggle-slider{background-color:var(--primary)}html[data-theme=halloween].dark .toggle-label{color:var(--text-primary)}html[data-theme=halloween].dark .clear-button{background:transparent;border-color:var(--divider-primary);color:var(--text-secondary)}html[data-theme=halloween].dark .clear-button:hover{background:var(--tag-bg-red-neon);border-color:var(--accent-red-neon);color:var(--accent-red-neon)}html[data-theme=halloween].dark .apply-button{background:var(--primary);color:var(--text-quinary)}html[data-theme=halloween].dark .apply-button:hover{background:var(--primary)}html[data-theme=halloween].dark .picker-label{color:var(--text-secondary)}html[data-theme=halloween].dark .month-button,html[data-theme=halloween].dark .year-button{background:transparent;border-color:var(--divider-primary);color:var(--text-secondary)}html[data-theme=halloween].dark .month-button:hover,html[data-theme=halloween].dark .year-button:hover:not(.disabled){background:var(--hover-primary);border-color:var(--primary);color:var(--primary)}html[data-theme=halloween].dark .month-button.selected,html[data-theme=halloween].dark .year-button.selected{background:var(--primary);border-color:var(--primary);color:var(--text-quinary)}html[data-theme=halloween].dark .month-button.current,html[data-theme=halloween].dark .year-button.current{border-color:var(--primary);color:var(--primary)}html[data-theme=halloween].dark .month-button.selected.current,html[data-theme=halloween].dark .year-button.selected.current{background:var(--primary);color:var(--text-quinary)}@media (max-width: 1024px){.dual-calendars-container{gap:16px}.dual-calendar{min-width:240px}.calendar-day{width:34px;height:34px;font-size:.75rem}}@media (max-width: 768px){.dual-calendars-container{flex-direction:column;gap:12px}.date-range-menu{max-width:calc(100vw - 32px)}.dual-calendar{min-width:100%}}@media (max-width: 480px){.date-range-presets{width:120px}.presets-header{padding:8px 12px}.presets-list{padding:0 6px 8px}.preset-button{padding:6px 8px;font-size:.7rem}.calendar-day{width:32px;height:32px;font-size:.7rem}.calendars-footer{flex-direction:column;align-items:stretch;gap:12px}.date-options-toggles{flex-direction:column;gap:8px;align-items:flex-start}.footer-actions{justify-content:flex-end}}.month-year-picker{display:flex;flex-direction:column;gap:16px;padding:12px 0}.month-picker-section,.year-picker-section{display:flex;flex-direction:column;gap:8px}.picker-label{font-size:.75rem;font-weight:var(--font-weight-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;padding:0 4px}.month-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.month-button{padding:8px;background:transparent;border:var(--border-width-1) solid var(--divider-primary);border-radius:var(--border-radius-md);color:var(--text-secondary);font-size:.75rem;font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s ease;white-space:nowrap}.month-button:hover{background:var(--hover-primary);border-color:var(--primary);color:var(--primary)}.month-button.selected{background:var(--primary);border-color:var(--primary);color:var(--text-quinary);font-weight:var(--font-weight-semibold)}.month-button.current{border-color:var(--primary);color:var(--primary);font-weight:var(--font-weight-semibold)}.month-button.selected.current{background:var(--primary);color:var(--text-quinary)}.year-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.year-button{padding:8px;background:transparent;border:var(--border-width-1) solid var(--divider-primary);border-radius:var(--border-radius-md);color:var(--text-secondary);font-size:.75rem;font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s ease;white-space:nowrap}.year-button:hover:not(.disabled){background:var(--hover-primary);border-color:var(--primary);color:var(--primary)}.year-button.selected{background:var(--primary);border-color:var(--primary);color:var(--text-quinary);font-weight:var(--font-weight-semibold)}.year-button.current{border-color:var(--primary);color:var(--primary);font-weight:var(--font-weight-semibold)}.year-button.selected.current{background:var(--primary);color:var(--text-quinary)}.year-button.disabled{opacity:.4;cursor:not-allowed}.sort-dropdown-container{position:relative;display:inline-block}.sort-dropdown-button{display:flex;align-items:center;justify-content:center;gap:4px;padding:4px 6px;width:34px;height:32px;border:var(--border-width-1) solid var(--divider-primary);border-radius:var(--border-radius-md);background:var(--bg-primary);color:var(--text-tertiary);font-size:.75rem;font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s ease;white-space:nowrap;position:relative}.sort-dropdown-button:hover{background:var(--hover-primary)!important;color:var(--primary);border-color:var(--primary);transform:scale(1.01)}.sort-dropdown-button.active{background:var(--primary)!important;color:var(--text-quinary)!important;border-color:var(--primary)!important}.sort-dropdown-button .material-symbols-rounded{font-size:20px;color:var(--text-tertiary)}.sort-dropdown-button:hover .material-symbols-rounded{color:var(--primary)}.sort-dropdown-button.active .material-symbols-rounded{color:var(--text-quinary)}.sort-dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;background:var(--bg-primary);border:var(--border-width-1) solid var(--divider-primary);border-radius:var(--border-radius-md);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown);min-width:260px;overflow:hidden}.sort-dropdown-title{display:flex;align-items:center;gap:6px;margin:0;padding:14px 16px 10px;font-size:.75rem;font-weight:var(--font-weight-semibold);color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em}.sort-dropdown-title .material-symbols-rounded{font-size:18px;color:var(--text-primary)}.sort-options-list{display:flex;flex-direction:column;padding:4px 8px 8px}.sort-option{display:flex;align-items:center;gap:8px;padding:8px 10px;border:none;border-radius:var(--border-radius-sm);background:transparent;color:var(--text-tertiary);font-size:.8125rem;font-weight:var(--font-weight-medium);cursor:pointer;transition:all .15s ease;font-family:var(--font-family-primary);text-align:left;width:100%}.sort-option:hover{background:var(--hover-primary);color:var(--primary)}.sort-option.selected{background:var(--active-bg);color:var(--primary);font-weight:var(--font-weight-semibold)}.sort-option-icon{font-size:18px;line-height:1;display:flex;align-items:center}.sort-option-label{flex:1}.sort-check-icon{font-size:18px;line-height:1;display:flex;align-items:center;color:var(--primary)}html[data-theme=canda].dark .sort-dropdown-button{border-color:var(--divider-primary);background:var(--bg-primary)}html[data-theme=canda].dark .sort-dropdown-menu{background:var(--bg-primary);border-color:var(--divider-primary)}.brand-filter-dropdown{position:absolute;top:calc(100% + 8px);left:0;min-width:420px;max-width:500px;max-height:520px;background:var(--bg-primary);border:var(--border-width-1) solid var(--divider-primary);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);z-index:var(--z-dropdown);overflow:hidden;display:flex;flex-direction:column;animation:brandFilterDropdownSlideIn .2s cubic-bezier(.25,.46,.45,.94)}@keyframes brandFilterDropdownSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.brand-filter-header{padding:16px 20px;border-bottom:var(--border-width-1) solid var(--divider-primary);background:var(--bg-secondary)}.brand-filter-title-section{display:flex;flex-direction:column;gap:12px}.brand-filter-title{margin:0;font-size:1rem;font-weight:var(--font-weight-semibold);color:var(--text-primary);display:flex;align-items:center;gap:8px}.brand-filter-title:before{content:"label";font-family:Material Symbols Rounded;font-size:16px;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 20}.brand-filter-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.brand-filter-search{flex:1;min-width:180px;padding:8px 12px;border:var(--border-width-1) solid var(--divider-primary);border-radius:var(--border-radius-md);background:var(--bg-primary);color:var(--text-primary);font-size:.875rem;transition:all .2s ease}.brand-filter-search:focus{outline:none;border-color:var(--primary);box-shadow:var(--shadow-focus)}.brand-filter-search::placeholder{color:var(--text-tertiary)}.brand-filter-selected-count{padding:6px 10px;background:var(--primary);color:var(--text-quinary);border-radius:var(--border-radius-md);font-size:.75rem;font-weight:var(--font-weight-medium);white-space:nowrap;display:flex;align-items:center;justify-content:center;gap:4px;border:none;cursor:pointer;transition:all .2s ease;position:relative;height:32px;align-self:center;margin-top:1px}.brand-filter-selected-count:hover{background:var(--primary-light);color:var(--text-primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.brand-filter-selected-count:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.brand-filter-selected-count.active{background:var(--primary);box-shadow:var(--shadow-md)}.brand-filter-selected-count.active:hover{background:var(--primary-light);color:var(--text-primary-dark)}.brand-filter-selected-count.active:after{content:"filter_alt";font-family:Material Symbols Rounded;font-size:10px;margin-left:4px;font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 16}.brand-filter-selected-count:before{content:"check";font-family:Material Symbols Rounded;font-size:12px;font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 16}.brand-filter-options{display:flex;gap:16px;flex-wrap:wrap;align-items:center}.brand-filter-toggle-option{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.brand-filter-toggle-option input[type=checkbox]{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.brand-filter-toggle-slider{position:relative;display:inline-block;width:36px;height:20px;background-color:var(--divider-primary);border-radius:20px;transition:all .3s ease;flex-shrink:0}.brand-filter-toggle-slider:before{content:"";position:absolute;height:16px;width:16px;left:2px;top:2px;background-color:var(--text-quinary);border-radius:50%;transition:all .3s ease}.brand-filter-toggle-option input[type=checkbox]:checked+.brand-filter-toggle-slider{background-color:var(--primary)}.brand-filter-toggle-option input[type=checkbox]:checked+.brand-filter-toggle-slider:before{transform:translate(16px)}.brand-filter-toggle-label{font-size:.75rem;font-weight:var(--font-weight-medium);color:var(--text-primary)}.brand-filter-checkbox{display:flex;align-items:center;gap:6px;cursor:pointer;font-size:.75rem;color:var(--text-secondary);-webkit-user-select:none;user-select:none;transition:color .2s ease}.brand-filter-checkbox:hover{color:var(--text-primary)}.brand-filter-checkbox input[type=checkbox]{display:none}.brand-filter-checkbox span:first-of-type{display:inline-block;width:14px;height:14px;border:var(--border-width-1) solid var(--divider-primary);border-radius:var(--border-radius-sm);background:var(--bg-primary);position:relative;transition:all .2s ease}.brand-filter-checkbox input[type=checkbox]:checked+span{background:var(--primary);border-color:var(--primary)}.brand-filter-checkbox input[type=checkbox]:checked+span:after{content:"check";font-family:Material Symbols Rounded;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--text-quinary);font-size:12px;font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 16}.brand-filter-content{flex:1;overflow-y:auto;max-height:280px;min-height:200px}.brand-filter-list{display:flex;flex-direction:column}.brand-filter-item{border-bottom:var(--border-width-1) solid var(--divider-primary);transition:background-color .2s ease}.brand-filter-item:last-child{border-bottom:none}.brand-filter-item:hover{background:var(--hover-primary)}.brand-filter-item-label{display:flex;align-items:center;gap:12px;padding:10px 16px;cursor:pointer;transition:all .2s ease;width:100%;text-align:left}.brand-filter-checkbox-input{display:none}.brand-filter-checkbox-custom{display:inline-block;width:16px;height:16px;border:var(--border-width-1) solid var(--divider-primary);border-radius:var(--border-radius-sm);background:var(--bg-primary);position:relative;transition:all .2s ease;flex-shrink:0}.brand-filter-checkbox-input:checked+.brand-filter-checkbox-custom{background:var(--primary);border-color:var(--primary)}.brand-filter-checkbox-input:checked+.brand-filter-checkbox-custom:after{content:"check";font-family:Material Symbols Rounded;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--text-quinary);font-size:12px;font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 16}.brand-filter-brand-name{font-size:.875rem;color:var(--text-primary);flex:1;font-weight:var(--font-weight-medium)}.brand-filter-sub-badge{font-size:.625rem;background:var(--tag-bg-teal);color:var(--primary);padding:2px 6px;border-radius:var(--border-radius-sm);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.5px}.brand-filter-footer{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-top:var(--border-width-1) solid var(--divider-primary);background:var(--bg-secondary);flex-shrink:0;min-height:48px}.brand-filter-count{font-size:.75rem;color:var(--text-tertiary);font-weight:var(--font-weight-medium)}.brand-filter-actions{display:flex;gap:6px;flex-wrap:wrap}.brand-filter-btn{padding:6px 12px;border:var(--border-width-1) solid transparent;border-radius:var(--border-radius-md);font-size:.75rem;font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s ease;white-space:nowrap;display:flex;align-items:center;gap:4px}.brand-filter-btn-secondary{background:var(--bg-primary);border-color:var(--divider-primary);color:var(--text-secondary)}.brand-filter-btn-secondary:hover{background:var(--hover-primary);border-color:var(--primary);color:var(--text-primary)}.brand-filter-btn-clear{background:var(--bg-primary);border-color:var(--divider-primary);color:var(--text-secondary)}.brand-filter-btn-clear:hover{background:var(--tag-bg-red-light);border-color:var(--accent-red);color:var(--accent-red)}.brand-filter-btn-primary{background:var(--primary);border-color:var(--primary);color:var(--text-quinary);font-weight:var(--font-weight-semibold)}.brand-filter-btn-primary:hover{background:var(--primary-dark);border-color:var(--primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}html[data-theme=canda].dark .brand-filter-panel{background:var(--bg-primary)}html[data-theme=canda].dark .brand-filter-header{border-bottom-color:var(--divider-primary)}html[data-theme=canda].dark .brand-filter-title{color:var(--text-primary)}html[data-theme=canda].dark .brand-filter-search{background:var(--bg-primary);border-color:var(--divider-primary);color:var(--text-primary)}html[data-theme=canda].dark .brand-filter-search:focus{border-color:var(--primary)}html[data-theme=canda].dark .brand-filter-search::placeholder{color:var(--text-tertiary)}html[data-theme=canda].dark .brand-filter-selected-count{background:var(--primary);color:var(--text-quinary)}html[data-theme=canda].dark .brand-filter-checkbox{color:var(--text-primary)}html[data-theme=canda].dark .brand-filter-checkbox span:first-of-type{background:var(--bg-primary);border-color:var(--divider-primary)}html[data-theme=canda].dark .brand-filter-checkbox input[type=checkbox]:checked+span{background:var(--primary);border-color:var(--primary)}html[data-theme=canda].dark .brand-filter-item{border-bottom-color:var(--divider-primary)}html[data-theme=canda].dark .brand-filter-item-label:hover{background:var(--hover-primary)}html[data-theme=canda].dark .brand-filter-checkbox-custom{background:var(--bg-primary);border-color:var(--divider-primary)}html[data-theme=canda].dark .brand-filter-checkbox-input:checked+.brand-filter-checkbox-custom{background:var(--primary);border-color:var(--primary)}html[data-theme=canda].dark .brand-filter-brand-name{color:var(--text-primary)}html[data-theme=canda].dark .brand-filter-footer{background:var(--bg-secondary);border-top-color:var(--divider-primary)}html[data-theme=canda].dark .brand-filter-count{color:var(--text-secondary)}html[data-theme=canda].dark .brand-filter-btn-secondary{background:var(--bg-primary);border-color:var(--divider-primary);color:var(--text-primary)}html[data-theme=canda].dark .brand-filter-btn-secondary:hover{background:var(--hover-primary);border-color:var(--primary)}html[data-theme=canda].dark .brand-filter-toggle-slider{background-color:var(--divider-primary)}html[data-theme=canda].dark .brand-filter-toggle-slider:before{background-color:var(--text-quinary)}html[data-theme=canda].dark .brand-filter-toggle-option input[type=checkbox]:checked+.brand-filter-toggle-slider{background-color:var(--primary)}html[data-theme=canda].dark .brand-filter-toggle-label{color:var(--text-primary)}html[data-theme=halloween].dark .brand-filter-panel{background:var(--bg-primary)}html[data-theme=halloween].dark .brand-filter-header{border-bottom-color:var(--divider-primary)}html[data-theme=halloween].dark .brand-filter-title{color:var(--text-primary)}html[data-theme=halloween].dark .brand-filter-search{background:var(--bg-primary);border-color:var(--divider-primary);color:var(--text-primary)}html[data-theme=halloween].dark .brand-filter-search:focus{border-color:var(--primary)}html[data-theme=halloween].dark .brand-filter-search::placeholder{color:var(--text-tertiary)}html[data-theme=halloween].dark .brand-filter-selected-count{background:var(--primary);color:var(--text-quinary)}html[data-theme=halloween].dark .brand-filter-checkbox{color:var(--text-primary)}html[data-theme=halloween].dark .brand-filter-checkbox span:first-of-type{background:var(--bg-primary);border-color:var(--divider-primary)}html[data-theme=halloween].dark .brand-filter-checkbox input[type=checkbox]:checked+span{background:var(--primary);border-color:var(--primary)}html[data-theme=halloween].dark .brand-filter-item{border-bottom-color:var(--divider-primary)}html[data-theme=halloween].dark .brand-filter-item-label:hover{background:var(--hover-primary)}html[data-theme=halloween].dark .brand-filter-checkbox-custom{background:var(--bg-primary);border-color:var(--divider-primary)}html[data-theme=halloween].dark .brand-filter-checkbox-input:checked+.brand-filter-checkbox-custom{background:var(--primary);border-color:var(--primary)}html[data-theme=halloween].dark .brand-filter-brand-name{color:var(--text-primary)}html[data-theme=halloween].dark .brand-filter-footer{background:var(--bg-secondary);border-top-color:var(--divider-primary)}html[data-theme=halloween].dark .brand-filter-count{color:var(--text-secondary)}html[data-theme=halloween].dark .brand-filter-btn-secondary{background:var(--bg-primary);border-color:var(--divider-primary);color:var(--text-primary)}html[data-theme=halloween].dark .brand-filter-btn-secondary:hover{background:var(--hover-primary);border-color:var(--primary)}html[data-theme=halloween].dark .brand-filter-toggle-slider{background-color:var(--divider-primary)}html[data-theme=halloween].dark .brand-filter-toggle-slider:before{background-color:var(--text-quinary)}html[data-theme=halloween].dark .brand-filter-toggle-option input[type=checkbox]:checked+.brand-filter-toggle-slider{background-color:var(--primary)}html[data-theme=halloween].dark .brand-filter-toggle-label{color:var(--text-primary)}@media (max-width: 768px){.brand-filter-panel{width:95%;max-height:90vh}.brand-filter-header{padding:16px 20px}.brand-filter-controls{flex-direction:column;align-items:stretch;gap:12px}.brand-filter-search{min-width:auto}.brand-filter-options{flex-direction:column;gap:12px}.brand-filter-content{max-height:300px}.brand-filter-item-label{padding:10px 16px}.brand-filter-footer{flex-direction:column;gap:12px;align-items:stretch}.brand-filter-actions{justify-content:center;flex-wrap:wrap}.brand-filter-btn{flex:1;min-width:80px}}@media (max-width: 480px){.brand-filter-actions{flex-direction:column}.brand-filter-btn{width:100%}}.creative-card{background-color:var(--bg-tertiary);border-radius:var(--border-radius-lg);border:var(--border-width-1) solid var(--divider-primary);overflow:hidden;cursor:pointer;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out;margin-top:8px;margin-bottom:4px;box-shadow:var(--shadow-sm);width:242px;height:262px;flex-shrink:0}.creative-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.creative-card-image-wrapper{position:relative}.status-pill{position:absolute;top:8px;left:8px;border-radius:var(--border-radius-full);display:flex;align-items:center;gap:4px;cursor:pointer;transition:transform .2s ease-in-out;z-index:var(--z-sticky);box-shadow:var(--shadow-sm);padding:4px 8px}.status-pill-new{background:var(--status-new-bg)}.status-pill-active{background:var(--status-active-bg)}.status-pill-icon{font-size:14px}.status-pill-new .status-pill-icon{color:var(--status-new-text)}.status-pill-active .status-pill-icon{color:var(--status-active-text)}.status-pill-text{font-size:11px;font-weight:var(--font-weight-medium);line-height:1.2}.status-pill-new .status-pill-text{color:var(--status-new-text)}.status-pill-active .status-pill-text{color:var(--status-active-text)}.status-icon{position:absolute;top:auto;bottom:8px;right:8px;background:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--border-radius-md);width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);z-index:var(--z-sticky);box-shadow:var(--shadow-sm)}.status-icon-symbol{font-size:18px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;color:var(--primary-amber);margin-left:-1px;font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}.star-icon{position:absolute;top:6px;right:6px;width:26px;height:26px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:var(--z-overlay);background:#ffffff40;-webkit-backdrop-filter:blur(12px) saturate(180%);backdrop-filter:blur(12px) saturate(180%);border-radius:var(--border-radius-md);border:var(--border-width-1) solid var(--divider-quaternary);box-shadow:var(--shadow-sm),inset 0 1px #ffffff4d}.star-icon:hover{transform:scale(1.05);background:#ffffff59;-webkit-backdrop-filter:blur(16px) saturate(200%);backdrop-filter:blur(16px) saturate(200%);box-shadow:var(--shadow-md),inset 0 1px #fff6}.star-icon-symbol{font-size:24px;line-height:1;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.star-icon-symbol{transform-origin:center}.star-icon-selected .star-icon-symbol{color:var(--accent-gold-light);font-variation-settings:"FILL" 1,"wght" 300,"GRAD" 0,"opsz" 48;filter:drop-shadow(0 0 3px rgba(255,215,0,.3))}.star-icon-unselected .star-icon-symbol{color:#ffffffe6;font-variation-settings:"FILL" 0,"wght" 300,"GRAD" 0,"opsz" 48}.star-icon-selected:hover .star-icon-symbol{transform:rotate(15deg);color:var(--accent-gold-light);font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 48;filter:drop-shadow(0 0 4px rgba(255,215,0,.4))}.star-icon-unselected:hover .star-icon-symbol{transform:rotate(15deg);color:var(--accent-gold-light);font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 48;filter:drop-shadow(0 0 4px rgba(255,215,0,.4))}.creative-image-container{position:relative;display:flex;align-items:center;justify-content:center;color:var(--text-quinary);font-size:18px;overflow:hidden;height:140px}.creative-image-overlay{position:absolute;top:0;left:0;right:0;z-index:var(--z-elevated);pointer-events:none;height:60px;background:linear-gradient(to bottom,rgba(0,0,0,.5) 0%,rgba(0,0,0,.15) 60%,transparent 100%)}.creative-image{width:100%;height:100%;object-fit:cover}.creative-image-radio{transform:scale(1.4)}.creative-info{padding:8px 18px}.creative-info-header{display:flex;justify-content:space-between;align-items:flex-start;margin-top:3px;margin-bottom:8px;gap:2px}.creative-info-title-wrapper{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.creative-info-title{font-size:14px;font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.creative-info-bell-icon{display:inline-block;width:7px;height:7px;background:#f44336;border-radius:50%;margin-left:8px;vertical-align:baseline;position:relative;top:-1.55px;animation:dotPulse 1.5s ease-in-out infinite}@keyframes dotPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.3)}}.creative-info-lock-icon{font-size:16px;color:var(--primary-amber);margin-right:-5px;flex-shrink:0;font-variation-settings:"FILL" 1,"wght" 500,"GRAD" 0,"opsz" 24}.creative-info-details{display:grid;grid-template-rows:auto auto auto;gap:6px;align-content:start}.creative-info-row{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-tertiary);min-height:20px}.creative-info-icon{font-size:14px!important;color:var(--text-tertiary)}.creative-info-text{font-size:12px;color:var(--text-tertiary)}.creative-info-active-badge{color:var(--status-active-text);font-weight:var(--font-weight-medium);background:var(--status-active-bg);padding:4px 8px;border-radius:var(--border-radius-full);font-size:11px;line-height:1.2;margin-left:-2px}.creative-info-separator{margin-left:8px}.creative-info-duration-icon{font-size:14px;color:var(--text-tertiary);margin-left:8px}html[data-theme=canda].dark .creative-card{background-color:var(--bg-secondary);border-color:var(--divider-primary)}html[data-theme=canda].dark .creative-info-text,html[data-theme=canda].dark .creative-info-icon,html[data-theme=canda].dark .creative-info-duration-icon{color:var(--text-secondary)}html[data-theme=halloween].dark .creative-card{background-color:var(--bg-secondary);border-color:var(--divider-primary)}html[data-theme=halloween].dark .creative-info-text,html[data-theme=halloween].dark .creative-info-icon,html[data-theme=halloween].dark .creative-info-duration-icon{color:var(--text-secondary)}.creative-gallery{grid-area:main;padding:20px;background-color:var(--bg-secondary);overflow-y:auto;transition:background-color .3s ease}.creative-gallery-header{margin-bottom:20px}.creative-gallery-title{font-size:24px;font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 8px}.creative-gallery-subtitle{font-size:14px;color:var(--text-secondary);margin:0}.creative-gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,242px);gap:12px;align-items:start;justify-content:center}@media (max-width: 1400px){.creative-gallery-grid{gap:10px}}@media (max-width: 1200px){.creative-gallery-grid{gap:10px}}@media (max-width: 1024px){.creative-gallery{padding:16px}.creative-gallery-grid{grid-template-columns:repeat(auto-fit,242px);gap:10px;justify-content:space-evenly}}@media (max-width: 767px){.creative-gallery{padding:12px}.creative-gallery-grid{grid-template-columns:repeat(2,242px);gap:10px;justify-content:center}.creative-gallery-title{font-size:20px}.creative-gallery-subtitle{font-size:12px}}@media (max-width: 550px){.creative-gallery{padding:12px}.creative-gallery-grid{grid-template-columns:242px;gap:10px;justify-content:center}.creative-gallery-title{font-size:18px}.creative-gallery-subtitle{font-size:11px}}.creative-gallery-loading,.creative-gallery-error,.creative-gallery-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:200px;color:var(--text-secondary);font-size:14px}.creative-gallery-error{color:#c2185b}html[data-theme=canda].dark .creative-gallery{background-color:var(--bg-primary)}html[data-theme=canda].dark .creative-gallery-title{color:var(--text-primary)}html[data-theme=canda].dark .creative-gallery-subtitle{color:var(--text-secondary)}html[data-theme=halloween].dark .creative-gallery{background-color:var(--bg-secondary)}html[data-theme=halloween].dark .creative-gallery-title{color:var(--text-primary)}html[data-theme=halloween].dark .creative-gallery-subtitle{color:var(--text-secondary)}.content-row{grid-area:content-row;padding:12px 20px 6px;background-color:var(--bg-secondary);transition:background-color .3s ease,border-color .3s ease;display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;min-width:0;max-width:100%;box-sizing:border-box}.content-row-left{display:flex;gap:8px;align-items:center;min-width:0;flex:1}.content-row-right{display:flex;gap:8px;align-items:center;flex-shrink:0;min-width:0}.button-group{display:inline-flex;border-radius:var(--border-radius-md);overflow:hidden;flex-shrink:0}.button-group .content-row-btn{border-radius:0;margin-left:-1px;height:32px;min-height:32px}.button-group .content-row-btn:first-child{margin-left:0;border-top-left-radius:var(--border-radius-md);border-bottom-left-radius:var(--border-radius-md)}.button-group .content-row-btn:last-child{border-top-right-radius:var(--border-radius-md);border-bottom-right-radius:var(--border-radius-md)}.button-group .content-row-btn:hover{position:relative;z-index:var(--z-base)}.content-row-btn{display:flex;align-items:center;gap:6px;padding:6px 12px!important;height:auto;min-height:32px;box-sizing:border-box;border:var(--border-width-1) solid var(--divider-primary);border-radius:var(--border-radius-md);background:var(--bg-primary)!important;color:var(--text-tertiary)!important;font-size:.75rem!important;line-height:1.2;font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s ease;white-space:normal;text-wrap:wrap}.content-row-btn:hover{border-color:var(--primary);background:var(--hover-primary)!important;color:var(--primary);transform:none}.content-row-btn:active{transform:translateY(0)}.content-row-btn.active{background:var(--primary)!important;color:var(--text-quinary)!important;border-color:var(--primary)}.content-row-btn.active:hover{background:var(--primary)!important;color:var(--text-quinary)!important;opacity:var(--opacity-90)}.content-row-btn .material-symbols-rounded{font-size:1rem}.filter-button{display:flex;align-items:center;gap:6px;padding:6px 12px!important;height:auto;min-height:32px;box-sizing:border-box;border:var(--border-width-1) solid var(--divider-primary);border-radius:var(--border-radius-md);background:var(--bg-primary)!important;color:var(--text-tertiary)!important;font-size:.75rem!important;line-height:1.2;font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s ease;white-space:normal;text-wrap:wrap}.filter-button:hover{border-color:var(--primary);background:var(--hover-primary)!important;color:var(--primary)}.filter-button.active{background:var(--primary)!important;color:var(--text-quinary)!important;border-color:var(--primary)}.filter-button.active:hover{background:var(--primary)!important;color:var(--text-quinary)!important;opacity:var(--opacity-90)}.filter-button .material-symbols-rounded{font-size:1rem}.filter-button.inactive{opacity:var(--opacity-50);cursor:default;pointer-events:none}.filter-button.inactive:hover{background:var(--bg-primary)!important;color:var(--text-tertiary)!important;border-color:var(--divider-primary)!important;transform:none!important}.filter-button.inactive .material-symbols-rounded{color:var(--text-tertiary)!important}.content-row-btn.inactive{opacity:var(--opacity-50);cursor:default;pointer-events:none}.content-row-btn.inactive:hover{background:var(--bg-primary)!important;color:var(--text-tertiary)!important;border-color:var(--divider-primary)!important;transform:none!important}.content-row-btn.inactive .material-symbols-rounded{color:var(--text-tertiary)!important}.report-criteria-text{color:var(--text-tertiary);font-size:.75rem;font-weight:var(--font-weight-medium);margin:0 1rem;white-space:normal;text-wrap:wrap;max-width:100%;flex:1;min-width:0;line-height:1.4}.selected-creative-row,.selected-creative-btn-mobile{display:none}.content-row-left>.report-criteria-text{display:flex}.report-criteria-text-mobile{display:none}html[data-theme=canda].dark .content-row{background-color:var(--bg-secondary)}html[data-theme=canda].dark .content-row-btn{border-color:var(--divider-primary);background:var(--bg-secondary)!important;color:var(--text-secondary)!important}html[data-theme=canda].dark .content-row-btn:hover{border-color:var(--primary);background:var(--hover-primary)!important}html[data-theme=canda].dark .content-row-btn.active{background:var(--primary)!important;color:var(--text-quinary)!important;border-color:var(--primary)}html[data-theme=canda].dark .content-row-btn.active:hover{background:var(--primary)!important;color:var(--text-quinary)!important}html[data-theme=canda].dark .filter-button{border-color:var(--divider-primary);background:var(--bg-secondary)!important;color:var(--text-secondary)!important}html[data-theme=canda].dark .filter-button:hover{border-color:var(--primary);background:var(--hover-primary)!important;color:var(--primary)}html[data-theme=canda].dark .filter-button.active{background:var(--primary)!important;color:var(--text-quinary)!important;border-color:var(--primary)}html[data-theme=canda].dark .filter-button.active:hover{background:var(--primary)!important;color:var(--text-quinary)!important}html[data-theme=canda].dark .filter-button.inactive:hover{background:var(--bg-secondary)!important;color:var(--text-secondary)!important;border-color:var(--divider-primary)!important}html[data-theme=canda].dark .filter-button.inactive .material-symbols-rounded{color:var(--text-secondary)!important}html[data-theme=canda].dark .content-row-btn.inactive:hover{background:var(--bg-secondary)!important;color:var(--text-secondary)!important;border-color:var(--divider-primary)!important}html[data-theme=canda].dark .content-row-btn.inactive .material-symbols-rounded{color:var(--text-secondary)!important}html[data-theme=canda].dark .report-criteria-text{color:var(--text-secondary)}html[data-theme=halloween].dark .content-row{background-color:var(--bg-secondary)}html[data-theme=halloween].dark .content-row-btn{border-color:var(--divider-primary);background:var(--bg-secondary)!important;color:var(--text-secondary)!important}html[data-theme=halloween].dark .content-row-btn:hover{border-color:var(--primary);background:var(--hover-primary)!important}html[data-theme=halloween].dark .content-row-btn.active{background:var(--primary)!important;color:var(--text-quinary)!important;border-color:var(--primary)}html[data-theme=halloween].dark .content-row-btn.active:hover{background:var(--primary)!important;color:var(--text-quinary)!important}html[data-theme=halloween].dark .filter-button{border-color:var(--divider-primary);background:var(--bg-secondary)!important;color:var(--text-secondary)!important}html[data-theme=halloween].dark .filter-button:hover{border-color:var(--primary);background:var(--hover-primary)!important;color:var(--primary)}html[data-theme=halloween].dark .filter-button.active{background:var(--primary)!important;color:var(--text-quinary)!important;border-color:var(--primary)}html[data-theme=halloween].dark .filter-button.active:hover{background:var(--primary)!important;color:var(--text-quinary)!important}html[data-theme=halloween].dark .filter-button.inactive:hover{background:var(--bg-secondary)!important;color:var(--text-secondary)!important;border-color:var(--divider-primary)!important}html[data-theme=halloween].dark .filter-button.inactive .material-symbols-rounded{color:var(--text-secondary)!important}html[data-theme=halloween].dark .content-row-btn.inactive:hover{background:var(--bg-secondary)!important;color:var(--text-secondary)!important;border-color:var(--divider-primary)!important}html[data-theme=halloween].dark .content-row-btn.inactive .material-symbols-rounded{color:var(--text-secondary)!important}html[data-theme=halloween].dark .report-criteria-text{color:var(--text-secondary)}@media (max-width: 1100px){.content-row{padding:10px 16px;flex-direction:column;align-items:stretch;gap:12px}.content-row-left{flex-direction:column;align-items:flex-start;gap:10px}.content-row-right{justify-content:flex-start;flex-wrap:wrap;gap:8px}.button-group{width:100%;display:flex;flex-wrap:wrap;border-radius:0;overflow:visible;gap:8px}.button-group .content-row-btn{flex:1 1 auto;min-width:fit-content;border-radius:var(--border-radius-md)!important;margin-left:0!important}.selected-creative-btn{display:none}.selected-creative-row{display:grid;grid-template-columns:1fr 3fr;gap:12px;align-items:center;width:100%}.selected-creative-btn-mobile{display:flex}.content-row-left>.report-criteria-text{display:none}.report-criteria-text-mobile{display:flex;margin:0;font-size:.8rem;text-align:left;align-items:center}}@media (max-width: 1080px){.content-row{padding:12px 14px}.content-row-left{gap:10px}.button-group .content-row-btn{flex:1 1 calc(25% - 8px);min-width:0;padding:6px!important;font-size:.65rem!important;justify-content:center;text-align:center}.selected-creative-row{gap:10px}.content-row-right .filter-button{flex:1 1 calc(33.333% - 6px);min-width:0;padding:6px 8px!important;font-size:.7rem!important;justify-content:center;text-align:center}.report-criteria-text{font-size:.75rem;line-height:1.3}}@media (max-width: 1024px){.content-row{padding:10px 16px}.content-row-left{gap:10px}.button-group .content-row-btn{flex:1 1 calc(25% - 8px);justify-content:center;text-align:center;min-width:0;padding:6px!important;font-size:.65rem!important}.selected-creative-row{gap:10px}.content-row-right .filter-button{flex:1 1 calc(33.333% - 6px);justify-content:center;text-align:center;min-width:0}.report-criteria-text{font-size:.75rem}}@media (max-width: 767px){.content-row{padding:12px;gap:12px}.content-row-left{gap:8px}.content-row-btn{font-size:.65rem!important;padding:5px 8px!important;gap:4px}.content-row-btn .material-symbols-rounded{font-size:.85rem}.filter-button{font-size:.65rem!important;padding:5px 8px!important;gap:4px}.filter-button .material-symbols-rounded{font-size:.85rem}.button-group{gap:4px}.button-group .content-row-btn{flex:1 1 calc(25% - 4px);justify-content:center;text-align:center;min-width:0}.selected-creative-row{gap:8px}.content-row-right{gap:4px}.content-row-right .filter-button{flex:1 1 calc(33.333% - 3px);justify-content:center;text-align:center}.report-criteria-text{font-size:.7rem;text-align:left;margin:0;line-height:1.3}}@media (max-width: 480px){.content-row{padding:10px}.content-row-left{gap:6px}.content-row-btn span:not(.material-symbols-rounded){font-size:.6rem!important}.filter-button span:not(.material-symbols-rounded){font-size:.65rem!important}.button-group .content-row-btn{padding:4px!important;min-height:30px;flex:1 1 calc(25% - 2px)}.selected-creative-row{gap:6px}.filter-button{padding:4px 8px!important;min-height:30px}.report-criteria-text{font-size:.65rem;line-height:1.3}.content-row-right .filter-button{flex:1 1 calc(33.333% - 2px)}}@media (max-width: 360px){.content-row{padding:8px}.content-row-left{gap:4px}.content-row-btn span:not(.material-symbols-rounded){font-size:.55rem!important}.filter-button span:not(.material-symbols-rounded){font-size:.6rem!important}.button-group .content-row-btn{padding:3px!important;min-height:28px;flex:1 1 calc(25% - 1px)}.selected-creative-row{gap:4px}.filter-button{padding:3px 6px!important;min-height:28px}.report-criteria-text{font-size:.6rem;line-height:1.2}.content-row-right .filter-button{flex:1 1 calc(33.333% - 1px);gap:2px}.content-row-right{gap:4px}}.creatives{display:grid;grid-template-columns:1fr;grid-template-rows:auto auto auto 1fr;grid-template-areas:"header" "filters" "content-row" "main";height:100vh;width:100%;overflow:hidden;background-color:var(--bg-primary)}.creatives.has-additional-filters{grid-template-rows:auto auto auto auto 1fr;grid-template-areas:"header" "filters" "additional-filters" "content-row" "main"}html[data-theme=canda].dark .creatives,html[data-theme=halloween].dark .creatives{background-color:var(--bg-primary)}@media (max-width: 768px){.creatives{height:100vh}}.login-page{position:fixed;inset:0;min-height:100vh;font-family:var(--font-family-primary);display:flex;justify-content:center;align-items:center}.grid-background{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--bg-primary);overflow:hidden;z-index:-1}.grid-container{position:absolute;inset:0;display:grid;grid-template-columns:repeat(20,1fr);grid-template-rows:repeat(20,1fr);border-right:var(--border-width-1) solid var(--divider-quinary);border-bottom:var(--border-width-1) solid var(--divider-quinary)}.grid-cell{position:relative;border-top:var(--border-width-1) solid var(--divider-quinary);border-left:var(--border-width-1) solid var(--divider-quinary)}.beam{position:absolute;border-radius:var(--border-radius-full);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-sticky);box-shadow:var(--shadow-beam-glow);filter:brightness(1.2) contrast(1.1)}.beam.horizontal{width:32px;height:3px}.beam.vertical{width:3px;height:32px}@keyframes beamMoveHorizontal{0%{transform:translate(-100vw);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translate(100vw);opacity:0}}@keyframes beamMoveVertical{0%{transform:translateY(-100vh);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(100vh);opacity:0}}.racing-icon{position:absolute;width:32px;height:32px;border-radius:50%;background:#fffffff2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-elevated);box-shadow:var(--shadow-lg);display:flex;align-items:center;justify-content:center;font-size:18px;transition:all .3s ease}.racing-icon .material-icons-outlined{font-size:20px!important}.racing-icon:hover{transform:scale(1.1);box-shadow:var(--shadow-xl)}@keyframes iconMoveHorizontal{0%{transform:translate(-100vw) translateY(-50%);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translate(100vw) translateY(-50%);opacity:0}}@keyframes iconMoveVertical{0%{transform:translateY(-100vh) translate(-50%);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(100vh) translate(-50%);opacity:0}}.login-overlay{position:fixed;inset:0;background:#0003;display:flex;align-items:center;justify-content:center;padding:1rem}.login-card{width:100%;max-width:56rem;max-height:600px;background:var(--bg-tertiary);border-radius:.5rem;box-shadow:var(--shadow-2xl);overflow:hidden;display:flex;flex-direction:row}.login-hero{position:relative;width:50%}.login-hero-gradient{position:absolute;inset:0;background:linear-gradient(to right,var(--accent-blue),var(--accent-purple));opacity:.3}.login-hero-image{width:100%;height:105%;object-fit:cover}.login-hero-text{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:2rem;color:var(--text-quinary)}.login-hero-subtitle{font-size:.875rem;opacity:var(--opacity-80)}.login-hero-author{font-size:.875rem;font-weight:var(--font-weight-medium);margin-top:.25rem}.login-form-container{width:50%;display:flex;align-items:center;justify-content:center;padding:1.5rem}.login-form-wrapper{width:100%;max-width:26rem;overflow:hidden}.login-logo-container{padding:1rem 1.5rem .5rem;display:flex;justify-content:center}.login-logo{display:flex;align-items:center;gap:1rem;text-decoration:none}.login-logo img{width:auto;height:45px}.login-content{padding:0 1.5rem 1.5rem}.login-title{font-size:1.25rem;font-weight:var(--font-weight-medium);color:var(--text-primary);text-align:center;margin-bottom:.25rem}.login-subtitle{font-size:.875rem;color:var(--text-tertiary);text-align:center;margin-bottom:1.5rem}.login-form-fields{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.login-field{width:100%}.login-field-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.375rem}.login-label{display:block;font-size:.75rem;font-weight:var(--font-weight-medium);color:var(--divider-secondary)}.login-input-wrapper{position:relative}.login-input-icon{position:absolute;top:0;left:0;bottom:0;padding-left:.75rem;display:flex;align-items:center;pointer-events:none}.login-input-icon .material-icons-outlined{color:var(--text-quaternary);font-size:1.125rem!important}.login-input{display:block;width:100%;background:var(--bg-tertiary);border:var(--border-width-1) solid var(--divider-tertiary);border-radius:.375rem;padding:.625rem .75rem .625rem 2.5rem;font-size:.875rem;color:var(--text-primary);transition:border-color .15s ease,box-shadow .15s ease}.login-input::placeholder{color:var(--text-tertiary)}.login-input:focus{outline:none;border-color:var(--primary);box-shadow:var(--shadow-focus-ring)}.login-forgot{display:flex;justify-content:flex-end;margin-top:.5rem}.login-forgot-link{font-size:.75rem;color:var(--primary);transition:color .15s ease}.login-forgot-link:hover{color:var(--primary-dark)}.login-remember{display:flex;align-items:center;margin-top:0}.login-checkbox{height:1rem;width:1rem;background:var(--bg-tertiary);border:var(--border-width-1) solid var(--divider-tertiary);border-radius:.25rem;color:var(--primary);cursor:pointer}.login-checkbox:focus{outline:none;box-shadow:var(--shadow-focus)}.login-checkbox-label{margin-left:.5rem;display:block;font-size:.75rem;color:var(--text-tertiary)}.login-error{display:flex;align-items:center;gap:.5rem;padding:.625rem .875rem;border-radius:.375rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444;font-size:.8125rem;line-height:1.4;margin-bottom:.25rem}.login-error .material-icons-outlined{font-size:1.125rem;flex-shrink:0}.login-button{width:100%;display:flex;justify-content:center;padding:.625rem 1rem;border:var(--border-width-1) solid transparent;border-radius:.375rem;box-shadow:var(--shadow-sm);font-size:.875rem;font-weight:var(--font-weight-medium);color:var(--text-quinary);background:var(--primary);cursor:pointer;transition:all .15s ease}.login-button:hover{background:var(--primary-dark)}.login-button:disabled{opacity:.6;cursor:not-allowed}.login-button:focus{outline:none;box-shadow:0 0 0 2px var(--text-quinary),var(--shadow-focus)}.login-divider{position:relative;margin:1.5rem 0}.login-divider-line{position:absolute;inset:0;display:flex;align-items:center}.login-divider-line:before{content:"";width:100%;border-top:var(--border-width-1) solid var(--divider-tertiary)}.login-divider-text{position:relative;display:flex;justify-content:center;font-size:.75rem;text-transform:uppercase}.login-divider-text span{padding:0 .5rem;background:var(--bg-tertiary);color:var(--text-tertiary)}.login-social-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.login-social-button{display:flex;justify-content:center;align-items:center;padding:.5rem 1rem;background:var(--bg-tertiary);border:var(--border-width-1) solid var(--divider-tertiary);border-radius:.375rem;cursor:pointer;transition:all .15s ease}.login-social-button:hover{background:var(--divider-tertiary)}.login-social-icon{height:1.25rem;width:1.25rem;color:var(--divider-secondary)}.login-signup{margin-top:1.5rem;text-align:center;font-size:.875rem}.login-signup-text{color:var(--text-tertiary)}.login-signup-link{margin-left:.25rem;color:var(--primary);transition:color .15s ease}.login-signup-link:hover{color:var(--primary-dark)}html[data-theme=canda].dark .grid-background{background:var(--bg-primary)}html[data-theme=canda].dark .grid-container{border-right-color:var(--divider-quinary);border-bottom-color:var(--divider-quinary)}html[data-theme=canda].dark .grid-cell{border-top-color:var(--divider-quinary);border-left-color:var(--divider-quinary)}html[data-theme=canda].dark .login-card{background:var(--bg-secondary)}html[data-theme=canda].dark .login-hero-text{color:var(--text-quinary)}html[data-theme=canda].dark .login-title{color:var(--text-primary)}html[data-theme=canda].dark .login-subtitle,html[data-theme=canda].dark .login-label{color:var(--text-tertiary)}html[data-theme=canda].dark .login-input-icon .material-icons-outlined{color:var(--text-quaternary)}html[data-theme=canda].dark .login-input{background:var(--bg-tertiary);border-color:var(--divider-tertiary);color:var(--text-primary)}html[data-theme=canda].dark .login-input::placeholder{color:var(--text-tertiary)}html[data-theme=canda].dark .login-input:focus{border-color:var(--primary)}html[data-theme=canda].dark .login-forgot-link{color:var(--primary)}html[data-theme=canda].dark .login-forgot-link:hover{color:var(--primary-dark)}html[data-theme=canda].dark .login-checkbox{background:var(--bg-secondary);border-color:var(--divider-tertiary);color:var(--primary)}html[data-theme=canda].dark .login-checkbox-label{color:var(--divider-secondary)}html[data-theme=canda].dark .login-button{color:var(--text-quinary);background:var(--primary);border-color:transparent}html[data-theme=canda].dark .login-button:hover{background:var(--primary-dark)}html[data-theme=canda].dark .login-divider-line:before{border-top-color:var(--divider-tertiary)}html[data-theme=canda].dark .login-divider-text span{background:var(--bg-secondary);color:var(--text-tertiary)}html[data-theme=canda].dark .login-social-button{background:var(--bg-tertiary);border-color:var(--divider-tertiary)}html[data-theme=canda].dark .login-social-button:hover{background:var(--divider-tertiary)}html[data-theme=canda].dark .login-social-icon{color:var(--divider-secondary)}html[data-theme=canda].dark .login-signup-text{color:var(--text-tertiary)}html[data-theme=canda].dark .login-signup-link{color:var(--primary)}html[data-theme=canda].dark .login-signup-link:hover{color:var(--primary-dark)}html[data-theme=halloween].dark .grid-background{background:var(--bg-primary)}html[data-theme=halloween].dark .grid-container{border-right-color:var(--divider-quinary);border-bottom-color:var(--divider-quinary)}html[data-theme=halloween].dark .grid-cell{border-top-color:var(--divider-quinary);border-left-color:var(--divider-quinary)}html[data-theme=halloween].dark .login-card{background:var(--bg-tertiary)}html[data-theme=halloween].dark .login-hero-text{color:var(--text-quinary)}html[data-theme=halloween].dark .login-title{color:var(--text-primary)}html[data-theme=halloween].dark .login-subtitle,html[data-theme=halloween].dark .login-label{color:var(--divider-secondary)}html[data-theme=halloween].dark .login-input-icon .material-icons-outlined{color:var(--text-quaternary)}html[data-theme=halloween].dark .login-input{background:var(--bg-tertiary);border-color:var(--divider-tertiary);color:var(--text-primary)}html[data-theme=halloween].dark .login-input::placeholder{color:var(--text-tertiary)}html[data-theme=halloween].dark .login-input:focus{border-color:var(--primary)}html[data-theme=halloween].dark .login-forgot-link{color:var(--primary)}html[data-theme=halloween].dark .login-forgot-link:hover{color:var(--primary-dark)}html[data-theme=halloween].dark .login-checkbox{background:var(--bg-tertiary);border-color:var(--divider-tertiary);color:var(--primary)}html[data-theme=halloween].dark .login-checkbox-label{color:var(--divider-secondary)}html[data-theme=halloween].dark .login-button{color:var(--text-quinary);background:var(--primary);border-color:transparent}html[data-theme=halloween].dark .login-button:hover{background:var(--primary-dark)}html[data-theme=halloween].dark .login-divider-line:before{border-top-color:var(--divider-tertiary)}html[data-theme=halloween].dark .login-divider-text span{background:var(--bg-tertiary);color:var(--text-tertiary)}html[data-theme=halloween].dark .login-social-button{background:var(--bg-tertiary);border-color:var(--divider-tertiary)}html[data-theme=halloween].dark .login-social-button:hover{background:var(--divider-tertiary)}html[data-theme=halloween].dark .login-social-icon{color:var(--divider-secondary)}html[data-theme=halloween].dark .login-signup-text{color:var(--text-tertiary)}html[data-theme=halloween].dark .login-signup-link{color:var(--primary)}html[data-theme=halloween].dark .login-signup-link:hover{color:var(--primary-dark)}@media (max-width: 768px){.login-card{flex-direction:column;max-height:none}.login-hero{width:100%;height:200px}.login-hero-image{height:100%}.login-form-container{width:100%}}.dashboard-gallery .saved-dashboard-card,.saved-dashboard-card{background:var(--bg-tertiary);border:1px solid var(--divider-primary);border-radius:12px;padding:18px 22px;cursor:default;transition:all .3s cubic-bezier(.4,0,.2,1);width:300px;min-height:220px;display:flex;flex-direction:column;gap:12px;box-shadow:var(--shadow-sm);position:relative;overflow:visible}.saved-dashboard-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.saved-dashboard-card.dropdown-open{z-index:10000}.saved-dashboard-card.inactive{background:var(--bg-tertiary);opacity:.5}.saved-dashboard-card.inactive:hover{opacity:.9}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.card-type-badge{font-size:11px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px}.card-status{display:flex;align-items:center}.card-main-row{display:flex;align-items:center;gap:12px;margin-bottom:12px}.card-icon-wrapper{display:flex;align-items:center;flex-shrink:0}.card-icon.letter-icon{width:38px;height:38px;min-width:38px;border-radius:50%;background:var(--primary);font-size:18px;font-weight:700;letter-spacing:.5px;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff}.card-icon.letter-icon:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffff1a,#fff0);opacity:0;transition:opacity .25s ease}.saved-dashboard-card:hover .card-icon.letter-icon:before{opacity:1}.card-arrow{display:flex;align-items:center;margin-left:auto;color:var(--text-tertiary)}.card-arrow span{font-size:20px}.badge{font-size:10px;font-weight:600;padding:3px 8px;border-radius:10px;text-transform:uppercase;letter-spacing:.5px}.badge-active{background:var(--status-active-bg);color:var(--status-active-text)}.badge-inactive{background:var(--bg-quaternary);color:var(--text-tertiary)}.card-content{flex:1;display:flex;flex-direction:column;gap:8px}.card-title-section{display:flex;flex-direction:column;gap:6px}.card-title{font-size:16px;font-weight:600;color:var(--text-primary);margin:0;line-height:1.3;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.card-search-subheader{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:500;color:var(--text-tertiary)}.card-search-subheader .material-symbols-outlined{font-size:14px}.card-metadata{display:grid;grid-template-rows:auto auto;gap:10px;align-content:start;margin-top:0}.metadata-row{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-tertiary);min-height:20px}.metadata-icon{font-size:14px!important;color:var(--text-tertiary)}.metadata-text{font-size:12px;color:var(--text-tertiary)}.frequency-dropdown-container{position:relative;flex:1}.frequency-dropdown-button{background:var(--bg-secondary);border:1px solid var(--divider-primary);border-radius:6px;padding:4px 8px;display:flex;align-items:center;justify-content:space-between;gap:4px;cursor:pointer;width:100%;font-size:12px;color:var(--text-tertiary);transition:all .2s ease}.frequency-dropdown-button:hover{color:var(--text-secondary);border-color:var(--primary);background:var(--hover-primary);transform:scale(1.01)}.frequency-text{font-size:12px}.dropdown-arrow{font-size:14px!important;transition:transform .2s ease}.frequency-dropdown-menu{position:absolute;top:100%;left:0;right:0;background:var(--bg-primary);border:1px solid var(--divider-primary);border-radius:8px;box-shadow:var(--shadow-lg);z-index:9999;overflow:hidden;margin-top:4px;min-width:120px}.frequency-dropdown-item{width:calc(100% - 1rem);padding:.5rem .75rem;border:var(--border-width-1) solid transparent;background:none;display:flex;align-items:center;gap:8px;cursor:pointer;font-size:12px;color:var(--text-primary);transition:all .2s ease;margin:.25rem .5rem;border-radius:var(--border-radius-md)}.frequency-dropdown-item:hover,.frequency-dropdown-item.active{background:var(--hover-primary);color:var(--text-primary);border-color:var(--primary)}.frequency-dropdown-item .option-icon{font-size:16px!important;width:16px;height:16px;color:var(--text-secondary);transition:color .2s ease;display:flex;align-items:center;justify-content:center;line-height:1}.frequency-dropdown-item:hover .option-icon,.frequency-dropdown-item.active .option-icon{color:var(--text-secondary)}.frequency-dropdown-item .option-text{font-size:12px;font-weight:var(--font-weight-regular);display:inline-flex;align-items:center;line-height:1}.card-footer{display:flex;flex-direction:column;gap:0;margin-top:12px;padding-top:12px;border-top:1px solid var(--divider-primary)}.card-action-buttons{display:flex;gap:8px;width:100%}.action-btn{flex:1;height:32px;padding:6px 10px;border:var(--border-width-1) solid var(--divider-primary);border-radius:var(--border-radius-md);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;background:var(--bg-primary);color:var(--text-tertiary);font-size:.75rem;font-weight:var(--font-weight-medium)}.action-btn:hover{background:var(--hover-primary);color:var(--primary);border-color:var(--primary);transform:scale(1.01)}.action-btn:hover .material-symbols-rounded{color:var(--primary)}.action-btn .material-symbols-rounded{font-size:20px;color:var(--text-tertiary)}.run-btn{background:var(--primary);color:var(--text-quinary);border-color:var(--primary)}.run-btn .material-symbols-rounded{color:var(--text-quinary)}.run-btn:hover{background:var(--primary-light);color:var(--primary-dark);border-color:var(--primary-light);opacity:.9}.run-btn:hover .material-symbols-rounded{color:var(--primary-dark)}.update-btn:hover{background:var(--tag-bg-blue);color:var(--accent-blue);border-color:var(--accent-blue)}.update-btn:hover .material-symbols-rounded{color:var(--accent-blue)}.delete-btn:hover{background:var(--tag-bg-red-neon);color:var(--accent-red-neon);border-color:var(--accent-red-neon)}.delete-btn:hover .material-symbols-rounded{color:var(--accent-red-neon)}html[data-theme=canda].dark .saved-dashboard-card{background:var(--bg-secondary);border-color:var(--divider-primary)}html[data-theme=canda].dark .saved-dashboard-card.inactive{background:var(--bg-primary)}html[data-theme=canda].dark .card-title{color:var(--text-primary)}html[data-theme=canda].dark .card-description{color:var(--text-secondary)}html[data-theme=canda].dark .card-details{background:var(--bg-tertiary);border-color:var(--divider-primary)}html[data-theme=canda].dark .detail-label{color:var(--text-tertiary)}html[data-theme=canda].dark .detail-value{color:var(--text-primary)}html[data-theme=canda].dark .badge-active{background:var(--status-active-bg);color:var(--status-active-text)}html[data-theme=canda].dark .badge-inactive{background:var(--bg-quaternary);color:var(--text-tertiary)}html[data-theme=canda].dark .action-btn{background:var(--bg-primary);color:var(--text-tertiary)}html[data-theme=canda].dark .run-btn{background:var(--primary);color:var(--text-quinary);border-color:var(--primary)}html[data-theme=canda].dark .run-btn:hover{background:var(--primary-light);color:var(--primary-dark);border-color:var(--primary-light)}html[data-theme=canda].dark .run-btn .material-symbols-rounded{color:var(--text-quinary)}html[data-theme=canda].dark .run-btn:hover .material-symbols-rounded{color:var(--primary-dark)}html[data-theme=canda].dark .update-btn:hover{background:var(--tag-bg-blue);color:var(--accent-blue-light)}html[data-theme=canda].dark .delete-btn:hover{background:var(--tag-bg-red-neon);color:var(--accent-red-neon)}html[data-theme=halloween].dark .saved-dashboard-card{background:var(--bg-secondary);border-color:var(--divider-primary)}html[data-theme=halloween].dark .saved-dashboard-card.inactive{background:var(--bg-primary)}html[data-theme=halloween].dark .card-title{color:var(--text-primary)}html[data-theme=halloween].dark .card-description{color:var(--text-secondary)}html[data-theme=halloween].dark .card-details{background:var(--bg-tertiary);border-color:var(--divider-primary)}html[data-theme=halloween].dark .detail-label{color:var(--text-tertiary)}html[data-theme=halloween].dark .detail-value{color:var(--text-primary)}html[data-theme=halloween].dark .badge-active{background:#ffa50033;color:var(--accent-primary)}html[data-theme=halloween].dark .badge-inactive{background:var(--bg-quaternary);color:var(--text-tertiary)}html[data-theme=halloween].dark .action-btn{background:var(--bg-primary);color:var(--text-tertiary)}html[data-theme=halloween].dark .update-btn:hover{background:#ffa50033;color:var(--accent-primary)}html[data-theme=halloween].dark .delete-btn:hover{background:var(--tag-bg-red-neon);color:var(--accent-red-neon)}html[data-theme=halloween].dark .run-report-btn{background:var(--accent-primary);box-shadow:none}html[data-theme=halloween].dark .run-report-btn:hover{opacity:.9}.dashboard-gallery{grid-area:main;padding:0;background-color:var(--bg-primary);overflow-y:auto;transition:background-color .3s ease;display:flex;flex-direction:column;height:100%;min-height:0}.saved-dashboards-section{display:flex;flex-direction:column}.saved-dashboards-header{background:var(--bg-secondary);border-bottom:var(--border-width-1) solid var(--divider-primary);padding:16px 20px;transition:background-color .3s ease}.saved-dashboards-header .header-content{display:flex;align-items:center;gap:12px}.saved-dashboards-header .header-icon{font-size:28px!important;color:var(--primary)}.saved-dashboards-header .header-text{display:flex;flex-direction:column;gap:2px}.saved-dashboards-header .header-title{font-size:18px;font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.saved-dashboards-header .header-description{font-size:13px;color:var(--text-tertiary);margin:0}.dashboard-gallery-header{margin-bottom:20px}.dashboard-gallery-title{font-size:24px;font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 8px}.dashboard-gallery-subtitle{font-size:14px;color:var(--text-secondary);margin:0}.dashboard-gallery-grid{display:flex;flex-wrap:wrap;gap:16px;align-items:start;align-content:start;justify-content:flex-start;width:100%;min-width:0;padding:20px;background-color:var(--bg-secondary)}@media (max-width: 1400px){.dashboard-gallery-grid{gap:14px}}@media (max-width: 1200px){.dashboard-gallery-grid{gap:12px}}@media (max-width: 1024px){.dashboard-gallery-grid{padding:16px}.dashboard-gallery-grid{gap:12px}}@media (max-width: 768px){.saved-dashboards-header{padding:12px 16px}.dashboard-gallery-grid{gap:12px;padding:16px;justify-content:center}.dashboard-gallery-title{font-size:20px}.dashboard-gallery-subtitle{font-size:12px}}html[data-theme=canda].dark .dashboard-gallery{background-color:var(--bg-secondary)}html[data-theme=canda].dark .saved-dashboards-header,html[data-theme=canda].dark .dashboard-gallery-grid{background-color:var(--bg-primary)}html[data-theme=canda].dark .dashboard-gallery-title{color:var(--text-primary)}html[data-theme=canda].dark .dashboard-gallery-subtitle{color:var(--text-secondary)}html[data-theme=canda].dark .dashboard-card{background-color:var(--bg-tertiary);border-color:var(--divider-primary)}html[data-theme=canda].dark .dashboard-info-text,html[data-theme=canda].dark .dashboard-info-icon,html[data-theme=canda].dark .dashboard-info-data-icon{color:var(--text-secondary)}html[data-theme=halloween].dark .dashboard-gallery{background-color:var(--bg-secondary)}html[data-theme=halloween].dark .dashboard-gallery-title{color:var(--text-primary)}html[data-theme=halloween].dark .dashboard-gallery-subtitle{color:var(--text-secondary)}html[data-theme=halloween].dark .dashboard-card{background-color:var(--bg-tertiary);border-color:var(--divider-primary)}html[data-theme=halloween].dark .dashboard-info-text,html[data-theme=halloween].dark .dashboard-info-icon,html[data-theme=halloween].dark .dashboard-info-data-icon{color:var(--text-secondary)}.create-dashboard-page{grid-area:content-row;display:flex;flex-direction:column;width:100%;min-height:100%}.create-dashboard-section{background:var(--bg-primary);border-bottom:var(--border-width-1) solid var(--divider-primary);padding:12px 20px;transition:background-color .3s ease}.create-dashboard-row{display:flex;gap:24px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap}.create-dashboard-left{display:flex;gap:8px;align-items:flex-start;flex:1;flex-wrap:wrap}.create-dashboard-right{display:flex;gap:8px;align-items:flex-end;flex-wrap:wrap}.selector-label{font-size:11px;font-weight:var(--font-weight-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;display:block}.dashboard-type-selector{display:flex;flex-direction:column;position:relative}.dropdown-container{position:relative}.dropdown-button{display:flex;align-items:center;justify-content:flex-start;gap:4px;padding:6px 10px;border:var(--border-width-1) solid var(--divider-primary);border-radius:var(--border-radius-md);background:var(--bg-primary);color:var(--text-primary);font-size:.75rem;font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s ease;white-space:nowrap;height:32px;line-height:1;width:auto}.dropdown-button.placeholder{color:var(--text-tertiary)}.dropdown-button.placeholder .material-symbols-rounded:first-child{color:var(--text-tertiary);transition:color .2s ease}.dropdown-button:hover{background:var(--hover-primary)!important;color:var(--text-primary);border-color:var(--primary);transform:scale(1.01)}.dropdown-button:hover .material-symbols-rounded{color:var(--text-secondary)}.dropdown-button.placeholder:hover .material-symbols-rounded:first-child{color:var(--text-tertiary)}.dropdown-button.active{background:var(--primary)!important;color:var(--text-quinary)!important;border-color:var(--primary)!important}.dropdown-button.active .material-symbols-rounded{color:var(--text-quinary)}.dropdown-button .material-symbols-rounded{font-size:18px;color:var(--text-tertiary);transition:color .2s ease}.dropdown-button .material-symbols-rounded:last-child{margin-left:auto}.dropdown-menu{position:absolute;top:calc(100% + 8px);left:0;background-color:var(--dropdown-bg);border:var(--border-width-1) solid var(--divider-primary);border-radius:var(--border-radius-md);box-shadow:var(--shadow-xl);min-width:100%;width:max-content;max-width:calc(100vw - 2rem);padding:.25rem 0;z-index:var(--z-modal-panel);overflow:hidden;animation:dropdownFadeIn .2s ease-out}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{display:flex;align-items:center;gap:.5rem;width:calc(100% - 1rem);padding:.5rem .75rem;border:var(--border-width-1) solid transparent;background:none;color:var(--text-primary);font-size:.75rem!important;text-align:left;cursor:pointer;transition:all .2s ease;font-weight:var(--font-weight-regular);margin:.25rem .5rem;border-radius:var(--border-radius-md)}.dropdown-item span{font-size:.75rem!important;display:inline-flex;align-items:center;line-height:1}.dropdown-item:hover,.dropdown-item.active{background-color:var(--hover-primary);color:var(--text-primary);border-color:var(--primary)}.dropdown-item .material-symbols-rounded{font-size:18px!important;width:18px;height:18px;color:var(--text-secondary);transition:color .2s ease;display:flex;align-items:center;justify-content:center;line-height:1}.dropdown-item:hover .material-symbols-rounded,.dropdown-item.active .material-symbols-rounded{color:var(--text-secondary)}.update-frequency-selector{display:flex;flex-direction:column}.update-options-buttons{display:flex;gap:6px;flex-wrap:wrap}.dashboard-name-group{display:flex;flex-direction:column;min-width:240px}.dashboard-name-input{padding:6px 10px;border:var(--border-width-1) solid var(--divider-primary);border-radius:var(--border-radius-md);font-size:.75rem;color:var(--text-primary);background:var(--bg-secondary);outline:none;transition:all .2s ease;height:32px}.dashboard-name-input:focus{border-color:var(--primary);box-shadow:var(--shadow-focus)}.dashboard-name-input::placeholder{color:var(--text-tertiary)}.create-dashboard-button{display:flex;align-items:center;justify-content:center;gap:4px;background:var(--primary);color:var(--text-quinary);border:var(--border-width-1) solid var(--primary);border-radius:var(--border-radius-md);padding:6px 10px;font-size:.75rem;font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s ease;white-space:nowrap;height:32px;line-height:1}.create-dashboard-button .material-symbols-rounded{font-size:20px;color:var(--text-quinary)}.create-dashboard-button:hover{background:var(--primary-light);color:var(--primary-dark);border-color:var(--primary-light);opacity:.9}.create-dashboard-button:hover .material-symbols-rounded{color:var(--primary-dark)}html[data-theme=canda].dark .create-dashboard-section{background:var(--bg-secondary);border-bottom-color:var(--divider-primary)}html[data-theme=canda].dark .dropdown-button{background:var(--bg-secondary);border-color:var(--divider-primary);color:var(--text-primary)}html[data-theme=canda].dark .dropdown-button:hover{background:var(--hover-primary)!important;color:var(--text-primary);border-color:var(--primary)}html[data-theme=canda].dark .dropdown-button:hover .material-symbols-rounded{color:var(--text-secondary)}html[data-theme=canda].dark .dropdown-button.placeholder:hover .material-symbols-rounded:first-child{color:var(--text-tertiary)}html[data-theme=canda].dark .dropdown-menu{background:var(--bg-secondary);border-color:var(--divider-secondary)}html[data-theme=canda].dark .dropdown-item:hover{background-color:var(--hover-primary);color:var(--text-primary);border-color:var(--primary)}html[data-theme=canda].dark .dropdown-item.active{background:var(--hover-primary);color:var(--text-primary);border-color:var(--primary)}html[data-theme=canda].dark .dropdown-item:hover .material-symbols-rounded,html[data-theme=canda].dark .dropdown-item.active .material-symbols-rounded{color:var(--text-secondary)}html[data-theme=halloween].dark .create-dashboard-section{background:var(--bg-secondary);border-bottom-color:var(--divider-primary)}html[data-theme=halloween].dark .dropdown-button{background:var(--bg-secondary);border-color:var(--divider-primary)}html[data-theme=halloween].dark .dropdown-button:hover{background:var(--hover-primary)!important;color:var(--text-primary);border-color:var(--primary)}html[data-theme=halloween].dark .dropdown-button:hover .material-symbols-rounded{color:var(--text-secondary)}html[data-theme=halloween].dark .dropdown-button.placeholder:hover .material-symbols-rounded:first-child{color:var(--text-tertiary)}html[data-theme=halloween].dark .dropdown-menu{background:var(--bg-tertiary);border-color:var(--divider-secondary)}html[data-theme=halloween].dark .dropdown-item:hover{background-color:var(--hover-primary);color:var(--text-primary);border-color:var(--primary)}html[data-theme=halloween].dark .dropdown-item.active{background:var(--hover-primary);color:var(--text-primary);border-color:var(--primary)}html[data-theme=halloween].dark .dropdown-item:hover .material-symbols-rounded,html[data-theme=halloween].dark .dropdown-item.active .material-symbols-rounded{color:var(--text-secondary)}@media (max-width: 1200px){.dashboard-type-grid{flex-wrap:wrap}}@media (max-width: 768px){.create-dashboard-section{padding:12px 16px}.create-dashboard-row{flex-direction:column;gap:12px}.create-dashboard-left{width:100%;flex-direction:column}.create-dashboard-right{width:100%;flex-direction:column;align-items:stretch}.dashboard-name-group{min-width:auto}.dashboard-type-grid,.update-options-buttons{flex-direction:column}}.dashboards{display:grid;grid-template-columns:1fr;grid-template-rows:auto auto auto 1fr;grid-template-areas:"header" "filters" "content-row" "main";height:100vh;width:100%;overflow:hidden;background-color:var(--bg-primary)}.dashboards.has-additional-filters{grid-template-rows:auto auto auto auto 1fr;grid-template-areas:"header" "filters" "additional-filters" "content-row" "main"}html[data-theme=canda].dark .dashboards,html[data-theme=halloween].dark .dashboards{background-color:var(--bg-primary)}@media (max-width: 768px){.dashboards{height:100vh}}.account-settings-container{position:absolute;inset:0;background:var(--bg-secondary);z-index:var(--z-modal);display:flex;flex-direction:column;font-family:var(--font-family-primary);color:var(--text-primary);overflow:hidden}.close-settings-btn{display:flex;align-items:center;justify-content:center;padding:8px;width:45px;height:40px;border:var(--border-width-1) solid var(--divider-primary);border-radius:var(--border-radius-md);background:var(--bg-primary);color:var(--text-tertiary);font-size:.75rem;line-height:1.2;font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s ease}.close-settings-btn:hover{background:var(--hover-primary);border-color:var(--primary);color:var(--primary)}.account-settings-content{width:100%;padding:32px 48px 48px;display:flex;flex-direction:column;height:100%;overflow-y:auto}.settings-header{margin-bottom:32px;display:flex;justify-content:space-between;align-items:flex-start;gap:24px}.settings-tabs-container{margin-bottom:32px;border-bottom:var(--border-width-2) solid var(--divider-primary)}.settings-tabs{display:flex;gap:20px;padding:0}.settings-tab-btn{padding:12px 8px;border:none;background:transparent;font-size:15px;font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s ease;color:var(--text-tertiary);white-space:nowrap;position:relative;border-bottom:var(--border-width-2) solid transparent;margin-bottom:-2px;border-radius:0}.settings-tab-btn:hover:not(.active){color:var(--text-primary)}.settings-tab-btn.active{color:var(--primary);font-weight:var(--font-weight-semibold);border-bottom-color:var(--primary)}.settings-header-left h1{font-size:32px;font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 8px;letter-spacing:-.02em}.settings-header-left p{font-size:16px;color:var(--text-tertiary);margin:0}.settings-main{background:transparent;border:none;flex:1;position:relative;display:flex;flex-direction:column}.content-body{padding:0;flex:1}.dashboard-grid{display:contents;margin-bottom:32px}.dashboard-card{background:var(--bg-primary);border-radius:var(--border-radius-lg);padding:24px;box-shadow:var(--shadow-sm);border:var(--border-width-1) solid var(--divider-primary);transition:all .2s ease}.dashboard-card:hover{box-shadow:var(--shadow-md);border-color:var(--divider-primary)}.dashboard-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.dashboard-card-title{display:flex;align-items:center;gap:12px}.dashboard-card-icon{width:40px;height:40px;border-radius:var(--border-radius-md);display:flex;align-items:center;justify-content:center;font-size:20px}.dashboard-card-icon.primary{background:var(--tag-bg-teal);color:var(--primary)}.dashboard-card-icon.secondary{background:var(--tag-bg-blue);color:var(--accent-blue-light)}.dashboard-card-icon.accent{background:var(--tag-bg-amber);color:var(--accent-gold-dark)}.dashboard-card-icon.danger{background:var(--tag-bg-red-neon);color:var(--accent-red-neon)}.dashboard-card-icon.purple{background:#9333ea1a;color:#9333ea}.dashboard-card h3{font-size:16px;font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.dashboard-card-title p{font-size:13px;color:var(--text-tertiary);margin:4px 0 0}.dashboard-card-value{font-size:32px;font-weight:var(--font-weight-bold);color:var(--text-primary);margin:8px 0 4px;letter-spacing:-.02em}.dashboard-card-label{font-size:14px;color:var(--text-tertiary);margin:0}.dashboard-card-footer{margin-top:16px;padding-top:16px;border-top:var(--border-width-1) solid var(--divider-primary);display:flex;justify-content:space-between;align-items:center}.dashboard-card-stat{font-size:13px;color:var(--text-tertiary)}.settings-tab{display:none}.settings-tab.active{display:block;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.section{margin-bottom:40px}.section:last-child{margin-bottom:0}.section-title{font-size:16px;font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:16px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:24px}.form-group{display:flex;flex-direction:column;margin-bottom:20px}.form-group.full-width{grid-column:1 / -1}.form-group label{font-size:14px;font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{padding:12px 16px;border:var(--border-width-1) solid var(--divider-primary);border-radius:var(--border-radius-md);font-size:14px;background:var(--bg-primary);color:var(--text-primary);transition:border-color .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary);box-shadow:var(--shadow-focus)}.profile-container{width:100%;margin:0;display:grid;grid-template-columns:repeat(9,1fr);gap:24px}.profile-container-full{width:100%;max-width:none}.profile-banner{height:160px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);border-radius:var(--border-radius-lg);position:relative}.profile-banner-full{height:160px}.profile-header{padding:0;background:var(--bg-primary);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);border:var(--border-width-1) solid var(--divider-primary);margin-bottom:32px;position:relative;overflow:visible;display:flex;flex-direction:column}.profile-header-actions{position:absolute;top:16px;right:16px;display:flex;flex-direction:column;gap:8px}.profile-header.wide{grid-column:1 / -1}.profile-header-row{display:contents;margin-bottom:32px}.profile-header-row .profile-header{margin-bottom:0;grid-column:span 4}.profile-header-row .dashboard-card{margin-bottom:0}.dashboard-grid.wide{grid-column:1 / -1;display:grid;grid-template-columns:repeat(6,1fr);gap:24px}.dashboard-card{grid-column:span 4}.profile-header-row .dashboard-card{grid-column:span 2}.profile-header-full{padding:0}.profile-header-content{display:flex;flex-direction:column;padding:24px;position:relative;gap:12px}.profile-top-section{display:flex;align-items:center;gap:16px;position:relative}.profile-avatar-section{flex-shrink:0}.profile-name-section{flex:1;display:flex;flex-direction:column;justify-content:center;min-width:0}.profile-name-email-group{display:flex;flex-direction:column;gap:4px;width:100%}.profile-info-section{width:100%;display:flex;flex-direction:column;gap:0}.profile-name-display{font-size:24px;font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0;letter-spacing:-.02em;text-align:left;line-height:1.2;width:100%}.profile-email-display{font-size:15px;color:var(--text-tertiary);margin:0;font-weight:var(--font-weight-regular);line-height:1.4;text-align:left}.profile-info-group{width:100%;display:flex;flex-direction:column;margin-top:5px}.profile-info-item{display:flex;align-items:center;gap:12px;padding:10px 12px;background:var(--bg-secondary);border-radius:var(--border-radius-md);transition:all .2s ease}.profile-info-item:hover{background:var(--hover-primary)}.profile-info-item-split{gap:0;padding:10px 12px}.profile-info-half{display:flex;align-items:center;gap:10px;padding:0;min-width:0}.profile-info-half:first-child{padding-right:0}.profile-info-half:last-child{padding-left:0}.profile-info-divider{width:1px;height:20px;background:var(--divider-primary);flex-shrink:0;margin:0 32px 0 42px;align-self:center}.profile-icon{font-size:20px;color:var(--primary);flex-shrink:0;width:24px;text-align:center}.profile-info-content{display:flex;align-items:center;min-width:0}.profile-info-text{font-size:14px;color:var(--text-primary);font-weight:var(--font-weight-medium);line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-email-display{font-size:14px;color:var(--text-tertiary);margin:0;font-weight:var(--font-weight-regular);line-height:1}.profile-company-display{font-size:14px;color:var(--text-tertiary);margin:0;font-weight:var(--font-weight-regular);opacity:var(--opacity-70)}.security-card{grid-column:span 5}.security-content{padding:18px 0 0;display:flex;flex-direction:column;gap:16px}.security-item{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:transparent;border:var(--border-width-1) solid var(--divider-primary);border-radius:var(--border-radius-md);transition:all .2s ease;gap:16px}.security-item:hover{border-color:var(--primary);box-shadow:var(--shadow-sm)}.security-info{flex:1;display:flex;flex-direction:column;gap:2px}.security-info .notification-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.security-info h4{font-size:15px;font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.security-info p{font-size:13px;color:var(--text-tertiary);margin:0 0 0 28px;line-height:1.4}.notifications-card{grid-column:span 3}.notifications-card .security-content{padding:18px 0 0}.notifications-card .security-item{flex-direction:row;justify-content:space-between}.privacy-card{grid-column:span 4}.privacy-content{display:flex;flex-direction:column;gap:16px;padding:18px 0 0}.privacy-settings-section{padding:20px 24px;background:transparent;border:var(--border-width-1) solid var(--divider-primary);border-radius:var(--border-radius-md);transition:all .2s ease}.privacy-settings-section:hover{border-color:var(--primary);box-shadow:var(--shadow-sm)}.privacy-content .security-item{display:flex;justify-content:space-between;align-items:center;padding:0;border:none}.privacy-data{padding:20px 24px!important;background:transparent;border:var(--border-width-1) solid var(--divider-primary);border-radius:var(--border-radius-md);display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:16px;transition:all .2s ease}.privacy-data:hover{border-color:var(--primary);box-shadow:var(--shadow-sm)}.privacy-section-header{display:flex;align-items:center;gap:12px;margin:0;flex:1}.privacy-section-header .material-symbols-rounded{font-size:20px;color:var(--text-primary);flex-shrink:0}.privacy-section-content{display:flex;flex-direction:column;gap:2px;flex:1}.privacy-section-content .notification-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.privacy-section-content .notification-header h4{font-size:15px;font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.privacy-section-content p{font-size:13px;color:var(--text-tertiary);margin:0 0 0 28px;line-height:1.4}.privacy-data .filter-button{padding:8px 16px;font-size:13px;flex-shrink:0}.privacy-data .filter-button .material-symbols-rounded{font-size:18px}.account-management-card{grid-column:span 3;background:var(--bg-primary);border:var(--border-width-2) solid var(--tag-bg-red)}.account-management-content{padding:20px 0 0 24px}.account-deletion-info{display:flex;flex-direction:column;gap:12px;align-items:flex-start}.account-deletion-info .notification-header{margin-bottom:0}.account-deletion-info .notification-header .material-symbols-rounded{color:var(--text-primary)}.account-deletion-info h4{color:var(--accent-red-neon);font-size:16px;margin:0}.account-deletion-info p{font-size:13px;color:var(--text-tertiary);margin:0 0 16px;line-height:1.5;max-width:100%}.account-deletion-consequences{display:flex;flex-direction:column;gap:8px;margin-top:8px}.account-deletion-item .filter-button.destructive{align-self:flex-end;font-size:13px;padding:8px 16px;background:var(--input-bg);color:var(--text-primary);border:var(--border-width-1) solid var(--divider-primary);box-shadow:var(--shadow-sm)}.account-deletion-item .filter-button.destructive:hover{background:var(--hover-primary);border-color:var(--divider-primary);box-shadow:var(--shadow-md)}.notification-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.notification-icon{font-size:20px;color:var(--text-primary)}.notification-header h4{margin:0;font-size:16px;font-weight:var(--font-weight-semibold);color:var(--text-primary)}.profile-name-input{font-size:24px;font-weight:var(--font-weight-bold);padding:10px 16px;border:var(--border-width-2) solid var(--primary);background:var(--bg-primary);color:var(--text-primary);width:100%;max-width:350px;border-radius:var(--border-radius-md);text-align:left;transition:all .2s ease}.profile-name-input:focus{outline:none;border-color:var(--primary);box-shadow:var(--shadow-focus)}.profile-email-input{font-size:15px;font-weight:var(--font-weight-regular);padding:6px 10px;border:var(--border-width-2) solid var(--primary);background:var(--bg-primary);width:100%;max-width:350px;border-radius:var(--border-radius-md);transition:all .2s ease;color:var(--text-tertiary)}.profile-email-input:focus{outline:none;border-color:var(--primary);box-shadow:var(--shadow-focus);color:var(--text-primary)}.profile-input{width:100%;padding:10px 12px;border:var(--border-width-2) solid var(--primary);border-radius:var(--border-radius-md);font-size:14px;font-weight:var(--font-weight-medium);background:var(--bg-primary);color:var(--text-primary);transition:all .2s ease}.profile-input:focus{outline:none;border-color:var(--primary);background:var(--bg-primary);box-shadow:var(--shadow-focus)}.profile-actions{display:none}.profile-save-actions{display:flex;flex-direction:row;gap:8px;width:auto;align-items:flex-start}.profile-header-actions .profile-save-actions .filter-button{padding:6px 10px!important;justify-content:center;text-align:center;min-width:auto}.profile-header-actions .profile-save-actions .filter-button.icon-only{padding:6px!important;min-width:36px;width:36px;height:36px}.profile-header-actions .profile-save-actions .filter-button.icon-only .material-symbols-rounded{font-size:24px;margin:0;padding:0}.profile-header-actions .profile-save-actions .filter-button.destructive{padding:6px 10px!important}.profile-header-actions .profile-save-actions .filter-button.destructive.icon-only{padding:6px!important}.profile-header-actions .profile-save-actions .filter-button .material-symbols-rounded{margin:0;padding:0}.btn-secondary{background:var(--input-bg);color:var(--text-primary);border:var(--border-width-1) solid var(--divider-primary)}.btn-secondary:hover{background:var(--hover-primary);border-color:var(--divider-primary)}.btn-ghost{background:transparent!important;color:var(--primary);border:none!important;outline:none;padding:6px 12px;font-size:13px;font-weight:var(--font-weight-medium);box-shadow:none!important}.btn-ghost:hover{background:transparent!important;border:none!important;color:var(--primary);box-shadow:none!important;opacity:var(--opacity-70)}.btn-ghost:focus{background:transparent!important;box-shadow:none!important}.btn-ghost .material-symbols-rounded{font-size:16px}.avatar-container{position:relative;flex-shrink:0}.profile-avatar-wrapper{width:85px;height:85px;border-radius:50%;overflow:hidden;position:relative;background:var(--bg-primary);display:flex;align-items:center;justify-content:center;border:var(--border-width-2) solid var(--divider-primary);box-shadow:var(--shadow-md)}.profile-avatar{width:100%;height:100%;object-fit:cover}.profile-avatar-initials{font-size:34px;font-weight:var(--font-weight-semibold);color:var(--primary);background:var(--active-bg);width:100%;height:100%;display:flex;align-items:center;justify-content:center}.avatar-overlay{position:absolute;bottom:0;right:0;background:var(--primary);border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease}.avatar-overlay:hover{background:var(--primary);opacity:var(--opacity-80)}.avatar-edit-btn{position:absolute;bottom:0;left:0;right:0;height:32px;background:transparent;border:none;border-radius:0 0 50% 50%;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;color:var(--text-primary);opacity:0;padding:0}.profile-avatar-wrapper:hover .avatar-edit-btn{opacity:1}.avatar-edit-btn:hover{color:var(--primary)}.avatar-edit-btn .material-symbols-rounded{font-size:18px}.profile-meta{flex:1;display:flex;flex-direction:column;gap:12px}.profile-info{flex:1}.profile-info p{color:var(--text-tertiary);margin:0;font-size:14px}.profile-email{color:var(--text-tertiary);font-size:14px;margin:0 0 16px}.profile-details{display:flex;flex-direction:column;gap:8px}.profile-detail-item{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-primary)}.detail-icon{font-size:16px;color:var(--text-tertiary);width:16px;text-align:center}.profile-status-pills{display:flex;gap:8px;flex-wrap:wrap}.status-pill .material-symbols-rounded{font-size:14px}.edit-buttons{display:flex;gap:12px;align-items:center}.edit-link{background:var(--input-bg);border:var(--border-width-1) solid var(--divider-primary);cursor:pointer;font-size:14px;color:var(--primary);text-decoration:none;padding:8px 16px;border-radius:var(--border-radius-md);font-family:inherit;font-weight:var(--font-weight-medium);transition:all .2s ease}.edit-link:hover{background:var(--primary);color:var(--text-quinary);border-color:var(--primary)}.cancel-link{background:var(--input-bg);border:var(--border-width-1) solid var(--divider-primary);cursor:pointer;font-size:14px;color:var(--text-tertiary);text-decoration:none;padding:8px 16px;border-radius:var(--border-radius-md);font-family:inherit;font-weight:var(--font-weight-medium);transition:all .2s ease}.cancel-link:hover{background:var(--hover-primary);color:var(--text-primary);border-color:var(--divider-primary)}.setting-item{display:flex;align-items:center;justify-content:space-between;width:100%}.setting-info{flex:1}.setting-info span{color:var(--text-tertiary);font-size:14px}.toggle{width:48px;height:26px;background:var(--divider-primary);border-radius:var(--border-radius-md);position:relative;cursor:pointer;transition:all .2s ease;border:var(--border-width-1) solid var(--divider-primary)}.toggle:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:var(--bg-primary);border-radius:50%;transition:transform .2s ease;box-shadow:var(--shadow-sm)}.toggle.active{background:var(--primary);border-color:var(--primary)}.toggle.active:after{transform:translate(22px)}.activity-list{padding:0 32px 32px}.activity-item{display:flex;align-items:center;gap:16px;padding:16px 0}.activity-icon{width:40px;height:40px;border-radius:50%;background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;color:var(--text-tertiary)}.activity-content{flex:1}.activity-title{font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:2px}.activity-time{font-size:12px;color:var(--text-tertiary)}.btn{padding:6px 12px;border:none;border-radius:var(--border-radius-md);font-size:14px;font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-flex;align-items:center;gap:6px;box-shadow:var(--shadow-sm)}.btn-primary{background:var(--primary);color:var(--text-quinary);border:var(--border-width-1) solid var(--primary)}.btn-primary:hover{background:var(--primary);opacity:var(--opacity-85);border-color:var(--primary);box-shadow:var(--shadow-focus)}.btn-danger{background:var(--accent-red-neon);color:var(--text-quinary);border:var(--border-width-1) solid var(--accent-red-neon)}.btn-danger:hover{background:var(--accent-red-neon);border-color:var(--accent-red-neon);box-shadow:var(--shadow-md)}.btn-group{display:flex;gap:12px;flex-wrap:wrap}@media (max-width: 1024px){.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}}@media (max-width: 1200px){.profile-container{grid-template-columns:repeat(4,1fr)}.profile-header-row .profile-header{grid-column:span 2}.profile-header-row .dashboard-card{grid-column:span 1}.dashboard-grid.wide{grid-template-columns:repeat(4,1fr)}.dashboard-card,.security-card,.privacy-card{grid-column:span 2}}@media (max-width: 900px){.profile-container{grid-template-columns:repeat(2,1fr)}.profile-header-row .profile-header{grid-column:span 2}.profile-header-row .dashboard-card{grid-column:span 1}.dashboard-grid.wide{grid-template-columns:repeat(2,1fr)}.dashboard-card,.security-card,.privacy-card,.account-management-card{grid-column:span 1}}@media (max-width: 768px){.account-settings-content{padding:20px 24px}.settings-header{flex-direction:row;align-items:flex-start;gap:16px;margin-bottom:24px}.settings-header-left h1{font-size:28px}.settings-tabs-container{margin-bottom:24px}.settings-tabs{gap:24px}.settings-tab-btn{padding:10px 0;font-size:14px}.tab-nav{padding:0 0 20px;flex-wrap:wrap;gap:8px;margin-bottom:24px}.profile-container{grid-template-columns:1fr;gap:16px}.profile-header-row .profile-header,.profile-header-row .dashboard-card{grid-column:span 1}.dashboard-grid.wide{grid-template-columns:1fr}.dashboard-card{grid-column:span 1}.privacy-settings-section{padding:16px}.privacy-data{padding:16px!important;flex-direction:column;align-items:flex-start;gap:12px}.privacy-section-header{width:100%}.privacy-data .filter-button{align-self:stretch;justify-content:center}.security-content{gap:12px}.security-item{padding:16px;flex-direction:column;align-items:flex-start;gap:12px}.security-info{width:100%}.security-item .filter-button,.security-item .simple-toggle{align-self:stretch}.security-item .filter-button{justify-content:center}.account-management-content{padding:16px}.account-deletion-item{gap:12px}.account-deletion-info{gap:8px}.account-deletion-warning{padding:6px 10px;font-size:11px}.profile-header-content{padding:0 20px 20px}.profile-top-section{margin-top:-40px;flex-direction:column;align-items:center;gap:12px}.profile-avatar-section{flex-shrink:0}.profile-name-section{padding-top:0;width:100%;justify-content:center}.profile-avatar-wrapper{width:80px;height:80px;border:var(--border-width-2) solid var(--divider-primary)}.avatar-edit-btn{height:28px}.avatar-edit-btn .material-symbols-rounded{font-size:16px}.profile-avatar-initials{font-size:32px}.profile-name-display,.profile-name-input{font-size:20px;text-align:center}.profile-email-display,.profile-email-input{font-size:14px;text-align:center}.profile-info-item{padding:8px 10px}.profile-info-item-split{flex-direction:column;gap:8px;padding:10px}.profile-info-divider{width:100%;height:1px;margin:0}.profile-info-half{padding:0;gap:8px}.profile-icon{font-size:18px;width:20px}.profile-info-text{font-size:13px;white-space:normal}.profile-save-actions{flex-direction:row;justify-content:center}.activity-list{padding:0 24px 24px}.danger-zone{padding:24px}.content-body{padding:16px}.profile-header{flex-direction:column;align-items:center;text-align:center;gap:16px}.form-grid{grid-template-columns:1fr;gap:16px}.btn-group{flex-direction:column}}@media (max-width: 480px){.profile-banner{height:100px}.profile-card-banner{height:60px}.profile-header-content{padding:0 16px 16px}.settings-tabs{gap:20px}.settings-tab-btn{font-size:13px;padding:9px 0}.profile-top-section{margin-top:-35px;flex-direction:column;align-items:center;gap:10px}.profile-name-section{padding-top:0;width:100%;justify-content:center}.profile-avatar-wrapper{width:70px;height:70px;border:var(--border-width-2) solid var(--divider-primary)}.profile-avatar-initials{font-size:28px}.avatar-edit-btn{height:24px}.avatar-edit-btn .material-symbols-rounded{font-size:14px}.profile-name-display,.profile-name-input{font-size:18px;text-align:center}.profile-email-display,.profile-email-input{font-size:13px;text-align:center}.profile-info-item{padding:8px;gap:10px}.profile-info-item-split{flex-direction:column;gap:8px;padding:8px}.profile-info-divider{width:100%;height:1px;margin:0}.profile-info-half{padding:0;gap:8px}.profile-icon{font-size:16px;width:18px}.profile-info-text{font-size:12px;white-space:normal}.profile-info-group{gap:10px}.privacy-settings-section{padding:12px}.privacy-data{padding:12px!important}.privacy-section-header .material-symbols-rounded{width:32px;height:32px;font-size:18px;padding:6px}.privacy-section-content h4{font-size:14px}.privacy-section-content p{font-size:12px}.security-content{gap:10px}.security-item{padding:12px}.security-info .notification-header .material-symbols-rounded{font-size:18px}.security-info h4{font-size:14px}.security-info p{font-size:12px;margin-left:26px}.account-management-content{padding:12px}.account-deletion-item{gap:10px}.account-deletion-info{gap:6px}.account-deletion-info p{font-size:12px}.account-deletion-warning{padding:6px 8px;font-size:11px}.account-deletion-item .filter-button{font-size:12px;padding:6px 12px}.account-deletion-warning .material-symbols-rounded{font-size:16px}}.profile-info-item{background:transparent!important;border:none!important}.account-deletion-item{display:flex;flex-direction:column;gap:20px}.account-deletion-info{display:flex;flex-direction:column;gap:20px;align-items:flex-start}.deletion-description{padding-left:0;margin-top:-6px}.deletion-description p{font-size:14px;color:var(--text-primary);margin:0;line-height:1.5}.deletion-impact{display:grid;grid-template-columns:1fr;gap:10px;padding-left:0}.impact-item{display:flex;align-items:flex-start;gap:10px;padding:8px 0;transition:all .2s ease}.impact-item .material-symbols-rounded{font-size:16px;color:var(--accent-red-neon);flex-shrink:0;margin-top:1px}.impact-item div{display:flex;flex-direction:column;gap:2px}.impact-item strong{font-size:13px;font-weight:var(--font-weight-semibold);color:var(--accent-red-neon);margin:0}.impact-item span{font-size:12px;color:var(--text-tertiary);line-height:1.3}.deletion-action{padding-left:64px;padding-top:8px}.delete-account-btn{background:var(--accent-red-neon);color:var(--text-quinary);border:var(--border-width-2) solid var(--accent-red-neon);padding:12px 24px;border-radius:var(--border-radius-md);font-size:14px;font-weight:var(--font-weight-semibold);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px;box-shadow:var(--shadow-md)}.delete-account-btn:hover{background:var(--accent-red-neon);border-color:var(--accent-red-neon);transform:translateY(-1px);box-shadow:var(--shadow-xl)}.delete-account-btn .material-symbols-rounded{font-size:18px}html[data-theme=canda].dark .account-settings-container{background:var(--bg-primary);color:var(--text-primary)}html[data-theme=canda].dark .close-settings-btn{border-color:var(--divider-primary);background:var(--bg-secondary);color:var(--text-tertiary)}html[data-theme=canda].dark .close-settings-btn:hover{background:var(--hover-primary);border-color:var(--primary);color:var(--primary)}html[data-theme=canda].dark .settings-tabs-container{border-bottom-color:var(--divider-primary)}html[data-theme=canda].dark .settings-tab-btn{color:var(--text-tertiary);border-bottom-color:transparent}html[data-theme=canda].dark .settings-tab-btn:hover:not(.active){color:var(--text-primary)}html[data-theme=canda].dark .settings-tab-btn.active{color:var(--primary);border-bottom-color:var(--primary)}html[data-theme=canda].dark .settings-header-left h1,html[data-theme=canda].dark .section-title{color:var(--text-primary)}html[data-theme=canda].dark .settings-header-left p{color:var(--text-tertiary)}html[data-theme=canda].dark .dashboard-card{background:var(--bg-secondary);border-color:var(--divider-primary)}html[data-theme=canda].dark .dashboard-card:hover{border-color:var(--divider-primary)}html[data-theme=canda].dark .dashboard-card-icon.primary{background:var(--tag-bg-teal);color:var(--primary)}html[data-theme=canda].dark .dashboard-card-icon.secondary{background:var(--tag-bg-blue);color:var(--accent-blue-light)}html[data-theme=canda].dark .dashboard-card-icon.accent{background:var(--tag-bg-amber);color:var(--accent-gold-dark)}html[data-theme=canda].dark .dashboard-card-icon.danger{background:var(--tag-bg-red-neon);color:var(--accent-red-neon)}html[data-theme=canda].dark .dashboard-card-icon.purple{background:#9333ea26;color:#a855f7}html[data-theme=canda].dark .dashboard-card h3,html[data-theme=canda].dark .dashboard-card-value{color:var(--text-primary)}html[data-theme=canda].dark .dashboard-card-title p,html[data-theme=canda].dark .dashboard-card-label,html[data-theme=canda].dark .dashboard-card-stat{color:var(--text-tertiary)}html[data-theme=canda].dark .dashboard-card-footer{border-top-color:var(--divider-primary)}html[data-theme=canda].dark .form-group label{color:var(--text-primary)}html[data-theme=canda].dark .form-group input,html[data-theme=canda].dark .form-group select,html[data-theme=canda].dark .form-group textarea{border-color:var(--divider-primary);background:var(--bg-primary);color:var(--text-primary)}html[data-theme=canda].dark .form-group input:focus,html[data-theme=canda].dark .form-group select:focus,html[data-theme=canda].dark .form-group textarea:focus{border-color:var(--primary)}html[data-theme=canda].dark .profile-header{background:var(--bg-secondary);border-color:var(--divider-primary)}html[data-theme=canda].dark .profile-name-display{color:var(--text-primary)}html[data-theme=canda].dark .profile-email-display,html[data-theme=canda].dark .profile-company-display{color:var(--text-tertiary)}html[data-theme=canda].dark .profile-info-item{background:var(--bg-secondary)}html[data-theme=canda].dark .profile-info-item:hover{background:var(--hover-primary)}html[data-theme=canda].dark .profile-info-divider{background:var(--divider-primary)}html[data-theme=canda].dark .profile-icon{color:var(--primary)}html[data-theme=canda].dark .profile-info-text{color:var(--text-primary)}html[data-theme=canda].dark .security-item{border-color:var(--divider-primary)}html[data-theme=canda].dark .security-item:hover{border-color:var(--primary)}html[data-theme=canda].dark .security-info h4{color:var(--text-primary)}html[data-theme=canda].dark .security-info p{color:var(--text-tertiary)}html[data-theme=canda].dark .privacy-settings-section,html[data-theme=canda].dark .privacy-data{border-color:var(--divider-primary)}html[data-theme=canda].dark .privacy-settings-section:hover,html[data-theme=canda].dark .privacy-data:hover{border-color:var(--primary)}html[data-theme=canda].dark .privacy-section-header .material-symbols-rounded,html[data-theme=canda].dark .privacy-section-content .notification-header h4{color:var(--text-primary)}html[data-theme=canda].dark .privacy-section-content p{color:var(--text-tertiary)}html[data-theme=canda].dark .account-management-card{background:var(--bg-secondary);border-color:var(--tag-bg-red)}html[data-theme=canda].dark .account-deletion-info .notification-header .material-symbols-rounded{color:var(--text-primary)}html[data-theme=canda].dark .account-deletion-info h4{color:var(--accent-red-neon)}html[data-theme=canda].dark .account-deletion-info p{color:var(--text-tertiary)}html[data-theme=canda].dark .account-deletion-item .filter-button.destructive{background:var(--input-bg);color:var(--text-primary);border-color:var(--divider-primary)}html[data-theme=canda].dark .account-deletion-item .filter-button.destructive:hover{background:var(--hover-primary);border-color:var(--divider-primary)}html[data-theme=canda].dark .notification-icon,html[data-theme=canda].dark .notification-header h4{color:var(--text-primary)}html[data-theme=canda].dark .profile-name-input,html[data-theme=canda].dark .profile-email-input,html[data-theme=canda].dark .profile-input{border-color:var(--primary);background:var(--bg-primary);color:var(--text-primary)}html[data-theme=canda].dark .profile-email-input{color:var(--text-tertiary)}html[data-theme=canda].dark .profile-email-input:focus{color:var(--text-primary)}html[data-theme=canda].dark .btn-secondary{background:var(--input-bg);color:var(--text-primary);border-color:var(--divider-primary)}html[data-theme=canda].dark .btn-secondary:hover{background:var(--hover-primary);border-color:var(--divider-primary)}html[data-theme=canda].dark .btn-ghost{color:var(--primary)}html[data-theme=canda].dark .profile-avatar-wrapper{background:var(--bg-primary);border-color:var(--divider-primary)}html[data-theme=canda].dark .profile-avatar-initials{color:var(--primary);background:var(--active-bg)}html[data-theme=canda].dark .avatar-edit-btn{color:var(--text-primary)}html[data-theme=canda].dark .avatar-edit-btn:hover{color:var(--primary)}html[data-theme=canda].dark .profile-info p,html[data-theme=canda].dark .profile-email{color:var(--text-tertiary)}html[data-theme=canda].dark .profile-detail-item{color:var(--text-primary)}html[data-theme=canda].dark .detail-icon{color:var(--text-tertiary)}html[data-theme=canda].dark .edit-link{background:var(--input-bg);border-color:var(--divider-primary);color:var(--primary)}html[data-theme=canda].dark .edit-link:hover{background:var(--primary);color:var(--text-quinary);border-color:var(--primary)}html[data-theme=canda].dark .cancel-link{background:var(--input-bg);border-color:var(--divider-primary);color:var(--text-tertiary)}html[data-theme=canda].dark .cancel-link:hover{background:var(--hover-primary);color:var(--text-primary);border-color:var(--divider-primary)}html[data-theme=canda].dark .setting-info span{color:var(--text-tertiary)}html[data-theme=canda].dark .toggle{background:var(--divider-primary);border-color:var(--divider-primary)}html[data-theme=canda].dark .toggle:after{background:var(--bg-primary)}html[data-theme=canda].dark .toggle.active{background:var(--primary);border-color:var(--primary)}html[data-theme=canda].dark .activity-icon{background:var(--bg-secondary);color:var(--text-tertiary)}html[data-theme=canda].dark .activity-title{color:var(--text-primary)}html[data-theme=canda].dark .activity-time{color:var(--text-tertiary)}html[data-theme=canda].dark .btn-primary{background:var(--primary);color:var(--text-quinary);border-color:var(--primary)}html[data-theme=canda].dark .btn-primary:hover{background:var(--primary);border-color:var(--primary)}html[data-theme=canda].dark .btn-danger{background:var(--accent-red-neon);color:var(--text-quinary);border-color:var(--accent-red-neon)}html[data-theme=canda].dark .btn-danger:hover{background:var(--accent-red-neon);border-color:var(--accent-red-neon)}html[data-theme=canda].dark .deletion-description p{color:var(--text-primary)}html[data-theme=canda].dark .impact-item .material-symbols-rounded,html[data-theme=canda].dark .impact-item strong{color:var(--accent-red-neon)}html[data-theme=canda].dark .impact-item span{color:var(--text-tertiary)}html[data-theme=canda].dark .delete-account-btn{background:var(--accent-red-neon);color:var(--text-quinary);border-color:var(--accent-red-neon)}html[data-theme=canda].dark .delete-account-btn:hover{background:var(--accent-red-neon);border-color:var(--accent-red-neon)}html[data-theme=halloween].dark .account-settings-container{background:var(--bg-secondary);color:var(--text-primary)}html[data-theme=halloween].dark .close-settings-btn{border-color:var(--divider-primary);background:var(--bg-primary);color:var(--text-tertiary)}html[data-theme=halloween].dark .close-settings-btn:hover{background:var(--hover-primary);border-color:var(--primary);color:var(--primary)}html[data-theme=halloween].dark .settings-tabs-container{border-bottom-color:var(--divider-primary)}html[data-theme=halloween].dark .settings-tab-btn{color:var(--text-tertiary);border-bottom-color:transparent}html[data-theme=halloween].dark .settings-tab-btn:hover:not(.active){color:var(--text-primary)}html[data-theme=halloween].dark .settings-tab-btn.active{color:var(--primary);border-bottom-color:var(--primary)}html[data-theme=halloween].dark .settings-header-left h1,html[data-theme=halloween].dark .section-title{color:var(--text-primary)}html[data-theme=halloween].dark .settings-header-left p{color:var(--text-tertiary)}html[data-theme=halloween].dark .dashboard-card{background:var(--bg-primary);border-color:var(--divider-primary)}html[data-theme=halloween].dark .dashboard-card:hover{border-color:var(--divider-primary)}html[data-theme=halloween].dark .dashboard-card-icon.primary{background:var(--tag-bg-teal);color:var(--primary)}html[data-theme=halloween].dark .dashboard-card-icon.secondary{background:var(--tag-bg-blue);color:var(--accent-blue-light)}html[data-theme=halloween].dark .dashboard-card-icon.accent{background:var(--tag-bg-amber);color:var(--accent-gold-dark)}html[data-theme=halloween].dark .dashboard-card-icon.danger{background:var(--tag-bg-red-neon);color:var(--accent-red-neon)}html[data-theme=halloween].dark .dashboard-card-icon.purple{background:#9333ea26;color:#a855f7}html[data-theme=halloween].dark .dashboard-card h3,html[data-theme=halloween].dark .dashboard-card-value{color:var(--text-primary)}html[data-theme=halloween].dark .dashboard-card-title p,html[data-theme=halloween].dark .dashboard-card-label,html[data-theme=halloween].dark .dashboard-card-stat{color:var(--text-tertiary)}html[data-theme=halloween].dark .dashboard-card-footer{border-top-color:var(--divider-primary)}html[data-theme=halloween].dark .form-group label{color:var(--text-primary)}html[data-theme=halloween].dark .form-group input,html[data-theme=halloween].dark .form-group select,html[data-theme=halloween].dark .form-group textarea{border-color:var(--divider-primary);background:var(--bg-primary);color:var(--text-primary)}html[data-theme=halloween].dark .form-group input:focus,html[data-theme=halloween].dark .form-group select:focus,html[data-theme=halloween].dark .form-group textarea:focus{border-color:var(--primary)}html[data-theme=halloween].dark .profile-header{background:var(--bg-primary);border-color:var(--divider-primary)}html[data-theme=halloween].dark .profile-name-display{color:var(--text-primary)}html[data-theme=halloween].dark .profile-email-display,html[data-theme=halloween].dark .profile-company-display{color:var(--text-tertiary)}html[data-theme=halloween].dark .profile-info-item{background:var(--bg-secondary)}html[data-theme=halloween].dark .profile-info-item:hover{background:var(--hover-primary)}html[data-theme=halloween].dark .profile-info-divider{background:var(--divider-primary)}html[data-theme=halloween].dark .profile-icon{color:var(--primary)}html[data-theme=halloween].dark .profile-info-text{color:var(--text-primary)}html[data-theme=halloween].dark .security-item{border-color:var(--divider-primary)}html[data-theme=halloween].dark .security-item:hover{border-color:var(--primary)}html[data-theme=halloween].dark .security-info h4{color:var(--text-primary)}html[data-theme=halloween].dark .security-info p{color:var(--text-tertiary)}html[data-theme=halloween].dark .privacy-settings-section,html[data-theme=halloween].dark .privacy-data{border-color:var(--divider-primary)}html[data-theme=halloween].dark .privacy-settings-section:hover,html[data-theme=halloween].dark .privacy-data:hover{border-color:var(--primary)}html[data-theme=halloween].dark .privacy-section-header .material-symbols-rounded,html[data-theme=halloween].dark .privacy-section-content .notification-header h4{color:var(--text-primary)}html[data-theme=halloween].dark .privacy-section-content p{color:var(--text-tertiary)}html[data-theme=halloween].dark .account-management-card{background:var(--bg-primary);border-color:var(--tag-bg-red)}html[data-theme=halloween].dark .account-deletion-info .notification-header .material-symbols-rounded{color:var(--text-primary)}html[data-theme=halloween].dark .account-deletion-info h4{color:var(--accent-red-neon)}html[data-theme=halloween].dark .account-deletion-info p{color:var(--text-tertiary)}html[data-theme=halloween].dark .account-deletion-item .filter-button.destructive{background:var(--input-bg);color:var(--text-primary);border-color:var(--divider-primary)}html[data-theme=halloween].dark .account-deletion-item .filter-button.destructive:hover{background:var(--hover-primary);border-color:var(--divider-primary)}html[data-theme=halloween].dark .notification-icon,html[data-theme=halloween].dark .notification-header h4{color:var(--text-primary)}html[data-theme=halloween].dark .profile-name-input,html[data-theme=halloween].dark .profile-email-input,html[data-theme=halloween].dark .profile-input{border-color:var(--primary);background:var(--bg-primary);color:var(--text-primary)}html[data-theme=halloween].dark .profile-email-input{color:var(--text-tertiary)}html[data-theme=halloween].dark .profile-email-input:focus{color:var(--text-primary)}html[data-theme=halloween].dark .btn-secondary{background:var(--input-bg);color:var(--text-primary);border-color:var(--divider-primary)}html[data-theme=halloween].dark .btn-secondary:hover{background:var(--hover-primary);border-color:var(--divider-primary)}html[data-theme=halloween].dark .btn-ghost{color:var(--primary)}html[data-theme=halloween].dark .profile-avatar-wrapper{background:var(--bg-primary);border-color:var(--divider-primary)}html[data-theme=halloween].dark .profile-avatar-initials{color:var(--primary);background:var(--active-bg)}html[data-theme=halloween].dark .avatar-edit-btn{color:var(--text-primary)}html[data-theme=halloween].dark .avatar-edit-btn:hover{color:var(--primary)}html[data-theme=halloween].dark .profile-info p,html[data-theme=halloween].dark .profile-email{color:var(--text-tertiary)}html[data-theme=halloween].dark .profile-detail-item{color:var(--text-primary)}html[data-theme=halloween].dark .detail-icon{color:var(--text-tertiary)}html[data-theme=halloween].dark .edit-link{background:var(--input-bg);border-color:var(--divider-primary);color:var(--primary)}html[data-theme=halloween].dark .edit-link:hover{background:var(--primary);color:var(--text-quinary);border-color:var(--primary)}html[data-theme=halloween].dark .cancel-link{background:var(--input-bg);border-color:var(--divider-primary);color:var(--text-tertiary)}html[data-theme=halloween].dark .cancel-link:hover{background:var(--hover-primary);color:var(--text-primary);border-color:var(--divider-primary)}html[data-theme=halloween].dark .setting-info span{color:var(--text-tertiary)}html[data-theme=halloween].dark .toggle{background:var(--divider-primary);border-color:var(--divider-primary)}html[data-theme=halloween].dark .toggle:after{background:var(--bg-primary)}html[data-theme=halloween].dark .toggle.active{background:var(--primary);border-color:var(--primary)}html[data-theme=halloween].dark .activity-icon{background:var(--bg-secondary);color:var(--text-tertiary)}html[data-theme=halloween].dark .activity-title{color:var(--text-primary)}html[data-theme=halloween].dark .activity-time{color:var(--text-tertiary)}html[data-theme=halloween].dark .btn-primary{background:var(--primary);color:var(--text-quinary);border-color:var(--primary)}html[data-theme=halloween].dark .btn-primary:hover{background:var(--primary);border-color:var(--primary)}html[data-theme=halloween].dark .btn-danger{background:var(--accent-red-neon);color:var(--text-quinary);border-color:var(--accent-red-neon)}html[data-theme=halloween].dark .btn-danger:hover{background:var(--accent-red-neon);border-color:var(--accent-red-neon)}html[data-theme=halloween].dark .deletion-description p{color:var(--text-primary)}html[data-theme=halloween].dark .impact-item .material-symbols-rounded,html[data-theme=halloween].dark .impact-item strong{color:var(--accent-red-neon)}html[data-theme=halloween].dark .impact-item span{color:var(--text-tertiary)}html[data-theme=halloween].dark .delete-account-btn{background:var(--accent-red-neon);color:var(--text-quinary);border-color:var(--accent-red-neon)}html[data-theme=halloween].dark .delete-account-btn:hover{background:var(--accent-red-neon);border-color:var(--accent-red-neon)}.theme-switcher-card{grid-column:span 6}.theme-switcher-content{display:grid;grid-template-columns:1fr 1.5fr;gap:44px 24px;padding:0}.theme-section{grid-column:1 / -1;padding:0}.mode-section{padding:0;margin:0}.font-section{padding:0}@media (max-width: 1200px){.theme-switcher-content{grid-template-columns:1fr}.mode-section,.font-section{grid-column:1}}.theme-section-header,.mode-section-header,.font-section-header{margin-bottom:18px;text-align:left}.section-title-with-icon{display:flex;align-items:center;gap:8px;margin-bottom:6px}.section-header-icon{font-size:20px!important;color:var(--primary)}.theme-section-header h4,.mode-section-header h4,.font-section-header h4{font-size:16px;font-weight:600;color:var(--text-primary);margin:0;text-align:left}.theme-section-header p,.mode-section-header p,.font-section-header p{font-size:13px;color:var(--text-tertiary);margin:0;line-height:1.5;text-align:left}.theme-options-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px}.theme-card{display:flex;flex-direction:row;align-items:center;gap:12px;padding:14px;background:transparent;border:1.5px solid var(--divider-primary);border-radius:var(--border-radius-md);cursor:pointer;transition:all .2s ease;position:relative}.theme-card:hover{background:var(--hover-primary);border-color:var(--primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.theme-card.active{background:var(--primary-subtle);border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}.theme-card.disabled{opacity:.5;cursor:not-allowed}.theme-card.disabled:hover{background:transparent;border-color:var(--divider-primary);transform:none;box-shadow:none}.theme-card-preview{width:32px;height:32px;border-radius:var(--border-radius-md);position:relative;overflow:hidden;flex-shrink:0;box-shadow:var(--shadow-sm)}.theme-card-accent{position:absolute;top:3px;right:3px;width:10px;height:10px;background:#fff6;border-radius:2px}.theme-card-info{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:3px;flex:1;min-width:0}.theme-card-name{font-size:15px;font-weight:600;color:var(--text-primary);line-height:1.3}.theme-card-description{font-size:12px;color:var(--text-tertiary);line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.theme-card-check{position:absolute;top:8px;right:8px;color:var(--primary);background:var(--bg-primary);border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center}.theme-card-check .material-symbols-rounded{font-size:14px}.mode-options-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.mode-card{display:flex;flex-direction:row;align-items:center;gap:10px;padding:12px 14px;background:transparent;border:1.5px solid var(--divider-primary);border-radius:var(--border-radius-md);cursor:pointer;transition:all .2s ease;position:relative}.mode-card:hover{background:var(--hover-primary);border-color:var(--primary);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.mode-card.active{background:var(--primary-subtle);border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}.mode-card.disabled{opacity:.4;cursor:not-allowed}.mode-card.disabled:hover{background:transparent;border-color:var(--divider-primary);transform:none;box-shadow:none}.mode-card-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--bg-secondary);border-radius:var(--border-radius-md);flex-shrink:0}.mode-card.active .mode-card-icon{background:var(--bg-primary)}.mode-card-icon .material-symbols-rounded{font-size:20px;color:var(--text-secondary)}.mode-card.active .mode-card-icon .material-symbols-rounded{color:var(--primary)}.mode-card-name{font-size:14px;font-weight:500;color:var(--text-primary);flex:1;text-align:left}.mode-card-check{position:absolute;top:8px;right:8px;color:var(--primary);background:var(--bg-primary);border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center}.mode-card-check .material-symbols-rounded{font-size:14px}.font-options-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.font-card{display:flex;flex-direction:row;align-items:center;gap:10px;padding:12px 14px;background:transparent;border:1.5px solid var(--divider-primary);border-radius:var(--border-radius-md);cursor:pointer;transition:all .2s ease;position:relative}.font-card:hover{background:var(--hover-primary);border-color:var(--primary);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.font-card.active{background:var(--primary-subtle);border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}.font-card-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--bg-secondary);border-radius:var(--border-radius-md);flex-shrink:0}.font-card.active .font-card-icon{background:var(--bg-primary)}.font-card-icon .material-symbols-rounded{font-size:20px;color:var(--text-secondary)}.font-card.active .font-card-icon .material-symbols-rounded{color:var(--primary)}.font-card-name{font-size:14px;font-weight:500;color:var(--text-primary);flex:1;text-align:left}.font-card-check{position:absolute;top:8px;right:8px;color:var(--primary);background:var(--bg-primary);border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center}.font-card-check .material-symbols-rounded{font-size:14px}html[data-theme=canda].dark .theme-section:not(:last-child){border-bottom-color:var(--divider-secondary)}html[data-theme=canda].dark .mode-subsection,html[data-theme=canda].dark .font-subsection{border-top-color:var(--divider-secondary)}html[data-theme=canda].dark .section-header-icon{color:var(--primary)}html[data-theme=canda].dark .theme-section-header h4,html[data-theme=canda].dark .mode-section-header h4,html[data-theme=canda].dark .font-section-header h4{color:var(--text-primary)}html[data-theme=canda].dark .theme-section-header p,html[data-theme=canda].dark .mode-section-header p,html[data-theme=canda].dark .font-section-header p{color:var(--text-tertiary)}html[data-theme=canda].dark .theme-card{background:var(--bg-secondary);border-color:var(--divider-secondary)}html[data-theme=canda].dark .theme-card:hover{background:var(--bg-tertiary);border-color:var(--divider-primary)}html[data-theme=canda].dark .theme-card.active{background:var(--primary-subtle);border-color:var(--primary)}html[data-theme=canda].dark .theme-card-name{color:var(--text-primary)}html[data-theme=canda].dark .theme-card-description{color:var(--text-tertiary)}html[data-theme=canda].dark .theme-card-check{color:var(--primary)}html[data-theme=canda].dark .mode-card{background:var(--bg-secondary);border-color:var(--divider-secondary)}html[data-theme=canda].dark .mode-card:hover{background:var(--bg-tertiary);border-color:var(--divider-primary)}html[data-theme=canda].dark .mode-card.active{background:var(--primary-subtle);border-color:var(--primary)}html[data-theme=canda].dark .mode-card-icon .material-symbols-rounded{color:var(--text-secondary)}html[data-theme=canda].dark .mode-card.active .mode-card-icon .material-symbols-rounded{color:var(--primary)}html[data-theme=canda].dark .mode-card-name{color:var(--text-primary)}html[data-theme=canda].dark .mode-card-check{color:var(--primary)}html[data-theme=canda].dark .font-card{background:var(--bg-secondary);border-color:var(--divider-secondary)}html[data-theme=canda].dark .font-card:hover{background:var(--bg-tertiary);border-color:var(--divider-primary)}html[data-theme=canda].dark .font-card.active{background:var(--primary-subtle);border-color:var(--primary)}html[data-theme=canda].dark .font-card-icon .material-symbols-rounded{color:var(--text-secondary)}html[data-theme=canda].dark .font-card.active .font-card-icon .material-symbols-rounded{color:var(--primary)}html[data-theme=canda].dark .font-card-name{color:var(--text-primary)}html[data-theme=canda].dark .font-card-check{color:var(--primary)}html[data-theme=halloween].dark .theme-section:not(:last-child){border-bottom-color:var(--divider-secondary)}html[data-theme=halloween].dark .mode-subsection,html[data-theme=halloween].dark .font-subsection{border-top-color:var(--divider-secondary)}html[data-theme=halloween].dark .section-header-icon{color:var(--primary)}html[data-theme=halloween].dark .theme-section-header h4,html[data-theme=halloween].dark .mode-section-header h4,html[data-theme=halloween].dark .font-section-header h4{color:var(--text-primary)}html[data-theme=halloween].dark .theme-section-header p,html[data-theme=halloween].dark .mode-section-header p,html[data-theme=halloween].dark .font-section-header p{color:var(--text-tertiary)}html[data-theme=halloween].dark .theme-card{background:var(--bg-secondary);border-color:var(--divider-secondary)}html[data-theme=halloween].dark .theme-card:hover{background:var(--bg-tertiary);border-color:var(--divider-primary)}html[data-theme=halloween].dark .theme-card.active{background:var(--primary-subtle);border-color:var(--primary)}html[data-theme=halloween].dark .theme-card-name{color:var(--text-primary)}html[data-theme=halloween].dark .theme-card-description{color:var(--text-tertiary)}html[data-theme=halloween].dark .theme-card-check{color:var(--primary)}html[data-theme=halloween].dark .mode-card{background:var(--bg-secondary);border-color:var(--divider-secondary)}html[data-theme=halloween].dark .mode-card:hover{background:var(--bg-tertiary);border-color:var(--divider-primary)}html[data-theme=halloween].dark .mode-card.active{background:var(--primary-subtle);border-color:var(--primary)}html[data-theme=halloween].dark .mode-card-icon .material-symbols-rounded{color:var(--text-secondary)}html[data-theme=halloween].dark .mode-card.active .mode-card-icon .material-symbols-rounded{color:var(--primary)}html[data-theme=halloween].dark .mode-card-name{color:var(--text-primary)}html[data-theme=halloween].dark .mode-card-check{color:var(--primary)}html[data-theme=halloween].dark .font-card{background:var(--bg-secondary);border-color:var(--divider-secondary)}html[data-theme=halloween].dark .font-card:hover{background:var(--bg-tertiary);border-color:var(--divider-primary)}html[data-theme=halloween].dark .font-card.active{background:var(--primary-subtle);border-color:var(--primary)}html[data-theme=halloween].dark .font-card-icon .material-symbols-rounded{color:var(--text-secondary)}html[data-theme=halloween].dark .font-card.active .font-card-icon .material-symbols-rounded{color:var(--primary)}html[data-theme=halloween].dark .font-card-name{color:var(--text-primary)}html[data-theme=halloween].dark .font-card-check{color:var(--primary)}@media (max-width: 1024px){.theme-options-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}@media (max-width: 768px){.theme-switcher-card{grid-column:span 1}.theme-switcher-content{gap:24px}.theme-options-grid,.mode-options-grid{grid-template-columns:1fr;gap:12px}.font-options-grid{grid-template-columns:repeat(2,1fr);gap:10px}}@media (max-width: 600px){.font-options-grid{grid-template-columns:1fr;gap:12px}}@media (max-width: 480px){.theme-switcher-content{gap:20px}.theme-card{padding:12px}.mode-card,.font-card{padding:10px 12px}.theme-card-preview,.mode-card-icon,.font-card-icon{width:28px;height:28px}.mode-card-icon .material-symbols-rounded,.font-card-icon .material-symbols-rounded{font-size:18px}}.analytics{display:grid;grid-template-columns:1fr;grid-template-rows:auto auto auto 1fr;grid-template-areas:"header" "filters" "content-row" "main";height:100vh;width:100%;overflow:hidden;background-color:var(--bg-primary)}.analytics.has-additional-filters{grid-template-rows:auto auto auto auto 1fr;grid-template-areas:"header" "filters" "additional-filters" "content-row" "main"}html[data-theme=canda].dark .analytics,html[data-theme=halloween].dark .analytics{background-color:var(--bg-primary)}@media (max-width: 768px){.analytics{height:100vh}}.selected-creative-row-container{grid-area:content-row;padding:6px 20px 12px;background-color:var(--bg-secondary);border-bottom:var(--border-width-1) solid var(--divider-primary);transition:background-color .3s ease,border-color .3s ease;display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;min-width:0;max-width:100%;box-sizing:border-box}.selected-creative-row-left{display:flex;gap:8px;align-items:center;min-width:0;flex:1}.selected-creative-row-right{display:flex;gap:8px;align-items:center;flex-shrink:0;min-width:0}.selected-creative-row-container .button-group{display:inline-flex;border-radius:var(--border-radius-md);overflow:hidden;flex-shrink:0}.selected-creative-row-container .button-group .content-row-btn{border-radius:0;margin-left:-1px;height:32px;min-height:32px}.selected-creative-row-container .button-group .content-row-btn:first-child{margin-left:0;border-top-left-radius:var(--border-radius-md);border-bottom-left-radius:var(--border-radius-md)}.selected-creative-row-container .button-group .content-row-btn:last-child{border-top-right-radius:var(--border-radius-md);border-bottom-right-radius:var(--border-radius-md)}.selected-creative-row-container .button-group .content-row-btn:hover{position:relative;z-index:var(--z-base)}.selected-creative-row-container .content-row-btn{display:flex;align-items:center;gap:6px;padding:6px 12px!important;height:auto;min-height:32px;box-sizing:border-box;border:var(--border-width-1) solid var(--divider-primary);border-radius:var(--border-radius-md);background:var(--bg-primary)!important;color:var(--text-tertiary)!important;font-size:.75rem!important;line-height:1.2;font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s ease;white-space:normal;text-wrap:wrap}.selected-creative-row-container .content-row-btn:hover{border-color:var(--primary);background:var(--hover-primary)!important;color:var(--primary);transform:none}.selected-creative-row-container .content-row-btn:active{transform:translateY(0)}.selected-creative-row-container .content-row-btn.active{background:var(--primary)!important;color:var(--text-quinary)!important;border-color:var(--primary)}.selected-creative-row-container .content-row-btn.active:hover{background:var(--primary)!important;color:var(--text-quinary)!important;opacity:var(--opacity-90)}.selected-creative-row-container .content-row-btn .material-symbols-rounded{font-size:1rem}.selected-creative-row-container .filter-button{display:flex;align-items:center;gap:6px;padding:6px 12px!important;height:auto;min-height:32px;box-sizing:border-box;border:var(--border-width-1) solid var(--divider-primary);border-radius:var(--border-radius-md);background:var(--bg-primary)!important;color:var(--text-tertiary)!important;font-size:.75rem!important;line-height:1.2;font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s ease;white-space:normal;text-wrap:wrap}.selected-creative-row-container .filter-button:hover{border-color:var(--primary);background:var(--hover-primary)!important;color:var(--primary)}.selected-creative-row-container .filter-button.active{background:var(--primary)!important;color:var(--text-quinary)!important;border-color:var(--primary)}.selected-creative-row-container .filter-button.active:hover{background:var(--primary)!important;color:var(--text-quinary)!important;opacity:var(--opacity-90)}.selected-creative-row-container .filter-button .material-symbols-rounded{font-size:1rem}.selected-creative-mobile-row,.mobile-button-grid{display:none}html[data-theme=canda].dark .selected-creative-row-container{background-color:var(--bg-secondary);border-bottom-color:var(--divider-primary)}html[data-theme=canda].dark .selected-creative-row-container .content-row-btn{border-color:var(--divider-primary);background:var(--bg-secondary)!important;color:var(--text-secondary)!important}html[data-theme=canda].dark .selected-creative-row-container .content-row-btn:hover{border-color:var(--primary);background:var(--hover-primary)!important}html[data-theme=canda].dark .selected-creative-row-container .content-row-btn.active{background:var(--primary)!important;color:var(--text-quinary)!important;border-color:var(--primary)}html[data-theme=canda].dark .selected-creative-row-container .content-row-btn.active:hover{background:var(--primary)!important;color:var(--text-quinary)!important}html[data-theme=canda].dark .selected-creative-row-container .filter-button{border-color:var(--divider-primary);background:var(--bg-secondary)!important;color:var(--text-secondary)!important}html[data-theme=canda].dark .selected-creative-row-container .filter-button:hover{border-color:var(--primary);background:var(--hover-primary)!important;color:var(--primary)}html[data-theme=canda].dark .selected-creative-row-container .filter-button.active{background:var(--primary)!important;color:var(--text-quinary)!important;border-color:var(--primary)}html[data-theme=canda].dark .selected-creative-row-container .filter-button.active:hover{background:var(--primary)!important;color:var(--text-quinary)!important}html[data-theme=halloween].dark .selected-creative-row-container{background-color:var(--bg-secondary);border-bottom-color:var(--divider-primary)}html[data-theme=halloween].dark .selected-creative-row-container .content-row-btn{border-color:var(--divider-primary);background:var(--bg-secondary)!important;color:var(--text-secondary)!important}html[data-theme=halloween].dark .selected-creative-row-container .content-row-btn:hover{border-color:var(--primary);background:var(--hover-primary)!important}html[data-theme=halloween].dark .selected-creative-row-container .content-row-btn.active{background:var(--primary)!important;color:var(--text-quinary)!important;border-color:var(--primary)}html[data-theme=halloween].dark .selected-creative-row-container .content-row-btn.active:hover{background:var(--primary)!important;color:var(--text-quinary)!important}html[data-theme=halloween].dark .selected-creative-row-container .filter-button{border-color:var(--divider-primary);background:var(--bg-secondary)!important;color:var(--text-secondary)!important}html[data-theme=halloween].dark .selected-creative-row-container .filter-button:hover{border-color:var(--primary);background:var(--hover-primary)!important;color:var(--primary)}html[data-theme=halloween].dark .selected-creative-row-container .filter-button.active{background:var(--primary)!important;color:var(--text-quinary)!important;border-color:var(--primary)}html[data-theme=halloween].dark .selected-creative-row-container .filter-button.active:hover{background:var(--primary)!important;color:var(--text-quinary)!important}@media (max-width: 1100px){.selected-creative-row-container{padding:10px 16px;flex-direction:column;align-items:stretch;gap:12px}.selected-creative-row-left{flex-direction:column;align-items:flex-start;gap:10px}.selected-creative-row-right{justify-content:flex-start;flex-wrap:wrap;gap:8px}.selected-creative-row-container .button-group{display:none}.selected-creative-mobile-row{display:block;width:100%}.mobile-button-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;width:100%}.mobile-button-grid .content-row-btn{border-radius:var(--border-radius-md)!important;margin-left:0!important;justify-content:center;text-align:center}}@media (max-width: 1080px){.selected-creative-row-container{padding:12px 14px}.selected-creative-row-left{gap:10px}.mobile-button-grid .content-row-btn{padding:6px!important;font-size:.65rem!important;justify-content:center;text-align:center}.selected-creative-row-right .filter-button{flex:1 1 calc(25% - 6px);min-width:0;padding:6px 8px!important;font-size:.7rem!important;justify-content:center;text-align:center}}@media (max-width: 1024px){.selected-creative-row-container{padding:10px 16px}.selected-creative-row-left{gap:10px}.mobile-button-grid .content-row-btn{justify-content:center;text-align:center;min-width:0;padding:6px!important;font-size:.65rem!important}.mobile-button-grid{gap:8px}.selected-creative-row-right .filter-button{flex:1 1 calc(25% - 6px);justify-content:center;text-align:center;min-width:0}}@media (max-width: 767px){.selected-creative-row-container{padding:12px;gap:12px}.selected-creative-row-left{gap:8px}.selected-creative-row-container .content-row-btn{font-size:.65rem!important;padding:5px 8px!important;gap:4px}.selected-creative-row-container .content-row-btn .material-symbols-rounded{font-size:.85rem}.selected-creative-row-container .filter-button{font-size:.65rem!important;padding:5px 8px!important;gap:4px}.selected-creative-row-container .filter-button .material-symbols-rounded{font-size:.85rem}.mobile-button-grid{gap:6px;grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.mobile-button-grid .content-row-btn{justify-content:center;text-align:center;min-width:0}.selected-creative-row-right{gap:6px}.selected-creative-row-right .filter-button{flex:1 1 calc(25% - 4px);justify-content:center;text-align:center}}@media (max-width: 480px){.selected-creative-row-container{padding:10px}.selected-creative-row-left{gap:6px}.selected-creative-row-container .content-row-btn span:not(.material-symbols-rounded){font-size:.6rem!important}.selected-creative-row-container .filter-button span:not(.material-symbols-rounded){font-size:.65rem!important}.mobile-button-grid .content-row-btn{padding:4px!important;min-height:30px}.mobile-button-grid{gap:4px;grid-template-columns:repeat(2,1fr)}.selected-creative-row-container .filter-button{padding:4px 8px!important;min-height:30px}.selected-creative-row-right .filter-button{flex:1 1 calc(50% - 2px)}}@media (max-width: 360px){.selected-creative-row-container{padding:8px}.selected-creative-row-left{gap:4px}.selected-creative-row-container .content-row-btn span:not(.material-symbols-rounded){font-size:.55rem!important}.selected-creative-row-container .filter-button span:not(.material-symbols-rounded){font-size:.6rem!important}.mobile-button-grid .content-row-btn{padding:3px!important;min-height:28px}.mobile-button-grid{gap:3px}.selected-creative-row-container .filter-button{padding:3px 6px!important;min-height:28px}.selected-creative-row-right .filter-button{flex:1 1 calc(50% - 1px);gap:2px}.selected-creative-row-right{gap:3px}}.selected-creative-page{width:100%;height:100%;overflow-y:auto}.selected-creative-sticky-header{position:sticky;top:0;z-index:100;background-color:var(--bg-primary)}.selected-creative-content{padding:10px 24px 20px;width:100%;max-width:none;margin:0;box-sizing:border-box}.selected-creative-header{margin-bottom:15px}.back-button{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;background:var(--bg-primary)!important;color:var(--text-tertiary)!important;border:var(--border-width-1) solid var(--divider-primary);border-radius:var(--border-radius-md);font-size:13px;font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s ease;margin-top:8px;margin-bottom:20px;margin-left:0;line-height:1.2}.back-button:hover{border-color:var(--primary);background:var(--hover-primary)!important;color:var(--primary)!important}.back-button .material-symbols-rounded{font-size:18px;display:flex;align-items:center;justify-content:center}.selected-creative-main{display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:auto auto auto auto;gap:24px;align-items:stretch;width:100%}.selected-creative-media{display:flex;flex-direction:column;gap:8px;grid-column:1 / 4;grid-row:1}.similar-creatives-card{grid-column:1 / 3;grid-row:2;height:100%}.activity-timeline-card{grid-column:3 / 7;grid-row:2;width:100%;height:100%}.charts-card{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;padding:20px;display:flex;align-items:center;justify-content:center;min-height:250px;box-shadow:0 2px 4px #0000000a;transition:box-shadow .2s ease}.charts-card:hover{box-shadow:0 4px 8px #00000014}.chart-1{grid-column:1 / 4;grid-row:3}.chart-2{grid-column:4 / 7;grid-row:3}.chart-3{grid-column:1 / 4;grid-row:4}.chart-4{grid-column:4 / 7;grid-row:4}.chart-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:16px;width:100%}.chart-icon{font-size:56px;color:var(--primary);opacity:.5;padding:20px;background:var(--hover-primary);border-radius:50%;display:flex;align-items:center;justify-content:center}.chart-title{font-size:17px;font-weight:600;color:var(--text-primary);margin:0;letter-spacing:-.2px}.chart-subtitle{font-size:14px;color:var(--text-secondary);margin:0;font-weight:500}.selected-creative-image-container{position:relative;width:100%;aspect-ratio:16 / 9;background-color:var(--card-bg);border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #0000001a}.selected-creative-image{width:100%;height:100%;object-fit:cover}.selected-creative-image-radio{object-fit:contain;background:linear-gradient(135deg,#667eea,#764ba2)}.storyboard-thumbnails-container{width:100%;background-color:var(--card-bg);border-radius:8px;padding:0}.storyboard-thumbnails-scroll{display:flex;gap:8px;overflow-x:auto;padding:4px;margin-top:-3px;scrollbar-width:thin;scrollbar-color:var(--divider-primary) transparent}.storyboard-thumbnails-scroll::-webkit-scrollbar{height:6px}.storyboard-thumbnails-scroll::-webkit-scrollbar-track{background:transparent}.storyboard-thumbnails-scroll::-webkit-scrollbar-thumb{background-color:var(--divider-primary);border-radius:3px}.storyboard-thumbnail-item{position:relative;flex-shrink:0;width:124px;height:70px;border-radius:4px;overflow:hidden;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;border:2px solid var(--card-border)}.storyboard-thumbnail-item:hover{transform:scale(1.05);box-shadow:0 4px 8px #00000026;border-color:var(--primary)}.storyboard-thumbnail-image{width:100%;height:100%;object-fit:cover}.storyboard-thumbnail-label{position:absolute;bottom:0;left:0;right:0;background:#000000bf;color:#fff;font-size:9px;font-weight:600;padding:2px 4px;text-align:center;line-height:1}.selected-creative-details{display:grid;grid-template-columns:auto;gap:16px 42px;align-items:start;width:100%;grid-column:4 / 7;grid-row:1}.selected-creative-details .selected-creative-info-card{grid-column:1 / 2}.selected-creative-info-card{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:8px;padding:0;overflow:hidden;box-shadow:0 2px 4px #0000000a;width:100%}.selected-creative-compact-card{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;padding:16px}.selected-creative-section-title{font-size:15px;font-weight:600;color:var(--text-primary);margin:0 0 16px;padding:0}.selected-creative-detail-row{display:grid;grid-template-columns:180px 1fr;padding:9px 20px;border-bottom:1px solid var(--divider-secondary);transition:background-color .15s ease;gap:16px}.selected-creative-detail-row:last-child{border-bottom:none}.selected-creative-detail-row:hover{background-color:#00000005}.selected-creative-detail-label{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px}.selected-creative-detail-label .material-icons-outlined,.selected-creative-detail-label .material-symbols-outlined{font-size:18px;color:var(--primary);opacity:.6}.selected-creative-detail-value{font-size:14px;font-weight:500;color:var(--text-primary);text-align:left;display:flex;justify-content:flex-start;align-items:center}.status-active{color:var(--status-active-text);background:var(--status-active-bg);padding:4px 8px;border-radius:var(--border-radius-full);font-size:11px;font-weight:var(--font-weight-medium);line-height:1.2}.status-inactive{color:#dc2626;background-color:#fee2e2;padding:4px 8px;border-radius:var(--border-radius-full);font-size:11px;font-weight:var(--font-weight-medium);line-height:1.2}.status-new{color:var(--status-new-text);background:var(--status-new-bg);padding:4px 8px;border-radius:var(--border-radius-full);font-size:11px;font-weight:var(--font-weight-medium);line-height:1.2}.status-badges-container{display:flex;gap:8px;align-items:center}.date-range-container{display:flex;gap:3px;align-items:center}.selected-creative-alert{display:flex;align-items:center;gap:12px;padding:16px;background-color:#fff3cd;color:#856404;border:1px solid #ffc107;border-radius:8px;font-size:14px;font-weight:500}.selected-creative-alert-notification{background-color:#e8f4fd;color:#014361;border-color:#0288d1}.selected-creative-alert .material-symbols-outlined{font-size:24px}html[data-theme=canda].dark .selected-creative-sticky-header,html[data-theme=halloween].dark .selected-creative-sticky-header{background-color:var(--bg-primary)}.construction-banner{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;background-color:#ffc107;color:#000;font-size:14px;font-weight:600;border-bottom:2px solid #ff9800}.construction-banner .material-symbols-rounded{font-size:20px}.selected-creative-media .selected-creative-compact-card{margin-top:0}.activity-timeline{margin-top:16px;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;position:relative}.activity-timeline:before{content:"";position:absolute;top:12px;left:0;right:0;height:2px;background:var(--secondary);z-index:0}.timeline-item{display:flex;align-items:center;gap:12px;padding:0;border-bottom:none;flex-direction:column;position:relative;z-index:1}.timeline-item:last-child{border-bottom:none;padding-bottom:0}.timeline-icon{width:32px;height:32px;background:var(--primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0;position:relative;z-index:2;box-shadow:0 0 0 4px var(--card-bg)}.timeline-content{flex:1;min-width:0;text-align:center}.timeline-title{font-size:14px;font-weight:600;color:var(--text-primary);margin:0 0 4px}.timeline-description{font-size:13px;color:var(--text-secondary);margin:0 0 4px}.timeline-date{font-size:12px;color:var(--text-tertiary);margin:0}.similar-creatives{margin-top:16px}.similar-creatives-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.similar-creative-item{position:relative;aspect-ratio:1;border-radius:6px;overflow:hidden;cursor:pointer;transition:transform .2s ease;border:1px solid var(--card-border)}.similar-creative-item:hover{transform:scale(1.02)}.similar-creative-image{width:100%;height:100%;object-fit:cover}.similar-creative-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000000d9);padding:1px 2px}.similar-creative-brand{font-size:5px;font-weight:600;color:#fff;margin:0;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.similar-creative-advertiser{display:none}@media (max-width: 1200px){.selected-creative-main{grid-template-columns:repeat(6,1fr);grid-template-rows:auto auto auto auto;gap:20px}.selected-creative-media{grid-column:1 / 4;grid-row:1}.selected-creative-details{grid-column:4 / 7;grid-row:1}.similar-creatives-card{grid-column:1 / 7;grid-row:2}.activity-timeline-card{grid-column:1 / 7;grid-row:3}.chart-1{grid-column:1 / 4;grid-row:4}.chart-2{grid-column:4 / 7;grid-row:4}.chart-3{grid-column:1 / 4;grid-row:5}.chart-4{grid-column:4 / 7;grid-row:5}.activity-timeline{grid-template-columns:repeat(4,1fr);gap:14px}.similar-creatives-grid{grid-template-columns:repeat(5,1fr);gap:8px}}@media (max-width: 1024px){.selected-creative-content{padding:16px 20px}.selected-creative-main{grid-template-columns:1fr;grid-template-rows:auto auto auto auto auto auto auto;gap:20px}.selected-creative-media{max-width:100%;margin:0 auto;gap:12px;grid-column:1;grid-row:1}.selected-creative-details{grid-template-columns:1fr;gap:16px;grid-column:1;grid-row:2}.similar-creatives-card{grid-column:1;grid-row:3}.activity-timeline-card{grid-column:1;grid-row:4}.chart-1{grid-column:1;grid-row:5}.chart-2{grid-column:1;grid-row:6}.chart-3{grid-column:1;grid-row:7}.chart-4{grid-column:1;grid-row:8}.similar-creatives-grid{grid-template-columns:repeat(5,1fr);gap:6px}.activity-timeline{grid-template-columns:repeat(4,1fr);gap:14px}}@media (max-width: 768px){.selected-creative-content{padding:12px 16px}.back-button{margin-left:-8px}.selected-creative-main{grid-template-columns:1fr;grid-template-rows:auto auto auto auto auto auto auto auto}.selected-creative-media{grid-column:1;grid-row:1}.selected-creative-details{grid-column:1;grid-row:2}.similar-creatives-card{grid-column:1;grid-row:3}.activity-timeline-card{grid-column:1;grid-row:4}.chart-1{grid-column:1;grid-row:5}.chart-2{grid-column:1;grid-row:6}.chart-3{grid-column:1;grid-row:7}.chart-4{grid-column:1;grid-row:8}.selected-creative-detail-row{grid-template-columns:1fr;gap:6px;padding:12px 20px}.selected-creative-detail-label{font-size:11px}.selected-creative-detail-value{text-align:left;justify-content:flex-start;font-size:13px}.selected-creative-section-title{padding:12px 16px;font-size:14px}.selected-creative-details{grid-template-columns:1fr}.similar-creatives-grid{grid-template-columns:repeat(5,1fr);gap:4px}.activity-timeline{grid-template-columns:repeat(4,1fr);gap:12px}.timeline-item{padding:0}.timeline-icon{width:28px;height:28px;font-size:12px}}@media (max-width: 480px){.selected-creative-content{padding:8px 12px}.selected-creative-main{gap:16px;grid-template-columns:1fr;grid-template-rows:auto auto auto auto auto auto auto auto}.selected-creative-media{grid-column:1;grid-row:1}.selected-creative-details{gap:12px;grid-column:1;grid-row:2}.similar-creatives-card{grid-column:1;grid-row:3}.activity-timeline-card{grid-column:1;grid-row:4}.chart-1{grid-column:1;grid-row:5}.chart-2{grid-column:1;grid-row:6}.chart-3{grid-column:1;grid-row:7}.chart-4{grid-column:1;grid-row:8}.back-button{margin-left:-6px}.selected-creative-badges{margin-bottom:12px}.selected-creative-badge{padding:6px 12px;font-size:12px}.selected-creative-badge .material-icons-outlined{font-size:14px}.selected-creative-info-card{width:100%}.selected-creative-detail-row{padding:10px 16px;grid-template-columns:1fr;gap:4px}.selected-creative-detail-label{font-size:10px}.selected-creative-detail-value{font-size:12px}}.selected-creative-compact-card{padding:12px}.similar-creatives-grid{grid-template-columns:repeat(5,1fr);gap:4px}.activity-timeline{grid-template-columns:repeat(4c,1fr);gap:10px}.timeline-item{gap:8px}.timeline-icon{width:24px;height:24px;font-size:11px}.timeline-title{font-size:13px}.timeline-description{font-size:12px}.timeline-date{font-size:11px}