:root{--color-bg-primary: #F5F4F1;--color-bg-secondary: #EAE8E3;--color-bg-tertiary: transparent;--color-bg-elevated: #FEFDFB;--color-bg-hover: #DDD9D2;--color-bg-active: #D0CCC4;--color-surface-primary: #FEFDFB;--color-surface-secondary: #F7F6F3;--color-surface-tertiary: #E5E3DC;--color-surface: #FEFDFB;--color-background: #F5F4F1;--color-panel-bg: #FFFFFF;--color-panel-border: #D0CCC4;--color-text-primary: #1C1B19;--color-text-secondary: #5A5854;--color-text-tertiary: #868379;--color-text-inverse: #FFFFFF;--color-border-primary: #C2BEB5;--color-border-secondary: #D5D1C9;--color-border-focus: #3b82f6;--color-border: #C2BEB5;--color-accent-blue: #3b82f6;--color-accent-blue-hover: #2563eb;--color-primary: #3b82f6;--color-primary-50: rgba(59, 130, 246, .5);--color-accent-green: #10B981;--color-accent-green-hover: #059669;--color-success: #10B981;--color-accent-red: #EF4444;--color-accent-red-hover: #DC2626;--color-accent-amber: #F59E0B;--color-accent-gold: #F59E0B;--color-accent-purple: #8B5CF6;--color-status-draft: #6B7280;--color-status-live: #10B981;--color-status-complete: #8B5CF6;--space-0-5: .125rem;--space-1: .25rem;--space-1-5: .375rem;--space-2: .5rem;--space-2-5: .625rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-14: 3.5rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.75;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--transition-fast: .15s ease-in-out;--transition-base: .2s ease-in-out;--transition-slow: .3s ease-in-out;--z-base: 0;--z-dropdown: 100;--z-sticky: 200;--z-modal: 300;--z-toast: 400;--z-tooltip: 500}.dark{--color-bg-primary: #0A0A0A;--color-bg-secondary: #141414;--color-bg-tertiary: #1F1F1F;--color-bg-elevated: #1F1F1F;--color-bg-hover: #2A2A2A;--color-bg-active: #353535;--color-surface-primary: #1F1F1F;--color-surface-secondary: #2A2A2A;--color-surface-tertiary: #141414;--color-surface: #1F1F1F;--color-background: #0A0A0A;--color-panel-bg: #1A1A1A;--color-panel-border: #404040;--color-text-primary: #FFFFFF;--color-text-secondary: #A0A0A0;--color-text-tertiary: #707070;--color-text-inverse: #000000;--color-border-primary: #353535;--color-border-secondary: #2A2A2A;--color-border-focus: #3b82f6;--color-border: #353535;--color-accent-blue: #60A5FA;--color-accent-blue-hover: #3b82f6;--color-primary: #60A5FA;--color-primary-50: rgba(96, 165, 250, .5);--color-accent-green: #34D399;--color-accent-green-hover: #10B981;--color-success: #34D399;--color-accent-red: #F87171;--color-accent-red-hover: #EF4444;--color-accent-amber: #FBBF24;--color-accent-gold: #FBBF24;--color-accent-purple: #A78BFA;--color-status-draft: #6B7280;--color-status-live: #34D399;--color-status-complete: #A78BFA;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .5);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .5), 0 2px 4px -1px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5), 0 4px 6px -2px rgba(0, 0, 0, .4);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .5), 0 10px 10px -5px rgba(0, 0, 0, .4)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}button{cursor:pointer;background:none;border:none}a{color:inherit;text-decoration:none}ul,ol{list-style:none}html{font-size:16px;overflow-x:clip}body{background-color:var(--color-bg-primary);color:var(--color-text-primary);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:var(--text-base);line-height:var(--leading-normal);overflow-x:clip;max-width:100vw}a{color:var(--color-accent-blue);transition:color var(--transition-fast)}a:hover{color:var(--color-accent-gold)}img{height:auto}input,textarea,select{background-color:var(--color-surface-primary);color:var(--color-text-primary);border:1px solid var(--color-border-primary)}input:focus,textarea:focus,select:focus{outline:2px solid var(--color-border-focus);outline-offset:2px}.color-accent--amber{background-color:var(--color-accent-amber)}.color-accent--blue{background-color:var(--color-accent-blue)}.color-accent--green{background-color:var(--color-accent-green)}.color-accent--red{background-color:var(--color-accent-red)}.color-accent--purple{background-color:var(--color-accent-purple)}.color-accent--gray{background-color:var(--color-text-secondary)}h1,h2,h3,h4,h5,h6{font-weight:var(--font-semibold);line-height:var(--leading-tight);margin-bottom:var(--space-4)}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}h6{font-size:var(--text-base)}p{margin-bottom:var(--space-4)}small{font-size:var(--text-sm)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.font-normal{font-weight:var(--font-normal)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.text-secondary{color:var(--color-text-secondary)}.text-tertiary{color:var(--color-text-tertiary)}.text-success{color:var(--color-accent-green)}.container{width:100%;margin-left:auto;margin-right:auto;padding-left:var(--space-4);padding-right:var(--space-4)}.container--sm{max-width:640px}.container--md{max-width:768px}.container--lg{max-width:1024px}.container--xl{max-width:1280px}.container--2xl{max-width:1536px}.region{padding-top:var(--space-8);padding-bottom:var(--space-8)}.region--lg{padding-top:var(--space-16);padding-bottom:var(--space-16)}@media (max-width: 640px){.region{padding-top:var(--space-3);padding-bottom:var(--space-6)}}.stack{display:flex;flex-direction:column}.stack>*+*{margin-top:var(--space-4)}.stack--sm>*+*{margin-top:var(--space-2)}.stack--lg>*+*{margin-top:var(--space-8)}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 768px){.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}}.session-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-6);background-color:var(--color-surface-primary);border-radius:var(--radius-lg);gap:var(--space-4)}.session-title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text-primary);margin:0}.session-info{display:flex;align-items:center;gap:var(--space-6)}.product-selection-section{margin-top:var(--space-6)}.product-selection-heading{font-size:.875rem;font-weight:600;margin-bottom:var(--space-2)}.product-selection-placeholder{margin-top:var(--space-4)}.host-container{height:100vh;height:100dvh;display:flex;flex-direction:column;background-color:var(--color-bg-primary);padding:var(--space-3);gap:var(--space-3);overflow:hidden}.host-session-panel{flex-shrink:0;background-color:var(--color-surface-primary);border-bottom:1px solid var(--color-border-primary);border-radius:0 0 var(--radius-lg) var(--radius-lg);margin:calc(-1 * var(--space-3)) calc(-1 * var(--space-3)) 0}.host-session-panel__header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent}.host-session-panel__header:active{background-color:var(--color-bg-hover)}.host-session-panel__title{flex:1;font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.05em}.host-session-panel__count{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);white-space:nowrap}.host-session-panel__chevron{width:20px;height:20px;color:var(--color-text-tertiary);transition:transform .3s cubic-bezier(.4,0,.2,1)}.host-session-panel--collapsed .host-session-panel__chevron{transform:rotate(180deg)}.host-session-panel__body{padding:0 var(--space-4) var(--space-4);max-height:20vh;overflow:hidden;opacity:1;transition:max-height .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1),padding .3s cubic-bezier(.4,0,.2,1)}.host-session-panel--collapsed .host-session-panel__body{max-height:0;opacity:0;padding-top:0;padding-bottom:0}.host-session-panel__notes-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-2);max-height:calc(20vh - var(--space-3) * 2);overflow-y:auto}@media (max-width: 500px){.host-session-panel__notes-grid{grid-template-columns:1fr}}.host-session-panel__note-card{background-color:var(--color-panel-bg);border:1px solid var(--color-panel-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);font-size:clamp(var(--text-base),2vh,1.375rem);line-height:1.4;color:var(--color-text-primary);white-space:pre-line}.host-image-panel{display:flex;flex-direction:column;min-height:0;max-height:20vh;overflow:hidden;background-color:var(--color-panel-bg);border:1px solid var(--color-panel-border);border-radius:var(--radius-lg);padding:var(--space-2);flex-shrink:0}.host-images{display:flex;height:100%;min-height:0}.host-thumbnail-carousel{display:flex;gap:var(--space-2);overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;height:100%;align-items:center;padding:var(--space-1) 0;scrollbar-width:thin;scrollbar-color:var(--color-border-primary) transparent}.host-thumbnail-carousel::-webkit-scrollbar{height:4px}.host-thumbnail-carousel::-webkit-scrollbar-track{background:transparent}.host-thumbnail-carousel::-webkit-scrollbar-thumb{background-color:var(--color-border-primary);border-radius:2px}.host-carousel-thumb{flex-shrink:0;width:160px;height:160px;border-radius:var(--radius-md);background-color:var(--color-bg-tertiary);overflow:hidden}.host-carousel-thumb__img{width:100%;height:100%;object-fit:cover}.host-no-images{display:flex;align-items:center;justify-content:center;flex:1;color:var(--color-text-tertiary);font-size:var(--text-lg);background-color:var(--color-bg-primary);border-radius:var(--radius-md)}.host-product-section{flex:1;min-height:0;display:flex;flex-direction:column;gap:var(--space-3);overflow:hidden}.host-product-header{display:flex;flex-direction:column;flex-shrink:0;background:linear-gradient(135deg,#3b82f626,#3b82f60d);border:1px solid rgba(59,130,246,.3);border-radius:var(--radius-xl);overflow:hidden}.host-product-header__main{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4)}.host-product-position{display:flex;align-items:center;justify-content:center;min-width:clamp(56px,6vw,120px);height:clamp(56px,6vw,120px);padding:0 var(--space-3);background-color:var(--color-accent-blue);color:#fff;font-size:clamp(var(--text-2xl),3.5vw,4rem);font-weight:var(--font-bold);border-radius:var(--radius-md);flex-shrink:0}.host-product-name{flex:1;min-width:0;font-size:clamp(var(--text-2xl),3vw,4rem);font-weight:var(--font-bold);color:var(--color-text-primary);line-height:var(--leading-tight);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.host-product-pricing{display:flex;align-items:baseline;gap:var(--space-2);flex-shrink:0}.host-product-price{font-size:clamp(var(--text-xl),2.5vw,3rem);font-weight:var(--font-bold);color:var(--color-accent-gold)}.host-product-price--sale{font-size:clamp(var(--text-xl),2.5vw,3rem);font-weight:var(--font-bold);color:var(--color-accent-green)}.host-product-price--original{font-size:clamp(var(--text-base),1.5vw,1.5rem);color:var(--color-text-tertiary);text-decoration:line-through}.host-variants-toggle{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background-color:var(--color-accent-blue);border:none;border-radius:var(--radius-md);color:#fff;font-size:var(--text-base);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.host-variants-toggle:hover{background-color:var(--color-accent-blue-hover)}.host-variants-toggle__icon{width:12px;height:12px;position:relative}.host-variants-toggle__icon:before{content:"";position:absolute;top:50%;left:50%;width:6px;height:6px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translate(-50%,-70%) rotate(45deg);transition:transform var(--transition-fast)}.host-variants-row{display:none;padding:var(--space-2) var(--space-4) var(--space-3);border-top:1px solid rgba(59,130,246,.2);background:#0000001a;max-height:30vh;overflow-y:auto}.host-variants-row--expanded{display:block}.host-variants-row--expanded+.host-variants-toggle .host-variants-toggle__icon:before,.host-product-header:has(.host-variants-row--expanded) .host-variants-toggle__icon:before{transform:translate(-50%,-30%) rotate(-135deg)}.host-variants-grid{display:flex;flex-wrap:wrap;gap:var(--space-2)}.host-variant-chip{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);background:var(--color-panel-bg);border:1px solid var(--color-panel-border);border-radius:var(--radius-md);font-size:var(--text-base)}.host-variant-chip__title{font-weight:var(--font-medium);color:var(--color-text-primary)}.host-variant-chip__price{color:var(--color-accent-gold)}.host-variant-chip__price-sale{color:var(--color-accent-green)}.host-variant-chip__price-original{color:var(--color-text-tertiary);text-decoration:line-through;font-size:var(--text-sm)}.host-product-pricing-row{display:contents}.host-section-label{font-size:var(--text-base);font-weight:var(--font-bold);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2);flex-shrink:0}.host-description{display:flex;flex-direction:column;flex:0 1 auto;min-height:0;max-height:25vh}.host-description:last-child{flex:1;max-height:none}.host-description__label{font-size:var(--text-base);font-weight:var(--font-bold);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2);flex-shrink:0}.host-description__content{flex:1;min-height:0;background-color:var(--color-panel-bg);border:1px solid var(--color-panel-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);font-size:clamp(var(--text-base),2vh,1.375rem);line-height:1.4;color:var(--color-text-primary);overflow-y:auto}.host-description__content p{margin-bottom:.5em}.host-description__content p:last-child{margin-bottom:0}.host-talking-points{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.host-talking-points__label{font-size:var(--text-base);font-weight:var(--font-bold);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2);flex-shrink:0}.host-talking-points__content{flex:1;min-height:0;overflow-y:auto;font-size:clamp(var(--text-base),2vh,1.375rem);line-height:1.4;color:var(--color-text-primary)}.host-talking-points-list,.host-talking-points__content ul,.host-talking-points__content ol{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--space-2);align-content:start}.host-talking-points-list li,.host-talking-points__content li{background-color:var(--color-panel-bg);border:1px solid var(--color-panel-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);max-height:25vh;overflow:hidden}.host-talking-points__content strong{font-weight:var(--font-bold);color:var(--color-accent-gold)}.host-talking-points__content h1,.host-talking-points__content h2,.host-talking-points__content h3{margin-top:var(--space-2);margin-bottom:var(--space-1);font-weight:var(--font-bold)}.host-talking-points__content h1:first-child,.host-talking-points__content h2:first-child,.host-talking-points__content h3:first-child{margin-top:0}.host-message-banner{background-color:var(--color-accent-amber);color:var(--color-text-inverse);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);animation:slideDownPulse .5s ease-out;box-shadow:var(--shadow-lg);flex-shrink:0}.host-message-content{font-size:clamp(var(--text-base),1.8vw,1.75rem);font-weight:var(--font-bold);text-align:center;line-height:var(--leading-snug)}@keyframes slideDownPulse{0%{transform:translateY(-100%);opacity:0}60%{transform:translateY(0);opacity:1}70%{transform:scale(1.02)}80%{transform:scale(.98)}90%{transform:scale(1.01)}to{transform:scale(1);opacity:1}}.host-message-banner--amber{background-color:var(--color-accent-amber);color:#000}.host-message-banner--blue{background-color:var(--color-accent-blue);color:#fff}.host-message-banner--green{background-color:var(--color-accent-green);color:#fff}.host-message-banner--red{background-color:var(--color-accent-red);color:#fff}.host-message-banner--purple{background-color:var(--color-accent-purple);color:#fff}.host-message-banner--gray{background-color:var(--color-text-secondary);color:#fff}.host-state-container{flex:1;display:flex;align-items:center;justify-content:center}.host-loading{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);color:var(--color-text-secondary)}.host-loading__spinner{width:40px;height:40px;border:3px solid var(--color-border-primary);border-top-color:var(--color-accent-blue);border-radius:var(--radius-full);animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.host-empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);text-align:center}.host-empty__title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:0}.host-empty__subtitle{font-size:var(--text-lg);color:var(--color-text-secondary);margin:0}@media (max-width: 600px){.host-product-header__main{gap:var(--space-2);padding:var(--space-2) var(--space-3)}.host-product-position{min-width:44px;height:44px;font-size:var(--text-xl)}.host-product-name,.host-product-price,.host-product-price--sale{font-size:var(--text-lg)}}.host-products-panel{flex-shrink:0;background-color:var(--color-surface-primary);border-top:1px solid var(--color-border-primary);border-radius:var(--radius-lg) var(--radius-lg) 0 0;margin:0 calc(-1 * var(--space-3)) calc(-1 * var(--space-3))}.host-products-panel__header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent}.host-products-panel__header:active{background-color:var(--color-bg-hover)}.host-products-panel__title{flex:1;font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.05em}.host-products-panel__chevron{width:20px;height:20px;color:var(--color-text-tertiary);transition:transform .3s cubic-bezier(.4,0,.2,1)}.host-products-panel--collapsed .host-products-panel__chevron{transform:rotate(180deg)}.host-products-panel__body{padding:0 var(--space-4) var(--space-4);max-height:200px;overflow:hidden;opacity:1;transition:max-height .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1),padding .3s cubic-bezier(.4,0,.2,1)}.host-products-panel--collapsed .host-products-panel__body{max-height:0;opacity:0;padding-top:0;padding-bottom:0}.host-products-panel__scroll{display:flex;gap:var(--space-3);overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;padding-bottom:var(--space-2);scrollbar-width:thin;scrollbar-color:var(--color-border-primary) transparent}.host-products-panel__scroll::-webkit-scrollbar{height:6px}.host-products-panel__scroll::-webkit-scrollbar-track{background:transparent}.host-products-panel__scroll::-webkit-scrollbar-thumb{background-color:var(--color-border-primary);border-radius:3px}.host-product-card{-webkit-appearance:none;appearance:none;font:inherit;border:none;background:none;margin:0;flex-shrink:0;width:120px;display:block;position:relative;background-color:var(--color-panel-bg);border:2px solid var(--color-border-secondary);border-radius:var(--radius-md);overflow:hidden;cursor:pointer;padding:0;transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent}.host-product-card:active{transform:scale(.95)}.host-product-card--active{border-color:var(--color-accent-blue);box-shadow:0 0 0 2px var(--color-accent-blue)}.host-product-card__image-container{display:block;position:relative;width:100%;aspect-ratio:1 / 1;background-color:var(--color-bg-tertiary);overflow:hidden}.host-product-card__position{position:absolute;top:var(--space-1);left:var(--space-1);min-width:24px;height:24px;padding:0 var(--space-1);display:flex;align-items:center;justify-content:center;background-color:#000000b3;color:#fff;font-size:var(--text-sm);font-weight:var(--font-bold);border-radius:var(--radius-sm);z-index:1}.host-product-card--active .host-product-card__position{background-color:var(--color-accent-blue)}.host-product-card__image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.host-product-card__name{display:block;padding:var(--space-1) var(--space-2);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-primary);line-height:1.3;text-align:left;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;min-height:calc(var(--text-sm) * 1.3 * 2 + var(--space-1) * 2)}body:has(.host-container) .app-navbar{display:none}.controller-container{height:100vh;height:100dvh;display:flex;flex-direction:column;background-color:var(--color-bg-primary);overflow:hidden;padding-top:env(safe-area-inset-top);padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left)}.controller-panel{background-color:var(--color-panel-bg);border:1px solid var(--color-panel-border);border-left:none;border-right:none;flex-shrink:0}.controller-panel__header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:transparent;border:none;width:100%;cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent;color:inherit;font-family:inherit;text-align:left}.controller-panel__header:active{background-color:var(--color-bg-hover)}.controller-panel__title{flex:1;font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-primary)}.controller-panel__chevron{width:20px;height:20px;color:var(--color-text-tertiary);transition:transform .3s cubic-bezier(.4,0,.2,1)}.controller-panel--collapsed .controller-panel__chevron{transform:rotate(180deg)}.controller-panel__body{padding:0 var(--space-4) var(--space-4);max-height:300px;overflow:hidden;opacity:1;transition:max-height .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1),padding .3s cubic-bezier(.4,0,.2,1)}.controller-panel--collapsed .controller-panel__body{max-height:0;opacity:0;padding-top:0;padding-bottom:0}.message-preview{display:flex;align-items:center;gap:6px;padding:4px 6px 4px 10px;border-radius:12px;max-width:200px}.message-preview__text{font-size:11px;font-weight:500;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.message-preview--amber{background-color:var(--color-accent-amber);color:#000}.message-preview--blue{background-color:var(--color-accent-blue);color:#fff}.message-preview--green{background-color:var(--color-accent-green);color:#fff}.message-preview--red{background-color:var(--color-accent-red);color:#fff}.message-preview--purple{background-color:var(--color-accent-purple);color:#fff}.message-preview--gray{background-color:var(--color-text-secondary);color:#fff}.message-preview__clear{display:flex;align-items:center;justify-content:center;width:16px;height:16px;padding:0;background:#0003;border:none;border-radius:var(--radius-full);color:inherit;font-size:14px;line-height:1;cursor:pointer;transition:background var(--transition-fast);flex-shrink:0;opacity:.8}.message-preview__clear:hover{background:#00000059;opacity:1}.message-preview__clear:active{transform:scale(.9)}.controller-message-form{display:flex;flex-direction:column;gap:var(--space-3)}.controller-message-input{width:100%;padding:var(--space-3);background-color:var(--color-surface-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--text-base);font-family:inherit;resize:none;min-height:60px;transition:border-color var(--transition-fast)}.controller-message-input:focus{outline:none;border-color:var(--color-border-focus)}.controller-message-input::placeholder{color:var(--color-text-tertiary)}.controller-message-actions{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.controller-color-picker{display:flex;gap:var(--space-1);align-items:center}.controller-color-btn{width:22px;height:22px;border-radius:var(--radius-full);border:2px solid transparent;cursor:pointer;transition:all var(--transition-fast);padding:0;-webkit-tap-highlight-color:transparent}.controller-color-btn:active{transform:scale(.9)}.controller-color-btn--active{border-color:var(--color-text-primary);transform:scale(1.1);box-shadow:0 0 0 2px var(--color-bg-primary)}.controller-message-buttons{display:flex;gap:var(--space-2)}.controller-btn{display:flex;align-items:center;justify-content:center;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;line-height:1;cursor:pointer;transition:all .2s ease;border:none;-webkit-tap-highlight-color:transparent;font-family:inherit}.controller-btn:active{transform:scale(.95)}.controller-btn--primary{background-color:var(--color-accent-blue);color:var(--color-text-inverse)}.controller-btn--primary:active{background-color:var(--color-accent-blue-hover)}.controller-btn--secondary{background-color:var(--color-surface-secondary);color:var(--color-text-primary);border:1px solid var(--color-border-primary);padding:7px 15px}.controller-btn--secondary:active{background-color:var(--color-bg-hover)}.controller-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);background-color:var(--color-panel-bg);border-bottom:1px solid var(--color-panel-border);flex-shrink:0}.controller-back-link{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-md);color:var(--color-text-secondary);text-decoration:none;transition:all var(--transition-fast);flex-shrink:0}.controller-back-link:hover,.controller-back-link:active{background-color:var(--color-bg-hover);color:var(--color-text-primary)}.controller-back-icon{width:20px;height:20px}.controller-header__title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.controller-header__count{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-text-tertiary);flex-shrink:0;background-color:var(--color-bg-tertiary);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.controller-notes-toggle{display:flex;align-items:center;gap:var(--space-2);padding:0;border:none;background:none;cursor:pointer;flex-shrink:0;-webkit-tap-highlight-color:transparent}.controller-notes-toggle__label{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-text-secondary);white-space:nowrap}.controller-notes-toggle__track{position:relative;width:44px;height:26px;background-color:var(--color-bg-tertiary);border-radius:13px;transition:background-color .3s cubic-bezier(.4,0,.2,1);flex-shrink:0}.controller-notes-toggle__thumb{position:absolute;top:2px;left:2px;width:22px;height:22px;background-color:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;transition:transform .3s cubic-bezier(.4,0,.2,1)}.controller-notes-toggle--on .controller-notes-toggle__track{background-color:var(--color-accent-green)}.controller-notes-toggle--on .controller-notes-toggle__thumb{transform:translate(18px)}.controller-products{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.controller-products__grid{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:var(--space-3);display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-2);align-content:start;align-items:start;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.controller-product-card{-webkit-appearance:none;appearance:none;font:inherit;border:none;background:none;margin:0;display:block;position:relative;background-color:var(--color-surface-primary);border:2px solid var(--color-border-secondary);border-radius:var(--radius-md);overflow:hidden;cursor:pointer;padding:0;transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent;width:100%;min-width:0;min-height:0;height:min-content;text-align:left}.controller-product-card:active{transform:scale(.95)}.controller-product-card--active{border-color:var(--color-accent-blue);box-shadow:0 0 0 2px var(--color-accent-blue)}.controller-product-card__image-container{display:block;position:relative;width:100%;aspect-ratio:1 / 1;background-color:var(--color-bg-tertiary);overflow:hidden}.controller-product-card__position{position:absolute;top:var(--space-1);left:var(--space-1);min-width:44px;height:44px;padding:0 var(--space-2);display:flex;align-items:center;justify-content:center;background-color:#000000b3;color:#fff;font-size:var(--text-2xl);font-weight:var(--font-bold);border-radius:var(--radius-sm);z-index:1}.controller-product-card__image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.controller-product-card__name{padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-text-primary);line-height:1.3;text-align:left;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;min-height:calc(var(--text-xs) * 1.3 * 2 + var(--space-1) * 2)}.controller-product-card--active .controller-product-card__position{background-color:var(--color-accent-blue)}.controller-panel--voice{border-bottom:none}.controller-panel--voice .voice-control-panel{position:relative;bottom:auto;right:auto;left:auto;width:100%;border-radius:0;border:none;box-shadow:none;background:transparent}@media (min-width: 400px){.controller-products__grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-3)}.controller-product-card__position{min-width:48px;height:48px;font-size:var(--text-3xl)}}@media (min-width: 600px){.controller-products__grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--space-3)}.controller-product-card__position{min-width:56px;height:56px}}@media (min-width: 1024px){.controller-products__grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--space-4)}}.controller-jump-indicator{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.8);background-color:#000000d9;color:#fff;font-size:48px;font-weight:var(--font-bold);padding:var(--space-4) var(--space-6);border-radius:var(--radius-lg);z-index:9999;pointer-events:none;opacity:0;transition:opacity .15s ease,transform .15s ease;min-width:80px;text-align:center}.controller-jump-indicator.visible{opacity:1;transform:translate(-50%,-50%) scale(1)}body:has(.controller-container) .app-navbar{display:none}.preset-modal-body{display:flex;flex-direction:column;gap:var(--space-6)}.preset-empty{padding:var(--space-8);text-align:center;color:var(--color-text-secondary)}.preset-list{display:flex;flex-direction:column;gap:var(--space-3)}.preset-item{display:flex;align-items:stretch;gap:var(--space-2);background-color:var(--color-surface-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);overflow:hidden;transition:border-color var(--transition-fast)}.preset-item:hover{border-color:var(--color-accent-blue)}.preset-item__select{flex:1;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:none;border:none;text-align:left;cursor:pointer;color:var(--color-text-primary);transition:background-color var(--transition-fast)}.preset-item__select:hover{background-color:var(--color-bg-hover)}.preset-item__color{width:12px;height:100%;border-radius:var(--radius-sm);flex-shrink:0}.preset-item__text{flex:1;min-width:0;font-size:var(--text-base);font-weight:var(--font-medium);color:var(--color-text-primary);text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preset-item__delete{padding:0 var(--space-4);background:none;border:none;border-left:1px solid var(--color-border-primary);font-size:var(--text-2xl);color:var(--color-text-tertiary);cursor:pointer;transition:all var(--transition-fast)}.preset-item__delete:hover{background-color:var(--color-accent-red);color:#fff}.preset-create{border-top:2px solid var(--color-border-primary);padding-top:var(--space-6)}.preset-create h3{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:0 0 var(--space-4) 0}.preset-create .textarea{min-height:auto}.color-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3)}.color-option{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-3);border:2px solid var(--color-border-primary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.color-option:hover{border-color:var(--color-text-secondary);background-color:var(--color-bg-hover)}.color-option input[type=radio]{position:absolute;opacity:0;pointer-events:none}.color-option input[type=radio]:checked+.color-swatch{border-width:3px;transform:scale(1.1)}.color-option:has(input[type=radio]:checked){border-color:var(--color-accent-blue);background-color:var(--color-bg-hover)}.color-swatch{width:40px;height:40px;border-radius:var(--radius-md);border:2px solid rgba(255,255,255,.2);transition:all var(--transition-fast)}.color-label{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-text-primary)}.form-actions{display:flex;justify-content:flex-end;margin-top:var(--space-4)}@media (max-width: 400px){.controller-color-btn{width:18px;height:18px}.controller-btn{padding:6px 12px;font-size:13px}.controller-btn--secondary{padding:5px 11px}.controller-message-actions{gap:var(--space-2)}.controller-message-buttons{gap:var(--space-1)}}@media (max-width: 400px){.preset-modal-body{gap:var(--space-4)}.color-selector{grid-template-columns:repeat(2,1fr);gap:var(--space-2)}.color-option{padding:var(--space-2)}.color-swatch{width:32px;height:32px}.preset-create{padding-top:var(--space-4)}.preset-create h3{font-size:var(--text-base)}.form-group{margin-bottom:var(--space-3)}.preset-empty{padding:var(--space-4)}.preset-item__select{padding:var(--space-3);gap:var(--space-2)}.preset-item__text{font-size:var(--text-sm)}.preset-item__delete{padding:0 var(--space-3);font-size:var(--text-xl)}}.creators-index .page-header{justify-content:space-between;padding-top:var(--space-5)}.creators-index .page-header__left{display:flex;align-items:center;gap:var(--space-4);flex:1;min-width:0}.creators-index .page-header__search-wrapper{position:relative;flex:1;max-width:400px;min-width:200px}.creators-count{position:absolute;bottom:100%;left:2px;margin-bottom:var(--space-1);font-size:var(--text-xs);color:var(--color-text-secondary);font-weight:var(--font-medium);white-space:nowrap}.creators-index .page-header__right{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0;transition:all .2s ease}.bulk-actions-inline{display:flex;align-items:center;gap:var(--space-2)}.bulk-actions__count{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);padding-right:var(--space-2);border-right:1px solid var(--color-border);margin-right:var(--space-1)}.creator-table-wrapper{overflow-x:auto;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface-primary)}.creator-table{width:100%;border-collapse:collapse;font-size:var(--text-sm);table-layout:fixed;min-width:1200px}.creator-table th{padding:var(--space-3) var(--space-4);text-align:left;font-weight:var(--font-semibold);color:var(--color-text-secondary);background:var(--color-surface-secondary);border-bottom:1px solid var(--color-border);white-space:nowrap}.creator-table th.col-checkbox,.creator-table td.col-checkbox{width:40px;min-width:40px}.creator-table.mode-crm th:nth-child(1),.creator-table.mode-crm td:nth-child(1){width:40px}.creator-table.mode-crm th:nth-child(2),.creator-table.mode-crm td:nth-child(2){width:130px}.creator-table.mode-crm th:nth-child(3),.creator-table.mode-crm td:nth-child(3){width:130px}.creator-table.mode-crm th:nth-child(4),.creator-table.mode-crm td:nth-child(4){width:170px}.creator-table.mode-crm th:nth-child(5),.creator-table.mode-crm td:nth-child(5){width:115px}.creator-table.mode-crm th:nth-child(6),.creator-table.mode-crm td:nth-child(6){width:100px}.creator-table.mode-crm th:nth-child(7),.creator-table.mode-crm td:nth-child(7){width:100px}.creator-table.mode-crm th:nth-child(8),.creator-table.mode-crm td:nth-child(8){width:80px}.creator-table.mode-crm th:nth-child(9),.creator-table.mode-crm td:nth-child(9){width:80px}.creator-table.mode-crm th:nth-child(10),.creator-table.mode-crm td:nth-child(10){width:80px}.creator-table.mode-outreach.has-checkbox th:nth-child(1),.creator-table.mode-outreach.has-checkbox td:nth-child(1){width:40px}.creator-table.mode-outreach.has-checkbox th:nth-child(2),.creator-table.mode-outreach.has-checkbox td:nth-child(2){width:140px}.creator-table.mode-outreach.has-checkbox th:nth-child(3),.creator-table.mode-outreach.has-checkbox td:nth-child(3){width:160px}.creator-table.mode-outreach.has-checkbox th:nth-child(4),.creator-table.mode-outreach.has-checkbox td:nth-child(4){width:180px}.creator-table.mode-outreach.has-checkbox th:nth-child(5),.creator-table.mode-outreach.has-checkbox td:nth-child(5){width:120px}.creator-table.mode-outreach.has-checkbox th:nth-child(6),.creator-table.mode-outreach.has-checkbox td:nth-child(6){width:100px}.creator-table.mode-outreach.has-checkbox th:nth-child(7),.creator-table.mode-outreach.has-checkbox td:nth-child(7){width:100px}.creator-table.mode-outreach.has-checkbox th:nth-child(8),.creator-table.mode-outreach.has-checkbox td:nth-child(8){width:130px}.creator-table.mode-outreach.has-checkbox th:nth-child(9),.creator-table.mode-outreach.has-checkbox td:nth-child(9){width:130px}.creator-table.mode-outreach:not(.has-checkbox) th:nth-child(1),.creator-table.mode-outreach:not(.has-checkbox) td:nth-child(1){width:140px}.creator-table.mode-outreach:not(.has-checkbox) th:nth-child(2),.creator-table.mode-outreach:not(.has-checkbox) td:nth-child(2){width:160px}.creator-table.mode-outreach:not(.has-checkbox) th:nth-child(3),.creator-table.mode-outreach:not(.has-checkbox) td:nth-child(3){width:180px}.creator-table.mode-outreach:not(.has-checkbox) th:nth-child(4),.creator-table.mode-outreach:not(.has-checkbox) td:nth-child(4){width:120px}.creator-table.mode-outreach:not(.has-checkbox) th:nth-child(5),.creator-table.mode-outreach:not(.has-checkbox) td:nth-child(5){width:100px}.creator-table.mode-outreach:not(.has-checkbox) th:nth-child(6),.creator-table.mode-outreach:not(.has-checkbox) td:nth-child(6){width:100px}.creator-table.mode-outreach:not(.has-checkbox) th:nth-child(7),.creator-table.mode-outreach:not(.has-checkbox) td:nth-child(7){width:130px}.creator-table.mode-outreach:not(.has-checkbox) th:nth-child(8),.creator-table.mode-outreach:not(.has-checkbox) td:nth-child(8){width:130px}.sortable-header{padding:0}.sortable-header__btn{display:flex;align-items:center;gap:var(--space-1);width:100%;padding:var(--space-3) var(--space-4);background:transparent;border:none;font:inherit;font-weight:var(--font-semibold);color:var(--color-text-secondary);cursor:pointer;transition:color .15s ease}.sortable-header__btn:hover{color:var(--color-text-primary)}.sortable-header__btn:hover .sortable-header__icon--inactive{opacity:.5}.sortable-header--active .sortable-header__btn{color:var(--color-primary)}.sortable-header__icon{display:flex;flex-shrink:0}.sortable-header__icon .sort-icon{width:12px;height:12px}.sortable-header__icon--inactive{opacity:0;transition:opacity .15s ease}.sortable-header--active .sortable-header__icon{opacity:1}.sortable-header.text-right .sortable-header__btn{justify-content:flex-end}.creator-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.creator-table tbody tr:last-child td{border-bottom:none}.creator-table tbody tr:hover{background:var(--color-bg-hover)}.creator-table .text-right{text-align:right}.creator-table .text-secondary{color:var(--color-text-secondary)}.creator-table .font-mono{font-family:var(--font-mono);font-size:var(--text-xs)}.creator-table .link{color:var(--color-primary);text-decoration:none}.creator-table .link:hover{text-decoration:underline}.creator-table .cursor-pointer{cursor:pointer}.creator-detail-header{margin-bottom:var(--space-6)}.creator-detail-header__title-row{display:flex;align-items:center;gap:var(--space-4);margin-top:var(--space-2)}.creator-detail-grid{display:grid;grid-template-columns:350px 1fr;gap:var(--space-6)}@media (max-width: 1024px){.creator-detail-grid{grid-template-columns:1fr}}.creator-detail-sidebar{display:flex;flex-direction:column;gap:var(--space-4)}.creator-detail-main{min-width:0}.back-link{display:inline-flex;align-items:center;gap:var(--space-1);color:var(--color-text-secondary);text-decoration:none;font-size:var(--text-sm)}.back-link:hover{color:var(--color-text-primary)}.tabs{display:flex;gap:var(--space-1);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-4)}.tab{padding:var(--space-3) var(--space-4);background:transparent;border:none;border-bottom:2px solid transparent;color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all .15s ease}.tab:hover{color:var(--color-text-primary)}.tab--active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.tab-content{min-height:300px}.load-more{display:flex;justify-content:center;padding:var(--space-6) 0}@media (max-width: 1200px){.page-header__search-wrapper{max-width:320px}}@media (max-width: 1024px){.page-header{flex-wrap:wrap}.page-header__left{flex:1 1 100%;margin-bottom:var(--space-2)}.page-header__right{flex:1 1 100%;justify-content:flex-start;margin-top:0}}@media (max-width: 768px){.creator-table-wrapper{margin-left:calc(-1 * var(--space-4));margin-right:calc(-1 * var(--space-4));border-radius:0;border-left:none;border-right:none}.filter-tabs--inline{gap:var(--space-1)}.filter-tab--compact{padding:var(--space-1) var(--space-2);font-size:var(--text-xs)}.outreach-today-stat--compact{padding:var(--space-1) var(--space-2)}.view-toggle__btn{padding:var(--space-1) var(--space-2);font-size:var(--text-xs)}}@media (max-width: 640px){.creators-index .page-header{flex-direction:column;align-items:stretch;gap:var(--space-2)}.creators-index .page-header__left{gap:var(--space-2)}.creators-index .page-header__search-wrapper{flex:1 1 100%;max-width:100%;min-width:0}.creators-index .page-header__right{display:contents}.view-toggle{flex-shrink:0}.view-toggle__btn{padding:0 var(--space-2);height:28px;font-size:var(--text-xs)}.filter-tabs--inline{flex-shrink:1;min-width:0}.filter-tab--compact{padding:0 var(--space-1-5);height:28px;font-size:var(--text-xs);gap:var(--space-1)}.filter-tab__badge{min-width:14px;height:14px;padding:0 3px;font-size:9px}}.view-toggle{display:inline-flex;gap:var(--space-1);align-items:center}.view-toggle__btn{padding:0 var(--space-3);height:36px;border:1px solid var(--color-border);background:transparent;color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium);border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;line-height:1.5}.view-toggle__btn:hover{background:var(--color-surface-secondary);color:var(--color-text-primary);border-color:var(--color-border)}.view-toggle__btn--active{background:var(--color-primary);color:#fff;border-color:var(--color-primary);box-shadow:0 1px 2px #0000001a}.view-toggle__btn--active:hover{background:var(--color-primary);border-color:var(--color-primary)}.filter-tabs--inline{display:flex;gap:var(--space-2);align-items:center}.filter-tab{display:inline-flex;align-items:center;gap:var(--space-2);padding:0 var(--space-3);height:36px;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all .15s ease;white-space:nowrap;line-height:1.5}.filter-tab--compact{padding:0 var(--space-3);height:36px;font-size:var(--text-sm)}.filter-tab:hover{background:var(--color-surface-secondary);color:var(--color-text-primary);border-color:var(--color-border)}.filter-tab--active{background:var(--color-primary);color:#fff;border-color:var(--color-primary);box-shadow:0 1px 2px #0000001a}.filter-tab--active:hover{background:var(--color-primary);border-color:var(--color-primary)}.outreach-today-stat{display:inline-flex;align-items:center;gap:var(--space-2);padding:0 var(--space-3);height:36px;background:var(--color-surface-secondary);border-radius:var(--radius-md);border:1px solid var(--color-border);line-height:1.5}.outreach-today-stat--compact{padding:0 var(--space-3);height:36px}.outreach-today-stat__label{font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:var(--font-medium)}.outreach-today-stat__value{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-primary)}.filter-tab__badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 var(--space-1-5);background:#00000014;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold);line-height:1}.filter-tab--active .filter-tab__badge{background:#ffffff40}.bulk-actions__count{font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:var(--font-medium);margin-right:var(--space-1)}.creator-table .col-checkbox{width:40px;padding:var(--space-2);text-align:center;vertical-align:middle}.creator-table .col-checkbox input[type=checkbox]{cursor:pointer;width:16px;height:16px;margin:0;accent-color:var(--color-primary)}.creator-table .row--selected{background:#3b82f60d}.creator-table .row--selected:hover{background:#3b82f614}.creator-table .creator-name{display:flex;flex-direction:column;gap:var(--space-0-5)}.creator-table .creator-name__username{font-weight:var(--font-medium);color:var(--color-text-primary)}.creator-table .creator-name__real{font-size:var(--text-xs);color:var(--color-text-secondary)}.creator-table .badge{display:inline-flex;align-items:center;justify-content:center;padding:4px var(--space-2-5);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--font-semibold);min-width:70px;text-transform:capitalize}.creator-table .badge--success{background:#22c55e1f;color:#15803d;border:1px solid rgba(34,197,94,.2)}.creator-table .badge--muted{background:var(--color-surface-secondary);color:var(--color-text-secondary);border:1px solid var(--color-border)}.creator-table .badge--warning{background:#fbbf241f;color:#b45309;border:1px solid rgba(251,191,36,.2)}.creator-table.has-checkbox th:nth-child(6),.creator-table.has-checkbox td:nth-child(6),.creator-table.has-checkbox th:nth-child(7),.creator-table.has-checkbox td:nth-child(7){text-align:center}.dark .view-toggle__btn{background:transparent;border-color:var(--color-border)}.dark .view-toggle__btn:hover{background:var(--color-surface-secondary)}.dark .view-toggle__btn--active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.dark .view-toggle__btn--active:hover{background:var(--color-primary);border-color:var(--color-primary)}.dark .filter-tab{border-color:var(--color-border)}.dark .filter-tab:hover{background:var(--color-surface-secondary)}.dark .filter-tab--active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.dark .creator-table .badge--success{background:#22c55e33;color:#86efac;border-color:#22c55e4d}.dark .creator-table .badge--warning{background:#fbbf2433;color:#fde047;border-color:#fbbf244d}.dark .outreach-today-stat,.dark .bulk-actions-bar{background:var(--color-surface-secondary);border-color:var(--color-border)}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-size:var(--text-base);font-weight:var(--font-medium);line-height:1;border-radius:var(--radius-md);border:1px solid transparent;transition:all var(--transition-fast);cursor:pointer;white-space:nowrap;text-decoration:none}.button:disabled{opacity:.5;cursor:not-allowed}a.button,a.button:hover{color:inherit}.button--primary{background-color:var(--color-accent-blue);color:var(--color-text-inverse)}.button--primary:hover:not(:disabled){background-color:var(--color-accent-blue-hover);color:var(--color-text-inverse)}a.button--primary,a.button--primary:hover,a.button--primary:visited{color:var(--color-text-inverse)}.button--success{background-color:var(--color-accent-green);color:var(--color-text-inverse)}.button--success:hover:not(:disabled){background-color:var(--color-accent-green-hover)}.button--error{background-color:var(--color-accent-red);color:var(--color-text-inverse)}.button--error:hover:not(:disabled){background-color:var(--color-accent-red-hover)}.button--ghost{background-color:transparent;color:var(--color-text-primary)}.button--ghost:hover:not(:disabled){background-color:var(--color-bg-hover)}.button--outline{background-color:transparent;border-color:var(--color-border-primary);color:var(--color-text-primary)}.button--outline:hover:not(:disabled){background-color:var(--color-bg-hover)}.button--outline-error{background-color:transparent;border-color:var(--color-accent-red);color:var(--color-accent-red)}.button--outline-error:hover:not(:disabled){background-color:var(--color-accent-red);color:var(--color-text-inverse)}.button--xs{padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}.button--sm{padding:var(--space-2) var(--space-4);font-size:var(--text-sm)}.button--lg{padding:var(--space-4) var(--space-8);font-size:var(--text-lg)}.button--circle{border-radius:var(--radius-full);padding:var(--space-3);aspect-ratio:1}.button--circle.button--xs{padding:var(--space-1)}.button--circle.button--sm{padding:var(--space-2)}.button--circle.button--lg{padding:var(--space-4)}.session-card{background-color:var(--color-surface-primary);border-radius:var(--radius-lg);padding:var(--space-6);transition:all var(--transition-base);border:1px solid var(--color-border-secondary);cursor:pointer;animation:fadeInSlideUp .6s cubic-bezier(.16,1,.3,1) both;scroll-margin-top:96px}.session-card:hover{border-color:var(--color-border-primary);box-shadow:var(--shadow-sm)}.session-card:nth-child(1){animation-delay:0s}.session-card:nth-child(2){animation-delay:.08s}.session-card:nth-child(3){animation-delay:.16s}.session-card:nth-child(4){animation-delay:.24s}.session-card:nth-child(5){animation-delay:.32s}.session-card:nth-child(6){animation-delay:.4s}.session-card:nth-child(7){animation-delay:.48s}.session-card:nth-child(8){animation-delay:.56s}.session-card:nth-child(9){animation-delay:.64s}.session-card:nth-child(10){animation-delay:.72s}.session-card:nth-child(11){animation-delay:.8s}.session-card:nth-child(12){animation-delay:.88s}.session-card:nth-child(n+13){animation-delay:.88s}.sessions-list--searching .session-card,.sessions-list--searching .session-card__thumbnail{animation:none}.session-card__empty-state{text-align:center;padding:var(--space-8);color:var(--color-text-secondary)}.session-card__header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-6);position:relative}.session-card__title-group{flex:1;min-width:0}.session-card__title-row{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.session-card__title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:0}.session-card__meta{display:flex;flex-wrap:wrap;gap:var(--space-4);margin-bottom:var(--space-3)}.session-card__meta-item{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);color:var(--color-text-secondary)}.session-card__notes{font-size:var(--text-sm);color:var(--color-text-secondary);margin-top:var(--space-2);line-height:1.5;padding-right:var(--space-12)}.session-card__content-switcher{position:relative;margin-top:var(--space-4);width:100%}.session-card__thumbnails{display:flex;gap:6px;align-items:center;overflow-x:auto;padding:4px 0 8px;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--color-border-secondary) transparent;max-height:200px;opacity:1;transition:max-height .3s ease-out .12s,opacity .3s ease-out .12s,padding .3s ease-out .12s}.session-card__content-switcher--expanded .session-card__thumbnails{max-height:0;opacity:0;padding-top:0;padding-bottom:0;overflow:hidden;pointer-events:none;transition:max-height .3s ease-out,opacity .25s ease-out,padding .3s ease-out}.session-card__thumbnails::-webkit-scrollbar{height:6px}.session-card__thumbnails::-webkit-scrollbar-track{background:transparent;border-radius:3px}.session-card__thumbnails::-webkit-scrollbar-thumb{background-color:var(--color-border-secondary);border-radius:3px;transition:background-color var(--transition-base)}.session-card__thumbnails::-webkit-scrollbar-thumb:hover{background-color:var(--color-border-primary)}.session-card__thumbnail{width:48px;height:48px;border-radius:var(--radius-md);border:2px solid var(--color-surface-primary);object-fit:cover;flex-shrink:0;box-shadow:0 2px 4px #0000001a;background-color:var(--color-bg-tertiary);opacity:1;transform:translateY(0) scale(1);transition:opacity .25s ease-out .12s,transform .25s ease-out,box-shadow var(--transition-base);animation:fadeInThumbnail .5s cubic-bezier(.16,1,.3,1) both}.session-card__thumbnail:hover{transform:translateY(-4px) scale(1.05);z-index:10;box-shadow:0 4px 12px #00000026}.session-card__thumbnail:nth-child(1){animation-delay:.35s}.session-card__thumbnail:nth-child(2){animation-delay:.4s}.session-card__thumbnail:nth-child(3){animation-delay:.45s}.session-card__thumbnail:nth-child(4){animation-delay:.5s}.session-card__thumbnail:nth-child(5){animation-delay:.55s}.session-card__thumbnail:nth-child(6){animation-delay:.6s}.session-card__thumbnail:nth-child(n+7){animation-delay:.65s}.session-card__content-switcher--expanded .session-card__thumbnail{opacity:0;transform:translateY(12px) scale(.9);transition:opacity .25s cubic-bezier(.4,0,.2,1),transform .25s cubic-bezier(.4,0,.2,1),box-shadow var(--transition-base)}.session-card__content-switcher--expanded .session-card__thumbnail:nth-child(1){transition-delay:0s}.session-card__content-switcher--expanded .session-card__thumbnail:nth-child(2){transition-delay:.05s}.session-card__content-switcher--expanded .session-card__thumbnail:nth-child(3){transition-delay:.1s}.session-card__content-switcher--expanded .session-card__thumbnail:nth-child(4){transition-delay:.15s}.session-card__content-switcher--expanded .session-card__thumbnail:nth-child(5){transition-delay:.2s}.session-card__content-switcher--expanded .session-card__thumbnail:nth-child(6){transition-delay:.25s}.session-card__content-switcher--expanded .session-card__thumbnail:nth-child(n+7){transition-delay:.3s}.session-card__products-wrapper{display:grid;grid-template-rows:0fr;overflow:hidden;pointer-events:none;transition:grid-template-rows .3s ease-in}.session-card__products-wrapper>*{min-height:0}.session-card__content-switcher--expanded .session-card__products-wrapper{grid-template-rows:1fr;pointer-events:auto;transition:grid-template-rows .4s ease-out .1s}.session-card__products-inner{position:relative;width:100%}.session-card__collapse-btn-wrapper{position:absolute;bottom:0;right:0;z-index:10;opacity:0;transform:translateY(4px);animation:fadeInButton .25s ease-out forwards;animation-delay:.45s}.session-card__actions{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:flex-start;flex-shrink:0;cursor:default}@keyframes fadeInButton{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.session-card__collapse-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background-color:var(--color-surface-primary);border:1px solid var(--color-border-secondary);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:14px;cursor:pointer;transition:all var(--transition-base);flex-shrink:0;box-shadow:0 2px 4px #0000001a}.session-card__collapse-btn svg{width:16px;height:16px}.session-card__collapse-btn:hover{background-color:var(--color-bg-hover);border-color:var(--color-border-primary);color:var(--color-text-primary)}.session-card__collapse-btn:active{transform:translateY(1px)}.session-card__product-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space-4);width:100%}.session-card__product-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background-color:var(--color-bg-secondary);border:1px solid var(--color-border-secondary);border-radius:var(--radius-md);cursor:grab;user-select:none;opacity:0;transform:translateY(-12px);transition:opacity .15s ease-in,transform .15s ease-in,background-color var(--transition-base),border-color var(--transition-base);transition-delay:0s}.session-card__product-link{display:flex;align-items:center;gap:var(--space-3);flex:1;min-width:0;text-decoration:none;color:inherit}.session-card__content-switcher--expanded .session-card__product-item{opacity:1;transform:translateY(0);transition:opacity .35s cubic-bezier(.16,1,.3,1),transform .35s cubic-bezier(.16,1,.3,1),background-color var(--transition-base),border-color var(--transition-base)}.session-card__content-switcher--expanded .session-card__product-item:nth-child(1){transition-delay:.25s}.session-card__content-switcher--expanded .session-card__product-item:nth-child(2){transition-delay:.31s}.session-card__content-switcher--expanded .session-card__product-item:nth-child(3){transition-delay:.37s}.session-card__content-switcher--expanded .session-card__product-item:nth-child(4){transition-delay:.43s}.session-card__content-switcher--expanded .session-card__product-item:nth-child(5){transition-delay:.49s}.session-card__content-switcher--expanded .session-card__product-item:nth-child(6){transition-delay:.55s}.session-card__content-switcher--expanded .session-card__product-item:nth-child(n+7){transition-delay:.61s}.session-card__product-item:hover{border-color:var(--color-border-primary);background-color:var(--color-bg-hover)}.session-card__product-position{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background-color:var(--color-surface-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-secondary);flex-shrink:0}.session-card__product-image{width:64px;height:64px;object-fit:contain;border-radius:var(--radius-sm);flex-shrink:0;background-color:var(--color-bg-tertiary)}.session-card__product-name{flex:1;font-size:var(--text-base);font-weight:var(--font-medium);color:var(--color-text-primary);margin:0;line-height:1.4;min-width:0;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.session-card__add-product-btn{display:flex;align-items:center;justify-content:center;min-height:100px;padding:var(--space-3);background-color:var(--color-bg-secondary);border:2px dashed var(--color-border-secondary);border-radius:var(--radius-md);font-size:var(--text-2xl);font-weight:var(--font-light);color:var(--color-text-secondary);cursor:pointer;opacity:0;transform:translateY(-12px);transition:opacity .15s ease-in,transform .15s ease-in,background-color var(--transition-base),border-color var(--transition-base);transition-delay:0s}.session-card__add-product-btn:hover{border-color:var(--color-border-primary);background-color:var(--color-bg-hover);color:var(--color-text-primary)}.session-card__content-switcher--expanded .session-card__add-product-btn{opacity:1;transform:translateY(0);transition:opacity .35s cubic-bezier(.16,1,.3,1),transform .35s cubic-bezier(.16,1,.3,1),background-color var(--transition-base),border-color var(--transition-base);transition-delay:.67s}.session-card__product-actions{display:flex;flex-direction:column;gap:var(--space-1);align-items:center;justify-content:center;flex-shrink:0}.session-card__product-actions .button{position:relative;z-index:1;width:32px;height:32px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1rem;line-height:1}.session-card:has(.session-menu:not([style*="display: none"])),.session-card:has(.session-menu.fade-in){position:relative;z-index:100}.menu-container{position:relative;display:inline-block}.menu-trigger{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background-color:transparent;border:1px solid var(--color-border-secondary);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:20px;font-weight:var(--font-bold);cursor:pointer;transition:all var(--transition-base)}.menu-trigger:hover{background-color:var(--color-bg-hover);border-color:var(--color-border-primary);color:var(--color-text-primary)}.menu-trigger:active{transform:translateY(1px)}.menu-trigger[aria-expanded=true]{background-color:var(--color-bg-hover);border-color:var(--color-border-primary)}.session-menu{position:absolute;right:0;top:calc(100% + var(--space-2));min-width:180px;background-color:var(--color-surface-primary);border:1px solid var(--color-border-secondary);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:var(--space-1) 0;z-index:9999}.session-menu.fade-in{animation:fadeInMenu .2s ease-out}.session-menu.fade-out{animation:fadeOutMenu .2s ease-out}@keyframes fadeInMenu{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOutMenu{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}@keyframes fadeInThumbnail{0%{opacity:0}to{opacity:1}}.session-menu__item{display:flex;align-items:center;gap:var(--space-1);width:100%;padding:var(--space-2) var(--space-3) var(--space-2) var(--space-1);background-color:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:var(--text-sm);text-align:left;text-decoration:none;cursor:pointer;transition:background-color var(--transition-base);white-space:nowrap}.session-menu__item:hover{background-color:var(--color-bg-hover)}.session-menu__item:active{transform:translateY(1px)}.session-menu__item--danger{color:var(--color-accent-red)}.session-menu__item--danger:hover{background-color:#ef44441a}.session-menu__divider{height:1px;background-color:var(--color-border-secondary);margin:var(--space-2) 0}.sortable-ghost{opacity:.4;background-color:var(--color-bg-hover);border:2px dashed var(--color-border-primary);border-radius:var(--radius-md)}.sortable-ghost *{visibility:hidden}.sortable-drag{opacity:1;box-shadow:0 10px 25px #00000026;transform:rotate(2deg);cursor:grabbing;z-index:1000}.sortable-chosen{cursor:grabbing;user-select:none}.session-card__product-list.sortable-drag-active{user-select:none}@media (max-width: 768px){.session-card{padding:var(--space-4)}.session-card__title{font-size:var(--text-lg)}.session-card__title-row{margin-bottom:var(--space-2)}.session-card__meta{gap:var(--space-3);font-size:var(--text-xs)}.session-card__meta-item{gap:var(--space-1)}.session-card__meta-item .size-4{display:none}.session-card__header{gap:var(--space-2);align-items:flex-start}.session-card__title-group{flex:1;min-width:0}.session-card__actions{display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;gap:var(--space-1);align-items:center;flex-shrink:0}.session-card__actions>.button:nth-child(1){grid-column:1;grid-row:1}.session-card__actions>.button:nth-child(2){grid-column:1;grid-row:2}.session-card__actions>.menu-container{grid-column:2;grid-row:1 / 3;align-self:center}.session-card__actions .button--sm{padding:var(--space-1) var(--space-2);font-size:10px;min-width:60px;white-space:nowrap}.menu-trigger{width:32px;height:100%;min-height:56px;font-size:16px}.session-card__notes{font-size:var(--text-xs);padding-right:0}.session-card__thumbnail{width:44px;height:44px}.session-card__product-list{grid-template-columns:1fr}.session-card__product-image{width:56px;height:56px}.session-card__product-name{font-size:var(--text-sm)}}.input{width:100%;padding:var(--space-3) var(--space-4);background-color:var(--color-surface-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--text-base);transition:all var(--transition-fast)}.input:hover{border-color:var(--color-border-focus)}.input:focus{outline:2px solid var(--color-border-focus);outline-offset:2px;border-color:var(--color-border-focus)}.input::placeholder{color:var(--color-text-tertiary)}.input:disabled{opacity:.6;cursor:not-allowed;background-color:var(--color-surface-secondary);color:var(--color-text-secondary)}.input--error{border-color:var(--color-accent-red)}.input--error:focus{outline-color:var(--color-accent-red)}.label{display:block;margin-bottom:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-primary)}.label:has(input[type=checkbox]){display:flex;align-items:center;gap:var(--space-2)}.form-group{margin-bottom:var(--space-4)}.select{width:100%;padding:var(--space-3) var(--space-4);background-color:var(--color-surface-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--text-base);cursor:pointer;transition:all var(--transition-fast)}.select:hover{border-color:var(--color-border-focus)}.select:focus{outline:2px solid var(--color-border-focus);outline-offset:2px;border-color:var(--color-border-focus)}.select:disabled{opacity:.6;cursor:not-allowed;background-color:var(--color-surface-secondary);color:var(--color-text-secondary)}.textarea{width:100%;padding:var(--space-3) var(--space-4);background-color:var(--color-surface-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--text-base);resize:vertical;min-height:100px;transition:all var(--transition-fast)}.textarea:hover{border-color:var(--color-border-focus)}.textarea:focus{outline:2px solid var(--color-border-focus);outline-offset:2px;border-color:var(--color-border-focus)}.textarea:disabled{opacity:.6;cursor:not-allowed;background-color:var(--color-surface-secondary);color:var(--color-text-secondary);resize:none}.input-error{display:block;margin-top:var(--space-2);font-size:var(--text-sm);color:var(--color-accent-red)}.input--sm,select.input--sm{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);height:36px;line-height:1.5}.modal .input,.modal .select,.modal .textarea{background-color:var(--color-surface-tertiary)}.search-input,.search-input form{position:relative;width:100%}.search-input__field{padding-right:var(--space-10)}.search-input__clear{position:absolute;right:var(--space-2);top:50%;transform:translateY(-50%);z-index:10;display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background-color:#ffffff1a;border:1px solid var(--color-border-primary);border-radius:var(--radius-full);color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-fast)}.search-input__clear:hover{background-color:#fff3;border-color:var(--color-text-primary);color:var(--color-text-primary)}.search-input__clear:active{background-color:var(--color-surface-secondary)}.search-input__clear:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.modal{position:fixed;inset:0;z-index:var(--z-modal)}.modal--hidden{visibility:hidden;pointer-events:none}.modal__backdrop{position:fixed;inset:0;background-color:#000000bf;opacity:1;transition:opacity .3s ease-out}.modal--hidden .modal__backdrop{opacity:0}.modal__container{position:fixed;inset:0;overflow-y:auto}.modal__centering{display:flex;min-height:100%;align-items:center;justify-content:center;padding:var(--space-4)}.modal__box{position:relative;display:flex;flex-direction:column;width:100%;max-width:600px;max-height:90vh;background-color:var(--color-surface-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);padding:var(--space-6);opacity:1;transform:translateY(0);transition:opacity .3s ease-out,transform .3s ease-out}.modal--hidden .modal__box{opacity:0;transform:translateY(20px)}.modal__box--wide{max-width:900px}.modal__box--product-grid{max-width:820px}.modal__header{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding-bottom:var(--space-6);margin-bottom:var(--space-6);border-bottom:1px solid var(--color-border-secondary)}.modal__title{font-size:var(--text-xl);font-weight:var(--font-semibold);margin:0;padding-right:var(--space-8)}.modal__close{position:absolute;top:var(--space-4);right:var(--space-4);padding:var(--space-2);color:var(--color-text-secondary);background:none;border:none;cursor:pointer;font-size:var(--text-xl);line-height:1;transition:color var(--transition-fast);z-index:1}.modal__close:hover{color:var(--color-text-primary)}.modal__body{flex:1;overflow-y:auto;overflow-x:hidden;padding:0;scroll-behavior:smooth;min-height:0}.modal__footer{flex-shrink:0;display:flex;gap:var(--space-3);justify-content:flex-end;padding-top:var(--space-6);margin-top:var(--space-6);border-top:1px solid var(--color-border-secondary)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 640px){.modal__centering{padding:var(--space-3);padding-top:max(var(--space-3),env(safe-area-inset-top));padding-bottom:calc(var(--space-16) + env(safe-area-inset-bottom));align-items:flex-start;padding-top:max(var(--space-6),env(safe-area-inset-top))}.modal__box{max-height:calc(100dvh - var(--space-16) - var(--space-6) - env(safe-area-inset-top) - env(safe-area-inset-bottom));padding:var(--space-4);border-radius:var(--radius-md)}.modal__header{padding-bottom:var(--space-4);margin-bottom:var(--space-4)}.modal__title{font-size:var(--text-lg);padding-right:var(--space-6)}.modal__close{top:var(--space-3);right:var(--space-3)}.modal__footer{padding-top:var(--space-4);margin-top:var(--space-4)}.modal__box--wide{max-width:100%}}@media (max-width: 400px){.modal__centering{padding:var(--space-2);padding-top:max(var(--space-4),env(safe-area-inset-top));padding-bottom:calc(var(--space-14) + env(safe-area-inset-bottom))}.modal__box{max-height:calc(100dvh - var(--space-14) - var(--space-4) - env(safe-area-inset-top) - env(safe-area-inset-bottom));padding:var(--space-3)}.modal__header{padding-bottom:var(--space-3);margin-bottom:var(--space-3)}.modal__title{font-size:var(--text-base)}.modal__footer{padding-top:var(--space-3);margin-top:var(--space-3);flex-wrap:wrap}}.product-grid{display:flex;flex-direction:column;gap:var(--space-4)}.product-grid__header{display:flex;flex-direction:column;gap:var(--space-3);padding-bottom:var(--space-3);margin-bottom:var(--space-4);border-bottom:1px solid var(--color-border-secondary)}.product-grid--select .product-grid__header{background-color:var(--color-surface-primary);border-bottom:none;padding-bottom:0;margin-bottom:var(--space-3)}.product-grid--browse .product-grid__header{background-color:var(--color-bg-primary);flex-direction:row;align-items:center;flex-wrap:wrap;gap:var(--space-4)}.product-grid__controls{display:flex;gap:var(--space-2);width:100%;flex-wrap:wrap}.product-grid__search{flex:1;min-width:200px;max-width:400px}.product-grid--select .product-grid__search .input{background-color:var(--color-bg-secondary)}.product-grid__sort{flex-shrink:0;min-width:180px}.product-grid__status{display:flex;align-items:center;gap:var(--space-4);flex-shrink:0}.product-grid__count{color:var(--color-text-secondary);font-weight:var(--font-normal);font-size:var(--text-base);white-space:nowrap;flex-shrink:0}.product-grid__enter-hint{color:var(--color-text-tertiary);font-size:var(--text-sm);white-space:nowrap;flex-shrink:0}@media (max-width: 480px){.product-grid__header{flex-direction:column;align-items:stretch;gap:var(--space-2)}.product-grid__status{justify-content:space-between}}.product-grid--select .product-grid__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,140px));gap:var(--space-3);padding:var(--space-2);border:1px solid var(--color-border-secondary);border-radius:var(--radius-md);background-color:var(--color-surface-primary);min-height:min-content}.product-card-select{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-3);background-color:var(--color-bg-secondary);border:2px solid var(--color-border-secondary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.product-card-select:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.product-card-select--selected{border-color:var(--color-primary);background-color:var(--color-primary-50);box-shadow:var(--shadow-md)}.product-card-select__checkmark{position:absolute;top:var(--space-2);right:var(--space-2);z-index:10;display:flex;align-items:center;justify-content:center;width:24px;height:24px;background-color:var(--color-accent-green);color:#fff;border-radius:50%;box-shadow:0 2px 8px color-mix(in srgb,var(--color-accent-green) 40%,transparent);font-weight:700;transition:opacity var(--transition-fast)}.product-card-select__checkmark--hidden{opacity:0;pointer-events:none}.product-card-select__image{width:100%;aspect-ratio:1;object-fit:contain;border-radius:var(--radius-sm);background-color:var(--color-bg-tertiary)}.product-card-select__image-placeholder{width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;background-color:var(--color-bg-tertiary);border-radius:var(--radius-sm);color:var(--color-text-tertiary);font-size:var(--text-xs)}.product-card-select__name{font-size:var(--text-sm);font-weight:var(--font-medium);text-align:center;line-height:1.2;margin:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.product-grid--browse .product-grid__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-4);padding:0}.product-card-browse{display:flex;flex-direction:column;background-color:var(--color-surface-primary);border:1px solid var(--color-border-secondary);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);overflow:hidden;animation:fadeInSlideUp .6s cubic-bezier(.16,1,.3,1) both}.product-card-browse:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.product-card-browse__image{width:100%;aspect-ratio:1;object-fit:contain;display:block;background-color:var(--color-bg-tertiary)}.product-card-browse__image-placeholder{width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;background-color:var(--color-bg-tertiary);color:var(--color-text-tertiary);font-size:var(--text-xs)}.product-card-browse__info{padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2)}.product-card-browse__name{font-size:var(--text-base);font-weight:var(--font-medium);margin:0;line-height:1.3}.product-card-browse__pricing{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm)}.product-card-browse__price{color:var(--color-text-primary);font-weight:var(--font-semibold)}.product-card-browse__price-original{color:var(--color-text-secondary);text-decoration:line-through;text-decoration-thickness:1px;text-underline-offset:2px}.product-card-browse__price-sale{color:var(--color-accent-red);font-weight:var(--font-semibold)}.product-grid__grid{display:grid;width:100%}.product-grid__empty{grid-column:1 / -1;text-align:center;color:var(--color-text-secondary);padding:var(--space-8)}.product-grid__loader{grid-column:1 / -1;display:flex;justify-content:center}.product-grid--searching .product-card-browse{animation:none;opacity:1;transform:translateY(0)}infinite-scroll-trigger{grid-column:1 / -1;display:flex;justify-content:center;padding:var(--space-4)}.product-grid__loading-indicator{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);color:var(--color-text-secondary);font-size:var(--text-sm)}@keyframes fadeInSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.product-context-menu{position:fixed;z-index:1000;min-width:160px;padding:var(--space-1);background-color:var(--color-surface-primary);border:1px solid var(--color-border-secondary);border-radius:var(--radius-md);box-shadow:var(--shadow-lg)}.product-context-menu__item{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--color-text-primary);background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;text-align:left}.product-context-menu__item:hover{background-color:var(--color-bg-secondary)}.product-context-menu__item svg{width:16px;height:16px;flex-shrink:0}@media (max-width: 640px){.product-grid{gap:var(--space-3)}.product-grid__header{gap:var(--space-2);padding-bottom:var(--space-2);padding-top:0}.product-grid__controls{gap:var(--space-2);flex-wrap:nowrap}.product-grid__search{flex:1 1 100%;min-width:0;max-width:100%}.product-grid__sort{flex:0 0 auto;min-width:140px;max-width:180px}.product-grid--browse .product-grid__grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-2)}.product-card-browse__info{padding:var(--space-2);gap:var(--space-1)}.product-card-browse__name{font-size:var(--text-sm)}.product-card-browse__pricing{font-size:var(--text-xs)}}@media (min-width: 640px){.product-grid--select .product-grid__header{flex-direction:row;align-items:center;justify-content:space-between}.product-grid--select .product-grid__controls{flex-wrap:nowrap;flex:0 0 50%;min-width:0}.product-grid--select .product-grid__search{min-width:300px;max-width:none}.product-grid__controls{flex-wrap:nowrap}.product-grid__sort{min-width:200px}.product-grid--browse .product-grid__grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}.product-variants{margin-top:var(--space-6)}.product-variants__title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:var(--space-2)}.product-variants__grid-wrapper{overflow:hidden;position:relative;transition:max-height var(--transition-base)}.product-variants__grid-wrapper--expanded{max-height:none!important}.product-variants__grid{display:flex;flex-wrap:wrap;gap:var(--space-2)}.product-variant-chip{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:var(--color-surface-secondary);border:1px solid var(--color-border-secondary);border-radius:var(--radius-md);font-size:var(--text-sm)}.product-variant-chip__title{font-weight:var(--font-medium);color:var(--color-text-primary)}.product-variant-chip__price{color:var(--color-accent-gold)}.product-variant-chip__price-sale{color:var(--color-success)}.product-variant-chip__price-original{color:var(--color-text-tertiary);text-decoration:line-through;font-size:var(--text-xs);margin-left:var(--space-1)}.product-variants__more{display:contents}.product-variants__more--hidden{display:none}.product-variants__toggle{width:fit-content;margin-top:var(--space-3);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--color-primary);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease;text-align:center}.product-variants__toggle:hover{background:var(--color-surface)}.product-variants__toggle:active{transform:translateY(1px)}.product-variants__toggle:before{content:"\25bc  ";display:inline-block;margin-right:var(--space-1);transition:transform .2s ease}.product-variants__toggle--expanded:before{transform:rotate(180deg)}.product-variants__toggle--expanded:after{content:" (showing all)";font-size:var(--text-xs);color:var(--color-text-secondary);margin-left:var(--space-1)}.product-variants--compact{margin-top:var(--space-3);padding:var(--space-2);flex-shrink:0}.product-variants--compact .product-variants__title{font-size:var(--text-sm);margin-bottom:0}.product-variants__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-1)}.product-variants--compact .product-variants__grid-wrapper{max-height:2.2em}.product-variants__expand{display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:var(--space-1);background:transparent;border:none;cursor:pointer;color:var(--color-text-tertiary);transition:color var(--transition-fast);border-radius:var(--radius-sm)}.product-variants__expand:hover{color:var(--color-text-secondary);background:var(--color-bg-tertiary)}.product-variants__expand-icon{display:block;width:16px;height:16px;position:relative}.product-variants__expand-icon:before{content:"";position:absolute;top:50%;left:50%;width:6px;height:6px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translate(-50%,-70%) rotate(45deg);transition:transform var(--transition-fast)}.product-variants__expand--expanded .product-variants__expand-icon:before{transform:translate(-50%,-30%) rotate(-135deg)}.badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:var(--font-medium);line-height:1;border-radius:var(--radius-full);white-space:nowrap}.badge--draft{background-color:var(--color-status-draft);color:var(--color-text-inverse)}.badge--live{background-color:var(--color-status-live);color:var(--color-text-inverse)}.badge--complete{background-color:var(--color-status-complete);color:var(--color-text-inverse)}.badge--primary{background-color:var(--color-accent-blue);color:var(--color-text-inverse)}.badge--success{background-color:var(--color-accent-green);color:var(--color-text-inverse)}.badge--error{background-color:var(--color-accent-red);color:var(--color-text-inverse)}.badge--warning{background-color:var(--color-accent-amber);color:var(--color-text-inverse)}.badge--neutral{background-color:var(--color-border-primary);color:var(--color-text-primary)}.badge--outline{background-color:transparent;border:1px solid var(--color-border-primary);color:var(--color-text-primary)}.badge--sm{padding:var(--space-1) var(--space-2);font-size:.625rem}.badge--lg{padding:var(--space-2) var(--space-4);font-size:var(--text-sm)}.navbar{position:sticky;top:0;z-index:var(--z-sticky);display:flex;align-items:center;gap:var(--space-6);min-height:80px;padding:var(--space-4) var(--space-6);background-color:var(--color-surface-primary);border-bottom:1px solid var(--color-border-secondary);box-shadow:var(--shadow-sm)}.navbar__start{display:flex;align-items:center;gap:var(--space-6)}.navbar__end{display:flex;align-items:center;gap:var(--space-4);margin-left:auto}.navbar__brand{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary);text-decoration:none}.navbar__logo{height:36px;width:36px;flex-shrink:0}.navbar__logo--light{display:block}.navbar__logo--dark,.dark .navbar__logo--light{display:none}.dark .navbar__logo--dark{display:block}.navbar__nav{position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:var(--space-4);list-style:none;margin:0;padding:0}.navbar__link{padding:var(--space-2) var(--space-3);color:var(--color-text-secondary);text-decoration:none;font-size:var(--text-sm);font-weight:var(--font-medium);border-radius:var(--radius-md);transition:all var(--transition-fast)}.navbar__link:hover{color:var(--color-text-primary);background-color:var(--color-bg-hover)}.navbar__link--active{color:var(--color-accent-blue);background-color:var(--color-bg-hover)}.navbar__sync-group{display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.navbar__sync-meta{color:var(--color-text-secondary);font-size:11px;font-weight:var(--font-normal);white-space:nowrap}.navbar__menu-trigger{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background-color:transparent;border:1px solid var(--color-border-secondary);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:20px;font-weight:var(--font-bold);cursor:pointer;transition:all var(--transition-base)}.navbar__menu-trigger:hover{background-color:var(--color-bg-hover);border-color:var(--color-border-primary);color:var(--color-text-primary)}.navbar__menu{display:none;position:absolute;right:var(--space-4);top:100%;min-width:200px;flex-direction:column;align-items:stretch;gap:0;padding:var(--space-2);background-color:var(--color-surface-primary);border:1px solid var(--color-border-secondary);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown)}.navbar__menu .navbar__sync-group{align-items:center;margin-bottom:var(--space-2)}.navbar__menu .navbar__sync-group:last-of-type{margin-bottom:0}.navbar__menu .button{justify-content:center}.navbar__menu .navbar__sync-meta{padding:0;margin-top:var(--space-1);font-size:11px;opacity:.7;text-align:center}.navbar__menu .theme-toggle{align-self:center;margin-top:var(--space-3)}@media (max-width: 768px){.navbar{gap:var(--space-4);min-height:64px;padding:var(--space-3) var(--space-4)}.navbar__start{gap:var(--space-3)}.navbar__brand{font-size:var(--text-base);gap:var(--space-2)}.navbar__logo{height:28px;width:28px}.navbar__nav{gap:var(--space-2)}.navbar__link{padding:var(--space-1) var(--space-2);font-size:var(--text-xs)}.navbar__end{gap:var(--space-2)}}.page-header{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap;min-height:52px;margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border-secondary)}.page-header:has(.page-header__search--with-count){padding-top:var(--space-5)}.page-header__search{flex:1;min-width:200px;max-width:400px}.page-header__search--with-count{position:relative}.search-count{position:absolute;bottom:100%;left:2px;margin-bottom:var(--space-1);font-size:var(--text-xs);color:var(--color-text-secondary);font-weight:var(--font-medium);white-space:nowrap}.page-header__filters{display:flex;align-items:center;gap:var(--space-2)}.page-header__meta{color:var(--color-text-secondary);font-size:var(--text-sm);white-space:nowrap}@media (max-width: 640px){.page-header{gap:var(--space-3);margin-bottom:var(--space-3);padding-bottom:var(--space-2)}.page-header__search{flex:1 1 100%;max-width:100%;min-width:0}.page-header__filters{flex:1}}.flash{position:fixed;top:var(--space-4);right:var(--space-4);z-index:var(--z-toast);max-width:400px;padding:var(--space-4);background-color:var(--color-surface-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);border-left:4px solid var(--color-accent-blue);animation:slideInRight var(--transition-base)}.flash[hidden]{display:none}.flash__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-2)}.flash__title{font-size:var(--text-base);font-weight:var(--font-semibold);margin:0}.flash__close{padding:var(--space-1);color:var(--color-text-secondary);cursor:pointer;transition:color var(--transition-fast)}.flash__close:hover{color:var(--color-text-primary)}.flash__body{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-normal)}.flash--info{border-left-color:var(--color-accent-blue)}.flash--success{border-left-color:var(--color-accent-green)}.flash--error{border-left-color:var(--color-accent-red)}.flash--warning{border-left-color:var(--color-accent-amber)}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}#flash-group{position:fixed;top:var(--space-4);right:var(--space-4);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-3);max-width:400px}.toast{position:fixed;left:var(--space-6);bottom:var(--space-6);z-index:var(--z-toast);max-width:500px;background-color:var(--color-surface-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:1px solid var(--color-border-secondary);animation:slideInLeft .3s ease-out}.toast__content{padding:var(--space-3) var(--space-4) var(--space-3) var(--space-2);display:flex;align-items:center;gap:var(--space-3);color:var(--color-text-primary)}.toast__content--info{border-left:3px solid var(--color-accent-blue)}.toast__content--success{border-left:3px solid var(--color-accent-green)}.toast__content--error{border-left:3px solid var(--color-accent-red)}.toast__content--warning{border-left:3px solid var(--color-accent-amber)}.toast__text{flex:1;font-size:var(--text-sm)}.toast__title{font-weight:var(--font-semibold);margin-bottom:var(--space-1)}.toast__details{font-size:var(--text-xs);color:var(--color-text-secondary);margin-top:var(--space-1)}.spinner{width:20px;height:20px;flex-shrink:0}.spinner--spinning{animation:spin 1s linear infinite}@keyframes slideInLeft{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}.fade-in-scale{animation:fadeInScale .2s ease-out}.fade-out-scale{animation:fadeOutScale .2s ease-out}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes fadeOutScale{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@media (max-width: 768px){.toast{left:var(--space-4);right:var(--space-4);max-width:none}}.image-carousel{position:relative;width:100%;display:flex;flex-direction:column;touch-action:pan-y;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.image-carousel__image-wrapper{position:relative;width:100%;overflow:hidden;background-color:var(--color-bg-tertiary);border-radius:var(--radius-md);cursor:inherit}.image-carousel__image{width:100%;height:100%;object-fit:contain;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none;-webkit-touch-callout:none}.image-carousel--compact .image-carousel__image{pointer-events:none}.image-carousel__dots{display:flex;justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) 0;margin-top:var(--space-2)}.image-carousel__dot{padding:var(--space-1);background:none;border:none;cursor:pointer;transition:transform var(--transition-fast);border-radius:50%}.image-carousel__dot:hover{transform:scale(1.2)}.image-carousel__dot:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.image-carousel__dot-inner{display:block;width:8px;height:8px;border-radius:50%;background-color:var(--color-text-tertiary);opacity:.4;transition:all var(--transition-fast)}.image-carousel__dot--active .image-carousel__dot-inner{background-color:var(--color-primary);opacity:1;transform:scale(1.4)}.image-carousel__dot:hover .image-carousel__dot-inner{background-color:var(--color-primary);opacity:.7}.image-carousel--compact .image-carousel__image-wrapper{aspect-ratio:1 / 1;display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;gap:0;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.image-carousel--compact .image-carousel__image-wrapper::-webkit-scrollbar{display:none}.image-carousel--compact .image-carousel__image{flex:0 0 100%;scroll-snap-align:center;scroll-snap-stop:always}.image-carousel--compact .image-carousel__dots{position:absolute;bottom:0;left:0;right:0;margin:0;padding:var(--space-2);background:linear-gradient(to top,rgba(0,0,0,.3) 0%,rgba(0,0,0,.15) 50%,transparent 100%);border-radius:0 0 var(--radius-md) var(--radius-md)}.image-carousel--compact .image-carousel__dot-inner{background-color:#ffffff80;opacity:1;box-shadow:0 1px 2px #0003}.image-carousel--compact .image-carousel__dot--active .image-carousel__dot-inner{background-color:#fff;transform:scale(1.4)}.image-carousel--compact .image-carousel__dot:hover .image-carousel__dot-inner{background-color:#fffc}.image-carousel--full .image-carousel__image-wrapper{aspect-ratio:4 / 3;max-height:500px;display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;gap:var(--space-3);-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.image-carousel--full .image-carousel__image-wrapper::-webkit-scrollbar{display:none}.image-carousel--full .image-carousel__image{flex:0 0 70%;scroll-snap-align:center;scroll-snap-stop:always}.image-carousel--full .image-carousel__image:first-child{margin-left:15%}.image-carousel--full .image-carousel__image:last-child{margin-right:15%}.image-carousel--full .image-carousel__dots{position:absolute;bottom:0;left:0;right:0;margin:0;padding:var(--space-3);background:linear-gradient(to top,rgba(0,0,0,.3) 0%,rgba(0,0,0,.15) 50%,transparent 100%);border-radius:0 0 var(--radius-md) var(--radius-md)}.image-carousel--full .image-carousel__dot-inner{width:10px;height:10px;background-color:#ffffff80;opacity:1;box-shadow:0 1px 2px #0003}.image-carousel--full .image-carousel__dot--active .image-carousel__dot-inner{background-color:#fff;transform:scale(1.4)}.image-carousel--full .image-carousel__dot:hover .image-carousel__dot-inner{background-color:#fffc}.image-carousel__empty{display:flex;align-items:center;justify-content:center;aspect-ratio:1 / 1;background-color:var(--color-surface);border-radius:var(--radius-md);color:var(--color-text-tertiary);font-size:var(--text-sm)}.theme-toggle{position:relative;display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;padding:0;background-color:transparent;border:1px solid var(--color-border-primary);border-radius:50%;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,transform .15s ease}.theme-toggle:hover{background-color:var(--color-bg-hover);border-color:var(--color-border-focus)}.theme-toggle:active{transform:scale(.95)}.theme-toggle:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.theme-toggle__icon{position:absolute;display:flex;align-items:center;justify-content:center;font-size:1.125rem;line-height:1;transition:opacity .2s ease,transform .2s ease;color:var(--color-text-primary)}.theme-toggle__icon--sun{opacity:1;transform:rotate(0) scale(1.4)}.dark .theme-toggle__icon--sun{opacity:0;transform:rotate(90deg) scale(.8)}.theme-toggle__icon--moon{opacity:0;transform:rotate(-90deg) scale(.8)}.dark .theme-toggle__icon--moon{opacity:1;transform:rotate(0) scale(1)}*,*:before,*:after{transition-property:color,background-color,border-color,box-shadow,fill,stroke;transition-duration:.2s;transition-timing-function:ease}.preload *,.no-transition,.no-transition *{transition:none!important}button,a,input,textarea,select,[role=button]{transition-property:color,background-color,border-color,box-shadow,transform,opacity}.host-message-banner--amber{background-color:var(--color-accent-amber)}.host-message-banner--blue{background-color:var(--color-accent-blue)}.host-message-banner--green{background-color:var(--color-accent-green)}.host-message-banner--red{background-color:var(--color-accent-red)}.host-message-banner--purple{background-color:var(--color-accent-purple)}.host-message-banner--gray{background-color:var(--color-text-secondary)}.voice-control-hint{font-size:12px;color:var(--color-text-tertiary);font-style:italic;margin-right:auto}.voice-control-hint--hidden{display:none}.voice-control-actions{display:flex;align-items:center;gap:8px;margin-right:var(--space-2)}.voice-toggle-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--color-primary);color:var(--color-text-inverse);border:none;border-radius:6px;font-size:14px;font-weight:500;line-height:1;cursor:pointer;transition:all .2s ease}.voice-toggle-btn:hover:not(:disabled){background:var(--color-accent-blue-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.voice-toggle-btn:disabled{opacity:.5;cursor:not-allowed}.voice-toggle-btn.active{background:var(--color-accent-red)}.voice-toggle-btn.active:hover:not(:disabled){background:var(--color-accent-red-hover)}.voice-toggle-btn .icon{font-size:16px;line-height:1}.voice-toggle-btn .text{font-size:14px;line-height:1}.voice-control-panel .controller-panel__body{display:flex;gap:12px;align-items:stretch}@media (max-width: 320px){.voice-control-panel .controller-panel__body{flex-direction:column}}.mic-selection{flex:1 1 50%;min-width:0;display:flex}.mic-selection select{width:100%;height:100%;padding:6px 10px;border:1px solid var(--color-border-primary);border-radius:6px;background:var(--color-surface-primary);color:var(--color-text-primary);font-size:13px;cursor:pointer;transition:border-color .2s ease}.mic-selection select:hover{border-color:var(--color-primary)}.mic-selection select:focus{outline:none;border-color:var(--color-border-focus);box-shadow:0 0 0 3px var(--color-primary-50)}.voice-status{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:6px;transition:all .3s ease;position:relative;min-height:34px;flex:1 1 50%;min-width:0}.status-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.status-text{font-size:14px;font-weight:500;flex-grow:1}.voice-waveform{position:absolute;inset:0;display:none;align-items:center;justify-content:center;padding:0 12px}.voice-status.status-listening .voice-waveform{display:flex}.voice-status.status-listening .status-dot,.voice-status.status-listening .status-text{display:none}.voice-waveform canvas{width:100%;height:100%;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.voice-status.status-loading{background:#3b82f61a;color:var(--color-accent-blue)}.voice-status.status-loading .status-dot{background:var(--color-accent-blue);animation:pulse 1.5s ease-in-out infinite}.voice-status.status-ready{background:#10b9811a;color:var(--color-accent-green)}.voice-status.status-ready .status-dot{background:var(--color-accent-green)}.voice-status.status-listening{background:#f59e0b1a;color:var(--color-accent-amber)}.voice-status.status-listening .status-dot{background:var(--color-accent-amber);animation:pulse 1s ease-in-out infinite}.voice-status.status-processing{background:#3b82f61a;color:var(--color-accent-blue)}.voice-status.status-processing .status-dot{background:var(--color-accent-blue);animation:spin 1s linear infinite}.voice-status.status-success{background:#10b9811a;color:var(--color-accent-green)}.voice-status.status-success .status-dot{background:var(--color-accent-green);animation:bounce .5s ease}.voice-status.status-error{background:#ef44441a;color:var(--color-accent-red)}.voice-status.status-error .status-dot{background:var(--color-accent-red)}.voice-status.status-stopped{background:var(--color-bg-secondary);color:var(--color-text-tertiary)}.voice-status.status-stopped .status-dot{background:var(--color-text-tertiary)}.voice-transcript{padding:10px;background:var(--color-bg-secondary);border-radius:6px;font-size:13px;color:var(--color-text-secondary);min-height:40px;font-family:var(--font-mono);line-height:1.5}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.9)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.dark .voice-status.status-loading{background:#60a5fa26}.dark .voice-status.status-ready{background:#34d39926}.dark .voice-status.status-listening{background:#fbbf2426}.dark .voice-status.status-processing{background:#60a5fa26}.dark .voice-status.status-success{background:#34d39926}.dark .voice-status.status-error{background:#f8717126}.creator-badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:capitalize}.creator-badge--bronze{background:#cd7f32;color:#fff}.creator-badge--silver{background:silver;color:#333}.creator-badge--gold{background:gold;color:#333}.creator-badge--platinum{background:#e5e4e2;color:#333}.creator-badge--ruby{background:#e0115f;color:#fff}.creator-badge--emerald{background:#50c878;color:#fff}.creator-badge--sapphire{background:#0f52ba;color:#fff}.creator-badge--diamond{background:linear-gradient(135deg,#b9f2ff,#69d2e7,#a7dbd8);color:#333}.creator-badge--none{background:var(--color-surface-secondary);color:var(--color-text-tertiary)}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.stat{text-align:center}.stat__label{font-size:var(--text-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-1)}.stat__value{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary)}.info-list{display:flex;flex-direction:column;gap:var(--space-4)}.info-list__item{display:flex;flex-direction:column;gap:var(--space-1)}.info-list__item dt{font-size:var(--text-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.info-list__item dd{font-size:var(--text-sm);color:var(--color-text-primary)}.status-badge{display:inline-flex;padding:2px var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-medium);text-transform:capitalize}.status-badge--pending{background:#f59e0b26;color:var(--color-accent-amber)}.status-badge--shipped{background:#3b82f626;color:var(--color-primary)}.status-badge--delivered{background:#10b98126;color:var(--color-success)}.status-badge--cancelled{background:#ef444426;color:var(--color-accent-red)}.tag-pills{display:flex;flex-wrap:wrap;gap:var(--space-1);margin-top:var(--space-2)}.tag-pill{display:inline-flex;align-items:center;padding:2px var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-medium);background:var(--color-surface-secondary);color:var(--color-text-secondary);text-transform:uppercase;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitelisted-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold);background:#f59e0b26;color:var(--color-accent-amber)}.whitelisted-badge svg{color:var(--color-accent-amber)}.creator-detail-header__badges{display:flex;align-items:center;gap:var(--space-2)}.notes-card__content{white-space:pre-wrap;font-size:var(--text-sm);color:var(--color-text-primary);line-height:1.5}.notes-card__empty{color:var(--color-text-tertiary);font-style:italic}.brands-list{display:flex;flex-direction:column;gap:var(--space-2)}.brand-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);background:var(--color-surface-secondary);border-radius:var(--radius-sm);font-size:var(--text-sm)}.brand-item__name{font-weight:var(--font-medium);color:var(--color-text-primary)}.sample-product{display:flex;align-items:center;gap:var(--space-2)}.sample-product__thumb{width:32px;height:32px;object-fit:cover;border-radius:var(--radius-sm);background:var(--color-surface-secondary)}.empty-state{text-align:center;padding:var(--space-8) var(--space-4);color:var(--color-text-secondary)}.empty-state__icon{margin:0 auto var(--space-3);color:var(--color-text-tertiary)}.empty-state__title{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);margin-bottom:var(--space-1)}.empty-state__description{font-size:var(--text-xs);color:var(--color-text-tertiary)}.creators-loading{display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-6);color:var(--color-text-secondary)}.creator-modal-header{display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--space-2) var(--space-3)}.creator-modal-header .modal__title{margin:0}.creator-modal-stats{display:flex;flex-wrap:wrap;gap:var(--space-6);padding:var(--space-4);background:var(--color-surface-secondary);border-radius:var(--radius-md);margin-bottom:var(--space-4)}.creator-modal-stat{display:flex;flex-direction:column;gap:var(--space-1);min-width:80px}.creator-modal-stat__label{font-size:var(--text-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.creator-modal-stat__value{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary)}.creator-modal-tabs{display:flex;gap:var(--space-1);margin-bottom:var(--space-4);border-bottom:1px solid var(--color-border-secondary);padding-bottom:var(--space-2)}.contact-tab{padding:var(--space-2) 0}.contact-tab__footer{display:flex;justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-4)}.contact-info-grid{display:flex;flex-direction:column;gap:var(--space-4)}.contact-info-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.contact-info-row--full{grid-template-columns:1fr}.contact-info-item{display:flex;flex-direction:column;gap:var(--space-1)}.contact-info-item dt{font-size:var(--text-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.contact-info-item dd{font-size:var(--text-sm);color:var(--color-text-primary)}.contact-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.contact-form-grid--3{grid-template-columns:2fr 1fr 1fr}.brands-list--inline{display:flex;flex-wrap:wrap;gap:var(--space-2)}.brand-tag{display:inline-flex;padding:var(--space-1) var(--space-2);background:var(--color-surface-secondary);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-text-primary)}.creator-modal-content{overflow-x:auto;-webkit-overflow-scrolling:touch}.creator-modal-content .creator-table{font-size:var(--text-sm);table-layout:auto;min-width:100%}.creator-modal-content .creator-table th,.creator-modal-content .creator-table td{padding:var(--space-2) var(--space-3);white-space:nowrap}.creator-modal-content .creator-table th:first-child,.creator-modal-content .creator-table td:first-child{min-width:200px;white-space:normal}.creator-modal-content .sample-product{min-width:180px}.creator-modal-content .sample-product span{word-break:break-word}@media (max-width: 640px){.contact-info-row,.contact-form-grid,.contact-form-grid--3{grid-template-columns:1fr}.creator-modal-stats{gap:var(--space-3);padding:var(--space-3)}.creator-modal-stat{min-width:60px}.creator-modal-stat__label{font-size:10px}.creator-modal-stat__value{font-size:var(--text-base)}.creator-modal-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;margin-left:calc(var(--space-3) * -1);margin-right:calc(var(--space-3) * -1);padding-left:var(--space-3);padding-right:var(--space-3)}.creator-modal-tabs::-webkit-scrollbar{display:none}}@media (max-width: 400px){.creator-modal-stats{gap:var(--space-2);padding:var(--space-2)}.creator-modal-stat{min-width:50px}.creator-modal-stat__value{font-size:var(--text-sm)}.creator-modal-tabs{gap:0;margin-bottom:var(--space-3)}}.tag-pills{display:flex;flex-wrap:wrap;gap:var(--space-1)}.tag-pill{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-medium);white-space:nowrap;max-width:100px;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase}.tag-pill--amber{background:#f59e0b26;color:#d97706}.tag-pill--blue{background:#3b82f626;color:#2563eb}.tag-pill--green{background:#10b98126;color:#059669}.tag-pill--red{background:#ef444426;color:#dc2626}.tag-pill--purple{background:#8b5cf626;color:#7c3aed}.tag-pill--gray{background:var(--color-surface-secondary);color:var(--color-text-secondary)}.tag-pill--more{background:var(--color-surface-secondary);color:var(--color-text-tertiary);font-size:10px}.tag-cell{position:relative;cursor:pointer;min-height:32px;display:flex;align-items:center}.tag-cell:hover{background:var(--color-bg-hover)}.tag-cell__placeholder{color:var(--color-text-tertiary);font-size:var(--text-xs)}.col-tags{position:relative}.tag-picker-container{position:fixed;inset:0;z-index:9998}.tag-picker{position:fixed;z-index:9999;width:240px;background:var(--color-surface-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);box-shadow:0 10px 40px #0003}.tag-picker__search{padding:var(--space-2);border-bottom:1px solid var(--color-border-primary)}.tag-picker__search input{width:100%;padding:var(--space-2);border:1px solid var(--color-border-primary);border-radius:var(--radius-sm);font-size:var(--text-sm);background:var(--color-surface-secondary);color:var(--color-text-primary);text-transform:uppercase}.tag-picker__search input::placeholder{text-transform:none}.tag-picker__search input:focus{outline:none;border-color:var(--color-primary)}.tag-picker__quick-create{padding:var(--space-2);border-bottom:1px solid var(--color-border-primary)}.tag-picker__quick-create-row{display:flex;flex-direction:column;gap:var(--space-2)}.tag-picker__quick-colors{display:flex;justify-content:center;gap:6px}.tag-picker__quick-create-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:none;border-radius:var(--radius-sm);color:#fff;font-size:var(--text-sm);cursor:pointer;transition:background .15s ease,filter .15s ease}.tag-picker__quick-create-btn:hover{filter:brightness(.9)}.tag-picker__quick-create-btn strong{font-weight:var(--font-semibold);text-transform:uppercase;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tag-picker__quick-color{width:20px;height:20px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:transform .1s ease,border-color .1s ease}.tag-picker__quick-color:hover{transform:scale(1.15)}.tag-picker__quick-color--selected{border-color:var(--color-text-primary)}.tag-picker__list{max-height:250px;overflow-y:auto;padding:var(--space-2)}.tag-picker__item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);border-radius:var(--radius-sm);cursor:pointer;transition:background .15s ease}.tag-picker__item:hover{background:var(--color-bg-hover)}.tag-picker__item--selected{background:#3b82f614}.tag-picker__item-check{width:16px;height:16px;color:var(--color-primary);flex-shrink:0}.tag-picker__item-color{width:12px;height:12px;border-radius:var(--radius-full);flex-shrink:0}.tag-picker__item-name{flex:1;font-size:var(--text-sm);color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase}.tag-picker__item-delete{width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:#7f7f7f33;border:none;border-radius:var(--radius-sm);cursor:pointer;flex-shrink:0;font-size:16px;font-weight:700;line-height:1;color:#666;transition:background .15s ease,color .15s ease}[data-theme=dark] .tag-picker__item-delete{color:#ccc}.tag-picker__item-delete:hover{background:var(--color-accent-red);color:#fff}.tag-picker__empty{padding:var(--space-4);text-align:center;color:var(--color-text-tertiary);font-size:var(--text-sm)}.tag-filter{position:relative}.tag-filter__trigger{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:0 var(--space-3);height:36px;min-width:115px;background:transparent;border:1px solid var(--color-border-primary);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-text-secondary);cursor:pointer;transition:all .15s ease}.tag-filter__trigger:hover{border-color:var(--color-text-secondary)}.tag-filter__trigger--active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.tag-filter__clear-x{font-size:16px;font-weight:700;line-height:1;opacity:.8;transition:opacity .15s ease}.tag-filter__clear-x:hover{opacity:1}.tag-filter__dropdown{position:absolute;top:100%;right:0;margin-top:var(--space-1);min-width:160px;max-width:180px;background:var(--color-surface-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);box-shadow:0 10px 40px #0003;z-index:50}.tag-filter__list{max-height:250px;overflow-y:auto;padding:var(--space-2)}.tag-filter__item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);transition:background .15s ease}.tag-filter__item:hover{background:var(--color-bg-hover)}.tag-filter__item-label{display:flex;align-items:center;gap:var(--space-2);flex:1;cursor:pointer}.tag-filter__item-label input[type=checkbox]{flex-shrink:0}.tag-filter__item-color{width:12px;height:12px;border-radius:var(--radius-full);flex-shrink:0}.tag-filter__item-name{flex:1;font-size:var(--text-sm);color:var(--color-text-primary);text-transform:uppercase}.tag-filter__empty{padding:var(--space-4);text-align:center;color:var(--color-text-tertiary);font-size:var(--text-sm)}.col-tags{width:140px;min-width:140px}.batch-tag-picker__empty{padding:var(--space-4);text-align:center;color:var(--color-text-tertiary)}.batch-tag-picker__list{display:flex;flex-direction:column;gap:var(--space-1);max-height:300px;overflow-y:auto}.batch-tag-picker__item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);border-radius:var(--radius-sm);cursor:pointer;transition:background .15s ease}.batch-tag-picker__item:hover{background:var(--color-bg-hover)}.batch-tag-picker__item input[type=checkbox]{flex-shrink:0}.batch-tag-picker__item-name{flex:1;font-size:var(--text-sm);color:var(--color-text-primary);text-transform:uppercase}.status-badge--live{display:inline-flex;align-items:center;gap:var(--space-1);background:#ef444426;color:var(--color-accent-red);font-weight:var(--font-semibold)}.status-badge__pulse{width:8px;height:8px;background:var(--color-accent-red);border-radius:50%;animation:pulse-live 1.5s ease-in-out infinite}@keyframes pulse-live{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.status-badge--ended{background:var(--color-surface-secondary);color:var(--color-text-secondary)}.status-badge--failed{background:#ef44441a;color:var(--color-accent-red)}.status-badge--unknown{background:var(--color-surface-secondary);color:var(--color-text-tertiary)}.streams-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.streams-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.streams-table th,.streams-table td{padding:var(--space-3) var(--space-4);text-align:left;border-bottom:1px solid var(--color-border-secondary)}.streams-table th{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;background:var(--color-surface-secondary);position:sticky;top:0;z-index:1}.streams-table tbody tr{transition:background-color .15s ease}.streams-table tbody tr:hover{background:var(--color-surface-secondary)}.streams-table__title{display:flex;flex-direction:column;gap:var(--space-1)}.streams-table__title-text{font-weight:var(--font-medium);color:var(--color-text-primary)}.streams-table__username{font-size:var(--text-xs);color:var(--color-text-tertiary)}.tiktok-live-index .page-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-4)}.tiktok-live-index .page-header__left{display:flex;align-items:baseline;gap:var(--space-3)}.tiktok-live-index .page-title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:0}.streams-count{font-size:var(--text-sm);color:var(--color-text-secondary)}.tiktok-live-index .page-header__filters{display:flex;gap:var(--space-2)}.streams-scroll-container{max-height:calc(100vh - 200px);overflow-y:auto}.streams-loading{display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-6);color:var(--color-text-secondary)}.stream-modal-header{display:flex;flex-direction:column;gap:var(--space-2)}.stream-modal-header__title{display:flex;flex-direction:column;gap:var(--space-1)}.stream-modal-header__status{display:flex;align-items:center;gap:var(--space-2)}.stream-modal-stats{display:flex;flex-wrap:wrap;gap:var(--space-6);padding:var(--space-4);background:var(--color-surface-secondary);border-radius:var(--radius-md);margin-bottom:var(--space-4)}.stream-modal-stat{display:flex;flex-direction:column;gap:var(--space-1);min-width:80px}.stream-modal-stat__label{font-size:var(--text-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.stream-modal-stat__value{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary)}.stream-modal-tabs{display:flex;gap:var(--space-1);margin-bottom:var(--space-4);border-bottom:1px solid var(--color-border-secondary);padding-bottom:var(--space-2)}.stream-modal-content{overflow-x:auto;-webkit-overflow-scrolling:touch}.comments-tab{padding:var(--space-2) 0}.comments-tab__search{margin-bottom:var(--space-4)}.comments-list{display:flex;flex-direction:column;gap:var(--space-3);max-height:400px;overflow-y:auto}.comment-item{padding:var(--space-3);background:var(--color-surface-secondary);border-radius:var(--radius-md)}.comment-item__header{display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-2)}.comment-item__username{font-weight:var(--font-semibold);color:var(--color-primary);font-size:var(--text-sm)}.comment-item__nickname{font-size:var(--text-xs);color:var(--color-text-tertiary)}.comment-item__time{font-size:var(--text-xs);color:var(--color-text-tertiary);margin-left:auto}.comment-item__text{font-size:var(--text-sm);color:var(--color-text-primary);line-height:1.5;word-break:break-word}.comments-tab__load-more{display:flex;justify-content:center;padding-top:var(--space-4)}.stats-tab{padding:var(--space-2) 0}.stats-chart-container{position:relative;height:300px;padding:var(--space-4);background:var(--color-surface-secondary);border-radius:var(--radius-md)}.stats-summary{margin-top:var(--space-3);text-align:center}.raw-data-tab{padding:var(--space-2) 0}.json-viewer{background:var(--color-surface-secondary);border-radius:var(--radius-md);padding:var(--space-4);overflow-x:auto;max-height:400px;overflow-y:auto}.json-viewer code{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-primary);white-space:pre}@media (max-width: 768px){.tiktok-live-index .page-header{flex-direction:column;align-items:stretch}.tiktok-live-index .page-header__left{justify-content:space-between}.tiktok-live-index .page-header__filters{width:100%}.tiktok-live-index .page-header__filters select{flex:1}.stream-modal-stats{gap:var(--space-3);padding:var(--space-3)}.stream-modal-stat{min-width:60px}.stream-modal-stat__label{font-size:10px}.stream-modal-stat__value{font-size:var(--text-base)}.stream-modal-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.stream-modal-tabs::-webkit-scrollbar{display:none}.stats-chart-container{height:200px}.comments-list,.json-viewer{max-height:300px}}@media (max-width: 480px){.streams-table th:nth-child(4),.streams-table td:nth-child(4),.streams-table th:nth-child(5),.streams-table td:nth-child(5){display:none}.stream-modal-stats{gap:var(--space-2);padding:var(--space-2)}.stream-modal-stat{min-width:50px}.stream-modal-stat__value{font-size:var(--text-sm)}}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.hidden{display:none}.visible{visibility:visible}.invisible{visibility:hidden}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.w-full{width:100%}.w-auto{width:auto}.h-full{height:100%}.h-auto{height:auto}.m-0{margin:0}.m-2{margin:var(--space-2)}.m-4{margin:var(--space-4)}.m-6{margin:var(--space-6)}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.ml-2{margin-left:var(--space-2)}.ml-4{margin-left:var(--space-4)}.ml-6{margin-left:var(--space-6)}.mr-2{margin-right:var(--space-2)}.mr-4{margin-right:var(--space-4)}.mr-6{margin-right:var(--space-6)}.p-0{padding:0}.p-2{padding:var(--space-2)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.pt-2{padding-top:var(--space-2)}.pt-4{padding-top:var(--space-4)}.pt-6{padding-top:var(--space-6)}.pb-2{padding-bottom:var(--space-2)}.pb-4{padding-bottom:var(--space-4)}.pb-6{padding-bottom:var(--space-6)}.pl-2{padding-left:var(--space-2)}.pl-4{padding-left:var(--space-4)}.pl-6{padding-left:var(--space-6)}.pr-2{padding-right:var(--space-2)}.pr-4{padding-right:var(--space-4)}.pr-6{padding-right:var(--space-6)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-scroll{overflow:scroll}.rounded-sm{border-radius:var(--radius-sm)}.rounded{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-full{border-radius:var(--radius-full)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.cursor-pointer{cursor:pointer}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.select-none{user-select:none}.select-text{user-select:text}.select-all{user-select:all}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-100{opacity:1}.transition{transition:all var(--transition-base)}.transition-fast{transition:all var(--transition-fast)}.transition-slow{transition:all var(--transition-slow)}.transition-opacity{transition:opacity .3s ease-out}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-error{color:var(--color-accent-red)}.size-3{width:.75rem;height:.75rem}.size-4{width:1rem;height:1rem}.size-5{width:1.25rem;height:1.25rem}.size-6{width:1.5rem;height:1.5rem}.size-8{width:2rem;height:2rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}