@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap";:root{--primary-color: #A084E8;--primary-hover: #8E73D4;--secondary-color: #E8A084;--background-color: #110D10;--text-color: #FFFFFF;--disabled-color: #BDBDBD;--error-color: #FF4848;--error-dark: #e53935;--surface-color: #1C1C1C;--surface-hover: #252525;--primary-light: #B39AED;--border-color: #3F3F3F;--success-color: #4CAF50;--warning-color: #FF9800;--info-color: #2196F3;--purple-color: #9C27B0;--pink-color: #E91E63;--orange-color: #FF5722;--gradient-primary: linear-gradient(135deg, #A084E8 0%, #8E73D4 100%);--gradient-secondary: linear-gradient(135deg, #E8A084 0%, #d4956f 100%);--gradient-header: linear-gradient(90deg, #A084E8 0%, #E8A084 100%);--gradient-card: linear-gradient(135deg, #352C4D 0%, #3d3248 100%);--gradient-success: linear-gradient(135deg, #4CAF50 0%, #45a049 100%);--gradient-warning: linear-gradient(135deg, #FF9800 0%, #f57c00 100%);--gradient-error: linear-gradient(135deg, #FF4848 0%, #e53935 100%);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-xxl: 2.5rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--radius-xs: .125rem;--radius-sm: .375rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 2rem;--radius-full: 9999px;--font-family: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--shadow-xs: 0 .0625rem .125rem rgba(0, 0, 0, .05);--shadow-sm: 0 .0625rem .1875rem rgba(0, 0, 0, .1);--shadow-md: 0 .25rem .375rem rgba(0, 0, 0, .1);--shadow-lg: 0 .625rem .9375rem rgba(0, 0, 0, .1);--shadow-xl: 0 1.25rem 1.5625rem rgba(0, 0, 0, .15);--shadow-2xl: 0 1.5625rem 3.125rem rgba(0, 0, 0, .25);--shadow-glow: 0 0 1.25rem rgba(160, 132, 232, .3);--shadow-glow-secondary: 0 0 1.25rem rgba(232, 160, 132, .3);--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease;--transition-bounce: .3s cubic-bezier(.68, -.55, .265, 1.55);--breakpoint-xs: 20rem;--breakpoint-sm: 30rem;--breakpoint-md: 48rem;--breakpoint-lg: 64rem;--breakpoint-xl: 90rem;--breakpoint-2xl: 120rem;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--z-toast: 1080;--sidebar-width: 20rem;--sidebar-width-collapsed: 4rem;--sidebar-width-tablet: 17.5rem;--sidebar-width-mobile: 100%;--header-height: 5rem;--content-max-width: 87.5rem;--content-max-width-wide: 100rem;--content-max-width-narrow: 62.5rem;--opacity-disabled: .5;--opacity-hover: .8;--opacity-overlay: .6;--opacity-subtle: .7;--border-width-thin: .0625rem;--border-width-medium: .125rem;--border-width-thick: .1875rem;--button-height-sm: 2rem;--button-height-md: 2.5rem;--button-height-lg: 3rem;--input-height-sm: 2rem;--input-height-md: 2.5rem;--input-height-lg: 3rem;--icon-size-sm: 1rem;--icon-size-md: 1.25rem;--icon-size-lg: 1.5rem;--icon-size-xl: 2rem}:root{color-scheme:dark}[data-theme=light]{--background-color: #FFFFFF;--text-color: #1A1A1A;--surface-color: #F8F9FA;--border-color: #E5E7EB;--disabled-color: #6B7280}@media (max-width: 48rem){:root{--font-size-xs: .7rem;--font-size-sm: .8rem;--font-size-base: .9rem;--font-size-lg: 1rem;--font-size-xl: 1.1rem;--font-size-2xl: 1.3rem;--font-size-3xl: 1.6rem;--font-size-4xl: 1.9rem;--spacing-xs: .2rem;--spacing-sm: .4rem;--spacing-md: .8rem;--spacing-lg: 1.2rem;--spacing-xl: 1.6rem;--spacing-2xl: 2.4rem;--sidebar-width: var(--sidebar-width-mobile);--sidebar-width-collapsed: 4rem}}@media (min-width: 48.0625rem) and (max-width: 63.9375rem){:root{--sidebar-width: var(--sidebar-width-tablet);--sidebar-width-collapsed: 4rem}}:root{--animation-duration-fast: .15s;--animation-duration-normal: .3s;--animation-duration-slow: .5s;--animation-easing-ease: ease;--animation-easing-ease-in: ease-in;--animation-easing-ease-out: ease-out;--animation-easing-ease-in-out: ease-in-out;--animation-easing-bounce: cubic-bezier(.68, -.55, .265, 1.55)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-family);background:var(--background-color);color:var(--text-color);line-height:1.6;overflow-x:hidden}*{scrollbar-width:thin;scrollbar-color:var(--primary-color) transparent}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:var(--radius-full)}*::-webkit-scrollbar-thumb:hover{background:var(--primary-hover)}*::-webkit-scrollbar-corner{background:transparent}a{color:var(--primary-color);text-decoration:none;transition:var(--transition-fast)}a:hover{color:var(--primary-hover)}a:focus{outline:2px solid var(--primary-color);outline-offset:2px;border-radius:var(--radius-xs)}*:focus{outline:2px solid var(--primary-color);outline-offset:2px}button:focus,input:focus,textarea:focus,select:focus{outline:2px solid var(--primary-color);outline-offset:2px}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-semibold);line-height:1.2;margin-bottom:var(--spacing-md);color:var(--text-color)}h1{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-base)}p{margin-bottom:var(--spacing-md);line-height:1.6}ul,ol{margin-bottom:var(--spacing-md);padding-left:var(--spacing-lg)}li{margin-bottom:var(--spacing-xs)}img{max-width:100%;height:auto;display:block}table{width:100%;border-collapse:collapse;margin-bottom:var(--spacing-lg)}th,td{padding:var(--spacing-sm) var(--spacing-md);text-align:left;border-bottom:1px solid var(--border-color)}th{font-weight:var(--font-weight-semibold);background:var(--surface-color)}button{font-family:inherit;cursor:pointer;border:none;background:none;transition:var(--transition-fast)}button:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}input,textarea,select{font-family:inherit;font-size:var(--font-size-base);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);background:var(--surface-color);color:var(--text-color);transition:var(--transition-fast)}input:focus,textarea:focus,select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #a084e81a}input::placeholder,textarea::placeholder{color:var(--disabled-color)}.m-0{margin:0}.m-1{margin:var(--spacing-xs)}.m-2{margin:var(--spacing-sm)}.m-3{margin:var(--spacing-md)}.m-4{margin:var(--spacing-lg)}.m-5{margin:var(--spacing-xl)}.m-6{margin:var(--spacing-2xl)}.p-0{padding:0}.p-1{padding:var(--spacing-xs)}.p-2{padding:var(--spacing-sm)}.p-3{padding:var(--spacing-md)}.p-4{padding:var(--spacing-lg)}.p-5{padding:var(--spacing-xl)}.p-6{padding:var(--spacing-2xl)}.text-xs{font-size:var(--font-size-xs)}.font-normal{font-weight:var(--font-weight-normal)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-secondary{color:var(--secondary-color)}.text-info{color:var(--info-color)}.text-purple{color:var(--purple-color)}.text-pink{color:var(--pink-color)}.text-orange{color:var(--orange-color)}.bg-primary{background:var(--gradient-primary)}.bg-secondary{background:var(--gradient-secondary)}.bg-success{background:var(--gradient-success)}.bg-warning{background:var(--gradient-warning)}.bg-error{background:var(--gradient-error)}.bg-surface{background:var(--surface-color)}.bg-card{background:var(--gradient-card)}.border{border:1px solid var(--border-color)}.border-primary{border-color:var(--primary-color)}.border-secondary{border-color:var(--secondary-color)}.rounded-sm{border-radius:var(--radius-sm)}.rounded{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.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)}.shadow-glow{box-shadow:var(--shadow-glow)}.hidden{display:none}.block{display:block}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.grid{display:grid}.flex-row{flex-direction:row}.flex-nowrap{flex-wrap:nowrap}.items-stretch{align-items:stretch}.justify-around{justify-content:space-around}.flex-auto{flex:auto}.flex-none{flex:none}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.h-full{height:100%}.h-auto{height:auto}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-scroll{overflow:scroll}.transition{transition:var(--transition-normal)}.transition-fast{transition:var(--transition-fast)}.transition-slow{transition:var(--transition-slow)}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}@keyframes bounce{0%,20%,53%,80%,to{transform:translateZ(0)}40%,43%{transform:translate3d(0,-8px,0)}70%{transform:translate3d(0,-4px,0)}90%{transform:translate3d(0,-2px,0)}}.animate-fadeIn{animation:fadeIn .3s ease-out}.animate-fadeInUp{animation:fadeInUp .4s ease-out}.animate-fadeInDown{animation:fadeInDown .4s ease-out}.animate-slideInLeft{animation:slideInLeft .3s ease-out}.animate-slideInRight{animation:slideInRight .3s ease-out}.animate-pulse{animation:pulse 2s infinite}.animate-bounce{animation:bounce 1s infinite}@media (max-width: 767px){.mobile-hidden{display:none}.mobile-block{display:block}}@media (min-width: 768px){.desktop-hidden{display:none}.desktop-block{display:block}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast: high){:root{--border-color: #666666;--text-color: #FFFFFF}}::selection{background:var(--primary-color);color:#fff}::-moz-selection{background:var(--primary-color);color:#fff}*:focus:not(:focus-visible){outline:none}button:focus,a:focus,.nav-item:focus,.nav-content:focus{outline:none!important;box-shadow:none!important}.form-select,.pagination-select{background-image:linear-gradient(135deg,var(--surface-color) 0%,rgba(160,132,232,.02) 100%),url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right var(--spacing-sm) center,right var(--spacing-sm) center;background-repeat:no-repeat,no-repeat;background-size:auto,16px;padding-right:calc(var(--spacing-md) + 20px);appearance:none;-webkit-appearance:none;-moz-appearance:none}.form-select:focus,.pagination-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #a084e826,0 4px 12px #a084e81a;outline:none;background-image:linear-gradient(135deg,var(--surface-color) 0%,rgba(160,132,232,.05) 100%),url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23a084e8' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");transform:translateY(-1px)}.form-select:hover:not(:focus),.pagination-select:hover:not(:focus){border-color:#a084e84d;box-shadow:0 2px 8px #a084e814;background-image:linear-gradient(135deg,var(--surface-color) 0%,rgba(160,132,232,.03) 100%),url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23a084e8' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e")}@media (min-width: 1600px){:root{--content-max-width: 100rem;--content-max-width-wide: 120rem}.table-container{max-width:var(--content-max-width-wide);margin:0 auto}.grid-cols-3{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (min-width: 1920px){:root{--content-max-width: 120rem;--content-max-width-wide: 140rem}.grid-cols-3{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(6,minmax(0,1fr))}}.admin-layout{display:flex;min-height:100vh;background:var(--background-color)}.admin-sidebar{flex-shrink:0;width:var(--sidebar-width);background:var(--surface-color);border-right:1px solid var(--border-color);transition:var(--transition-normal);z-index:var(--z-fixed)}.admin-sidebar.collapsed{width:var(--sidebar-width-collapsed)}.admin-content{flex:1;display:flex;flex-direction:column;min-width:0}.admin-main{flex:1;padding:var(--spacing-lg);max-width:var(--content-max-width);margin:0 auto;width:100%}.admin-header{height:var(--header-height);background:var(--surface-color);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;padding:0 var(--spacing-lg);position:sticky;top:0;z-index:var(--z-sticky)}.admin-header-left,.admin-header-right{display:flex;align-items:center;gap:var(--spacing-md)}.breadcrumbs{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);font-size:var(--font-size-sm);color:var(--disabled-color)}.breadcrumb-item{display:flex;align-items:center;gap:var(--spacing-sm)}.breadcrumb-item:not(:last-child):after{content:"/";color:var(--border-color)}.breadcrumb-link:hover{color:var(--primary-hover)}.breadcrumb-current{color:var(--text-color);font-weight:var(--font-weight-medium)}.page-header{margin-bottom:var(--spacing-2xl)}.page-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--text-color);margin-bottom:var(--spacing-sm)}.page-subtitle{font-size:var(--font-size-base);color:var(--disabled-color);margin-bottom:var(--spacing-lg)}.page-actions{display:flex;gap:var(--spacing-md);align-items:center;flex-wrap:wrap}.grid{display:grid;gap:var(--spacing-lg)}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-1{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg)}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg)}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-lg)}@media (max-width: 1000px){.grid-4,.grid-cols-4{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 768px){.grid-4,.grid-3,.grid-cols-4,.grid-cols-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 480px){.grid-4,.grid-3,.grid-2,.grid-cols-4,.grid-cols-3,.grid-cols-2{grid-template-columns:1fr}}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-1{gap:var(--spacing-xs)}.gap-2{gap:var(--spacing-sm)}.gap-3{gap:var(--spacing-md)}.gap-4{gap:var(--spacing-lg)}.gap-6{gap:var(--spacing-xl)}.mb-3{margin-bottom:var(--spacing-md)}.mb-4{margin-bottom:var(--spacing-lg)}.mb-6{margin-bottom:var(--spacing-xl)}.mt-2{margin-top:var(--spacing-sm)}.mt-3{margin-top:var(--spacing-md)}.mt-4{margin-top:var(--spacing-lg)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.text-muted{color:var(--disabled-color)}.text-primary{color:var(--primary-color)}.text-success{color:var(--success-color)}.text-warning{color:var(--warning-color)}.text-danger{color:var(--error-color)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.w-full{width:100%}.w-auto{width:auto}.max-w-none{max-width:none}.max-w-xs{max-width:20rem}.max-w-sm{max-width:24rem}.max-w-md{max-width:28rem}.max-w-lg{max-width:32rem}.max-w-xl{max-width:36rem}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.content-narrow{max-width:var(--content-max-width-narrow);margin:0 auto}.content-normal{max-width:var(--content-max-width);margin:0 auto}.content-wide{max-width:var(--content-max-width-wide);margin:0 auto}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;line-clamp:3;overflow:hidden}.break-words{word-break:break-word;overflow-wrap:break-word}.whitespace-pre-wrap{white-space:pre-wrap}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}@media (min-width: 768px){.md\\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.md\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\\:flex-row{flex-direction:row}}@media (min-width: 1024px){.lg\\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.lg\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width: 1024px){.admin-sidebar{position:fixed;left:0;top:0;height:100vh;transform:translate(-100%);z-index:var(--z-modal)}.admin-sidebar.open{transform:translate(0)}.admin-content,.admin-content.sidebar-collapsed{margin-left:0!important}.admin-main{padding:var(--spacing-md)}}@media (max-width: 768px){.admin-header{padding:0 var(--spacing-md);height:60px}.page-title{font-size:var(--font-size-2xl)}.page-actions{flex-direction:column;align-items:stretch}.page-actions .btn{width:100%;justify-content:center}}.sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:var(--z-modal-backdrop);opacity:0;visibility:hidden;transition:var(--transition-fast)}.sidebar-overlay.active{opacity:1;visibility:visible}.page-enter{opacity:0;transform:translateY(20px)}.page-enter-active{opacity:1;transform:translateY(0);transition:opacity var(--transition-normal),transform var(--transition-normal)}.scrollable{overflow-y:auto;max-height:calc(100vh - var(--header-height) - var(--spacing-2xl))}.admin-section{margin-bottom:var(--spacing-2xl)}.admin-section:last-child{margin-bottom:0}.admin-section-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-color);margin-bottom:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-sm)}.admin-section-title:before{content:"";width:4px;height:24px;background:var(--gradient-primary);border-radius:var(--radius-full)}.status{display:inline-flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.status-dot{width:8px;height:8px;border-radius:var(--radius-full)}.status.online .status-dot{background:var(--success-color);box-shadow:0 0 8px #4caf5066}.status.offline .status-dot{background:var(--error-color)}.status.pending .status-dot{background:var(--warning-color)}.search-container{position:relative;width:100%;max-width:400px}.search-input{width:100%;padding:var(--spacing-sm) var(--spacing-md) var(--spacing-sm) 40px;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--surface-color);color:var(--text-color);font-size:var(--font-size-base);transition:var(--transition-fast)}.search-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #a084e81a;outline:none}.search-icon{position:absolute;left:var(--spacing-md);top:50%;transform:translateY(-50%);color:var(--disabled-color);font-size:var(--icon-size-md)}@media (min-width: 1400px){.table-container{overflow-x:auto;max-width:100%}.table{width:100%;max-width:var(--content-max-width-wide);margin:0 auto}.table th,.table td{padding:var(--spacing-md) var(--spacing-lg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:300px}.table td:nth-child(2){max-width:400px;white-space:normal;word-wrap:break-word}}@media (min-width: 1600px){.admin-main{padding:var(--spacing-2xl)}.table th,.table td{padding:var(--spacing-lg) var(--spacing-xl);max-width:350px}.table td:nth-child(2){max-width:500px}}@media (min-width: 1920px){.admin-main{padding:var(--spacing-3xl)}.table th,.table td{max-width:400px}.table td:nth-child(2){max-width:600px}}@media (min-width: 1024px) and (max-width: 1399px){.metrics-grid{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:.75rem!important;width:100%!important;margin-bottom:2rem!important}div.metrics-grid,.admin-main .metrics-grid{grid-template-columns:repeat(4,1fr)!important;gap:.75rem!important}}@media (min-width: 1200px) and (max-width: 1600px){.metrics-grid{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:1rem!important;width:100%!important}}@media print{.admin-sidebar,.admin-header,.page-actions,.btn{display:none!important}.admin-main{padding:0;max-width:none}.card{box-shadow:none;border:1px solid #ccc}}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--spacing-lg);width:100%;margin-bottom:var(--spacing-xl)}@media (max-width: 480px){.metrics-grid{grid-template-columns:1fr;gap:var(--spacing-md)}}@media (min-width: 481px) and (max-width: 768px){.metrics-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}}@media (min-width: 769px) and (max-width: 1023px){.metrics-grid{grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg)}}@media (min-width: 1024px){.metrics-grid{grid-template-columns:repeat(4,1fr);gap:var(--spacing-lg)}}.metric-card{position:relative;padding:var(--spacing-lg);transition:all var(--transition-normal);border:1px solid var(--border-color);background:var(--surface-color);border-radius:var(--radius-lg);overflow:hidden}.metric-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--primary-color)}.metric-icon{font-size:2rem;margin-bottom:var(--spacing-md);display:block;opacity:.8}.metric-content{margin-bottom:var(--spacing-md)}.metric-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);margin-bottom:var(--spacing-sm);line-height:1.4}.metric-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-xs);line-height:1.2}.metric-change{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin:0;padding:0}.metric-change:before{display:none}.metric-change.text-success:before{border-bottom:6px solid var(--success-color)}.metric-change.text-danger:before{border-top:6px solid var(--error-color)}.info-icon-wrapper{position:absolute;top:var(--spacing-md);right:var(--spacing-md)}.info-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:var(--radius-full);background:var(--primary-color);color:#fff;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);cursor:help;transition:var(--transition-fast)}.info-icon:hover{background:var(--primary-hover);transform:scale(1.1)}.info-icon-wrapper .tooltip{position:relative}.info-icon-wrapper .tooltip-text{visibility:hidden;width:280px;background:var(--surface-color);color:var(--text-color);text-align:left;border-radius:var(--radius-md);padding:var(--spacing-md);position:absolute;z-index:var(--z-tooltip);top:125%;right:0;font-size:var(--font-size-xs);line-height:1.4;box-shadow:var(--shadow-lg);border:1px solid var(--border-color);opacity:0;transform:translateY(-10px);transition:all var(--transition-fast)}.info-icon-wrapper .tooltip:hover .tooltip-text,.info-icon-wrapper.tooltip:hover .tooltip-text{visibility:visible;opacity:1;transform:translateY(0)}.date-range-picker input[type=date]{max-width:160px;font-size:var(--font-size-sm)}input[type=date]{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--text-color);transition:all var(--transition-fast);cursor:pointer;position:relative;min-height:var(--input-height-md);display:flex;align-items:center}input[type=date]:hover{border-color:var(--primary-color);background:var(--surface-hover);box-shadow:0 0 0 2px #a084e81a}input[type=date]:focus{outline:none;border-color:var(--primary-color);background:var(--surface-hover);box-shadow:0 0 0 3px #a084e833}input[type=date]:disabled{opacity:var(--opacity-disabled);cursor:not-allowed;background:var(--background-color);border-color:var(--disabled-color)}input[type=date]::-webkit-calendar-picker-indicator{background:transparent;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23A084E8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3crect x='3' y='4' width='18' height='18' rx='2' ry='2'/%3e%3cline x1='16' y1='2' x2='16' y2='6'/%3e%3cline x1='8' y1='2' x2='8' y2='6'/%3e%3cline x1='3' y1='10' x2='21' y2='10'/%3e%3c/svg%3e");background-size:16px 16px;background-repeat:no-repeat;background-position:center;width:20px;height:20px;cursor:pointer;opacity:.7;transition:opacity var(--transition-fast);position:absolute;right:var(--spacing-sm);top:50%;transform:translateY(-50%)}input[type=date]:hover::-webkit-calendar-picker-indicator{opacity:1}input[type=date]::-webkit-calendar-picker-indicator:hover{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238E73D4' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3crect x='3' y='4' width='18' height='18' rx='2' ry='2'/%3e%3cline x1='16' y1='2' x2='16' y2='6'/%3e%3cline x1='8' y1='2' x2='8' y2='6'/%3e%3cline x1='3' y1='10' x2='21' y2='10'/%3e%3c/svg%3e")}input[type=date]::-moz-focus-inner{border:0}input[type=date]::-webkit-datetime-edit{color:var(--text-color);padding:0;display:flex;align-items:center}input[type=date]::-webkit-datetime-edit-fields-wrapper{padding:0}input[type=date]::-webkit-datetime-edit-text{color:var(--disabled-color);padding:0 var(--spacing-xs)}input[type=date]::-webkit-datetime-edit-month-field,input[type=date]::-webkit-datetime-edit-day-field,input[type=date]::-webkit-datetime-edit-year-field{color:var(--text-color);background:transparent;border:none;outline:none;padding:0;font-weight:var(--font-weight-medium)}input[type=date]::-webkit-datetime-edit-month-field:focus,input[type=date]::-webkit-datetime-edit-day-field:focus,input[type=date]::-webkit-datetime-edit-year-field:focus{background:#a084e833;border-radius:var(--radius-xs);color:var(--primary-light)}input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1}input[type=date]::-webkit-inner-spin-button,input[type=date]::-webkit-clear-button{display:none}@supports (-webkit-appearance: none){input[type=date]{position:relative}input[type=date]:focus::-webkit-calendar-picker-indicator{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238E73D4' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3crect x='3' y='4' width='18' height='18' rx='2' ry='2'/%3e%3cline x1='16' y1='2' x2='16' y2='6'/%3e%3cline x1='8' y1='2' x2='8' y2='6'/%3e%3cline x1='3' y1='10' x2='21' y2='10'/%3e%3c/svg%3e")}}input[type=date]{color-scheme:dark}@media (prefers-color-scheme: dark){input[type=date]{color-scheme:dark}}.form-input[type=date]{min-height:var(--input-height-md);padding:var(--spacing-sm) var(--spacing-md)}.date-input{min-height:var(--input-height-sm);padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);max-width:140px}.filter-input[type=date]{min-height:var(--input-height-sm);padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm)}.date-range-picker{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.date-separator{color:var(--disabled-color);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);white-space:nowrap}@media (max-width: 768px){input[type=date]{font-size:var(--font-size-base);min-height:var(--input-height-lg);padding:var(--spacing-md)}.date-input{min-height:var(--input-height-md);max-width:none;width:100%}input[type=date]::-webkit-calendar-picker-indicator{width:24px;height:24px;background-size:20px 20px}.date-range-picker{flex-direction:column;align-items:stretch;gap:var(--spacing-sm)!important}.date-range-picker input[type=date]{max-width:none}}@media (max-width: 768px){.metric-card{padding:var(--spacing-md)}.metric-icon{font-size:1.5rem;margin-bottom:var(--spacing-sm)}.metric-value{font-size:var(--font-size-xl)}.info-icon-wrapper .tooltip-text{width:240px;right:-120px}}@media (max-width: 480px){.info-icon-wrapper .tooltip-text{width:200px;right:-100px}.metrics-grid{gap:var(--spacing-sm)}.metric-card{padding:var(--spacing-md)}.metric-value{font-size:var(--font-size-lg)}.metric-title,.metric-change{font-size:var(--font-size-xs)}}.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:var(--transition-fast);position:relative}.sortable:hover{background-color:#a084e81a;color:var(--primary-color)}.sortable.sorted{background-color:#a084e833;color:var(--primary-color);font-weight:var(--font-weight-semibold)}.sortable.sorted:after{content:"";position:absolute;right:8px;top:50%;transform:translateY(-50%);width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:6px solid var(--primary-color)}.character-card{transition:all var(--transition-normal);overflow:hidden}.character-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.character-header{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background:linear-gradient(135deg,var(--primary-color)/10,var(--secondary-color)/10);border-bottom:1px solid var(--border-color)}.character-avatar{width:60px;height:60px;border-radius:var(--radius-full);overflow:hidden;border:3px solid var(--primary-color);flex-shrink:0}.avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--gradient-primary);font-size:1.5rem}.character-avatar-small{width:40px;height:40px;border-radius:var(--radius-full);overflow:hidden;border:2px solid var(--primary-color);flex-shrink:0}.character-avatar-small img{width:100%;height:100%;object-fit:cover}.avatar-placeholder-small{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--gradient-primary);font-size:1rem}.current-avatar-preview{position:relative;width:100%;max-width:5.6rem;margin:0 auto}.avatar-preview-large{width:100%;height:5.6rem;object-fit:cover;border-radius:var(--radius-lg);border:none;background:var(--surface-color);transition:all .3s ease}.avatar-preview-large:hover{border-color:var(--primary-color);transform:translateY(-.125rem);box-shadow:0 .5rem 1.5625rem #00000026}.avatar-placeholder-large{width:100%;height:5.6rem;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--surface-color);border:none;border-radius:var(--radius-lg);color:var(--text-secondary);gap:var(--spacing-md)}.avatar-placeholder-large span{font-size:var(--font-size-sm);text-align:center}.form-help-text{font-size:var(--font-size-xs);color:var(--text-secondary);line-height:1.4;padding:var(--spacing-sm);background:var(--surface-color);border-radius:var(--radius-sm);border-left:.1875rem solid var(--primary-color)}.form-help-text code{background:rgba(var(--text-rgb),.1);color:var(--text-color);padding:.125rem .25rem;border-radius:.25rem;font-family:Monaco,Menlo,Consolas,monospace;font-size:.875em;font-weight:var(--font-weight-medium)}.avatar-upload-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg)}@media (min-width: 768px){.avatar-upload-grid{grid-template-columns:1fr 1fr}}.main-image-preview+.main-image-preview{margin-top:var(--spacing-md)}@media (max-width: 768px){.main-image-preview{flex-direction:column;align-items:center;text-align:center}.main-image-container{width:14rem;max-width:90%}.main-image-placeholder{width:14rem;height:9rem;max-width:90%}.main-image-info{min-height:auto;padding:1rem 0 0;text-align:center}}.character-info{flex:1;min-width:0}.character-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-color);margin-bottom:var(--spacing-xs)}.character-meta{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.character-appid{font-size:var(--font-size-xs);font-family:var(--font-mono);color:var(--text-secondary);background:var(--surface-color);padding:2px 6px;border-radius:var(--radius-sm)}.character-description{line-height:1.5}.character-stats{background:var(--surface-color);border-radius:var(--radius-md);padding:var(--spacing-md)}.stat{text-align:center}.stat-label{font-size:var(--font-size-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.character-media{padding:var(--spacing-sm);background:var(--surface-color);border-radius:var(--radius-md);border:1px solid var(--border-color)}.media-info{display:flex;align-items:center;justify-content:center}.character-actions{margin-top:auto}@media (max-width: 768px){.character-header{flex-direction:column;text-align:center;gap:var(--spacing-sm)}.character-avatar{width:50px;height:50px}.character-stats{grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}.character-actions{flex-direction:column}.character-actions .btn{width:100%}}.character-form{width:100%;max-width:var(--content-max-width);margin:0 auto}@media (min-width: 1400px){.character-form{max-width:var(--content-max-width-wide)}.character-form .max-w-xs{max-width:24rem}.character-form .grid-cols-1.md\\:grid-cols-3{grid-template-columns:repeat(4,minmax(0,1fr))}.character-form .grid-cols-1.md\\:grid-cols-2{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 1600px){.character-form{max-width:var(--content-max-width-wide)}.character-form .max-w-xs{max-width:28rem}.character-form .grid-cols-1.md\\:grid-cols-3{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (min-width: 1920px){.character-form .max-w-xs{max-width:32rem}}@media (min-width: 1400px){.character-form .form-textarea{min-height:120px}}@media (min-width: 1600px){.character-form .form-textarea{min-height:140px}.character-form .card-content{padding:var(--spacing-xl)}}@media (min-width: 1920px){.character-form .form-textarea{min-height:160px}.character-form .card-content{padding:var(--spacing-2xl)}}.avatar-preview{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.avatar-image{width:120px;height:120px;object-fit:cover;border-radius:var(--border-radius);border:2px solid var(--border-color)}.gallery-preview{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-sm)}.gallery-item{position:relative;border-radius:var(--border-radius);overflow:hidden;border:2px solid var(--border-color)}.gallery-image{width:100%;height:120px;object-fit:cover;display:block}.gallery-video{width:100%;height:120px;object-fit:cover;display:block;cursor:pointer;transition:var(--transition-normal);position:relative}.video-hover-zone{position:relative;width:100%;height:100%;cursor:pointer;z-index:1}.gallery-video:after{content:"▶";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:3rem;height:3rem;background:#000000b3;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1rem;opacity:.8;transition:var(--transition-fast);pointer-events:none;z-index:2}.gallery-image-container:hover .gallery-video:after,.video-hover-zone:hover .gallery-video:after{opacity:0;transform:translate(-50%,-50%) scale(1.2)}.gallery-item .btn{position:absolute;top:var(--spacing-xs);right:var(--spacing-xs);min-width:auto;padding:var(--spacing-xs);font-size:var(--font-size-sm)}.form-input-file{width:100%;padding:var(--spacing-sm);border:2px dashed var(--border-color);border-radius:var(--border-radius);background:var(--background-color);cursor:pointer;transition:var(--transition-fast)}.form-input-file:hover{border-color:var(--primary-color);background:var(--primary-color-10)}@media (max-width: 768px){.gallery-preview{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.avatar-image{width:100px;height:100px}.gallery-image,.gallery-video{height:100px}}.spinner-sm{width:14px;height:14px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite;display:inline-block}@media (max-width: 768px){.filter-buttons{gap:var(--spacing-xs)}.filter-buttons .btn-sm{font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-sm)}}.file-upload-zone{border:2px dashed var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-xl);text-align:center;background:var(--background-color);cursor:pointer;transition:all var(--transition-fast);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);min-height:120px;justify-content:center}.file-upload-zone:hover{border-color:var(--primary-color);background:var(--primary-color-10)}.file-upload-zone.dragging{border-color:var(--primary-color);background:var(--primary-color-20);transform:scale(1.02)}.file-upload-zone.multiple{min-height:100px;padding:var(--spacing-lg)}.upload-icon{color:var(--primary-color);opacity:.7}.upload-text{display:flex;flex-direction:column;gap:var(--spacing-xs)}.upload-title{font-weight:var(--font-weight-medium);color:var(--text-color);font-size:var(--font-size-base)}.upload-description{font-size:var(--font-size-sm);color:var(--text-secondary)}.file-input-hidden{display:none}.file-count{font-size:var(--font-size-sm);color:var(--primary-color);font-weight:var(--font-weight-medium);margin-left:var(--spacing-xs)}.file-preview-single{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--surface-color)}.image-container{position:relative;flex-shrink:0}.image-container:hover .image-overlay{opacity:1}.image-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);opacity:0;transition:var(--transition-fast);border-radius:var(--radius-md)}.btn-change-image{background:#fff3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;border:none;border-radius:50%;width:36px;height:36px;cursor:pointer;transition:var(--transition-fast);display:flex;align-items:center;justify-content:center}.btn-change-image:hover{background:#ffffff4d;transform:scale(1.1)}.btn-remove-image{background:var(--error-color);color:#fff;border:none;border-radius:var(--radius-sm);padding:var(--spacing-xs);cursor:pointer;transition:var(--transition-fast);display:flex;align-items:center;justify-content:center;min-width:28px;height:28px}.btn-remove-image:hover{background:var(--error-color-dark);transform:scale(1.05)}.preview-image{width:80px;height:80px;object-fit:cover;border-radius:var(--radius-md);flex-shrink:0}.file-info{flex:1;display:flex;flex-direction:column;gap:var(--spacing-xs)}.file-name{font-weight:var(--font-weight-medium);color:var(--text-color);font-size:var(--font-size-sm)}.file-size{font-size:var(--font-size-xs);color:var(--text-secondary)}.btn-remove{background:var(--error-color);color:#fff;border:none;border-radius:var(--radius-md);padding:var(--spacing-sm);cursor:pointer;transition:var(--transition-fast);display:flex;align-items:center;justify-content:center}.btn-remove:hover{background:var(--error-color-dark);transform:scale(1.05)}.files-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-md)}.file-preview-item{position:relative;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border-color);aspect-ratio:1;background:var(--surface-color)}.preview-thumbnail{width:100%;height:100%;object-fit:cover;display:block}.file-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000c);padding:var(--spacing-sm);display:flex;justify-content:space-between;align-items:flex-end;opacity:0;transition:var(--transition-fast)}.file-preview-item:hover .file-overlay{opacity:1}.file-overlay .file-name{color:#fff;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:var(--spacing-xs)}.btn-remove-small{background:var(--error-color);color:#fff;border:none;border-radius:var(--radius-sm);padding:var(--spacing-xs);cursor:pointer;transition:var(--transition-fast);display:flex;align-items:center;justify-content:center;min-width:24px;height:24px}.btn-remove-small:hover{background:var(--error-color-dark);transform:scale(1.1)}.main-image-preview{position:relative;display:flex;align-items:flex-start;gap:1rem;padding:var(--spacing-md);border:none;border-radius:var(--radius-md);background:var(--surface-color);transition:var(--transition-normal)}.main-image-container{position:relative;width:24rem;max-width:100%;flex-shrink:0;border-radius:var(--radius-lg);overflow:hidden}.main-image-container:hover .main-image-overlay{opacity:1}.main-image{width:100%;height:auto;display:block;object-fit:contain;transition:var(--transition-normal);max-height:28rem;border-radius:var(--radius-lg);border:none}.main-image-container:hover .main-image{transform:scale(1.05)}.main-image-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0009;opacity:0;transition:var(--transition-normal);display:flex;align-items:center;justify-content:center;gap:.5rem}.main-image-btn{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:var(--radius-full);background:#ffffffe6;color:var(--text-color);border:none;cursor:pointer;transition:var(--transition-fast);box-shadow:0 2px 4px #0003}.main-image-btn:hover{background:#fff;transform:scale(1.1)}.main-image-btn.btn-change{color:var(--primary-color)}.main-image-btn.btn-remove{color:var(--error-color)}.main-image-info{flex:1;display:flex;flex-direction:column;justify-content:center;min-height:6rem;padding:.5rem 0}.main-image-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-color);margin-bottom:.5rem;line-height:1.4}.main-image-size{font-size:var(--font-size-xs);color:var(--text-secondary);font-weight:var(--font-weight-normal)}.main-image-placeholder{width:24rem;height:14rem;flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px dashed var(--border-color);border-radius:var(--radius-lg);background:var(--surface-color);color:var(--text-secondary);transition:var(--transition-normal);cursor:pointer}.main-image-placeholder:hover{border-color:var(--primary-color);color:var(--primary-color);background:rgba(var(--primary-rgb),.02)}.main-image-placeholder .upload-icon{margin-bottom:.5rem;opacity:.6}.main-image-placeholder .upload-text{text-align:center}.main-image-placeholder .upload-title{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);margin-bottom:.25rem;display:block}.main-image-placeholder .upload-description{font-size:var(--font-size-xs);opacity:.7;line-height:1.3}@media (max-width: 768px){.file-upload-zone{padding:var(--spacing-lg);min-height:100px}.files-preview-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:var(--spacing-sm)}.file-preview-single{flex-direction:column;text-align:center}.preview-image{width:60px;height:60px}}.segments-container{display:flex;gap:.5rem;width:100%;padding:.5rem .5rem 1rem;overflow-x:auto;scroll-behavior:smooth}.segments-container::-webkit-scrollbar{height:6px}.segments-container::-webkit-scrollbar-track{background:var(--background-color);border-radius:3px}.segments-container::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.segments-container::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.segment-card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:.625rem;transition:all var(--transition-fast);display:flex;flex-direction:column;gap:.625rem;min-height:8.5rem;min-width:160px;flex:1;flex-shrink:0}.segment-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md);transform:translateY(-2px)}.segment-header{display:flex;align-items:flex-start;gap:.75rem;height:5.5rem}.segment-icon{width:2.5rem;height:2.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--transition-fast)}.segment-icon.low{background:#10b981;color:#fff}.segment-icon.inactive{background:#6b7280;color:#fff}.segment-icon.medium-low{background:#3b82f6;color:#fff}.segment-icon.medium{background:#8b5cf6;color:#fff}.segment-icon.high{background:#f59e0b;color:#fff}.segment-icon.maximum{background:#ef4444;color:#fff}.segment-info{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;min-height:3rem}.segment-title{font-weight:var(--font-weight-semibold);color:var(--text-color);font-size:var(--font-size-sm);line-height:1.2;min-height:1.5rem;display:flex;align-items:center}.segment-subtitle{font-size:var(--font-size-xs);color:var(--text-secondary);font-weight:var(--font-weight-normal);margin-top:.125rem;min-height:1.25rem;display:flex;align-items:center}.segment-stats{display:flex;align-items:center;justify-content:space-between;min-height:2rem}.segment-count{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--primary-color);line-height:1}.segment-percentage{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--text-secondary);background:var(--background-color);padding:.1875rem var(--spacing-xs);border-radius:var(--radius-sm);border:1px solid var(--border-color)}.segment-description{font-size:var(--font-size-xs);color:var(--text-secondary);line-height:1.3;margin-top:auto;min-height:1.5rem;display:flex;align-items:center}@media (max-width: 768px){.segments-container{gap:.5rem;padding:.5rem .5rem 1rem}.segment-card{padding:.5rem;gap:.375rem;min-height:8rem}.segment-header{height:4.5rem}.segment-info{min-height:2.5rem}.segment-count{font-size:var(--font-size-lg)}.segment-title{font-size:var(--font-size-xs);min-height:1.25rem}.segment-subtitle{font-size:.625rem;min-height:1rem}.segment-description{font-size:.625rem}}@media (max-width: 480px){.segments-container{gap:.375rem;padding:.5rem .5rem 1rem}.segment-card{min-height:7.5rem;padding:.5rem;gap:.5rem}.segment-header{gap:.5rem;height:4rem}.segment-info{min-height:2rem}.segment-icon{width:2rem;height:2rem}.segment-title{min-height:1rem}.segment-subtitle{min-height:.875rem}.segment-count{font-size:var(--font-size-base)}}.main-image-block{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-normal);position:relative}.main-image-block:hover{border-color:var(--primary-color);box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.image-format-header{padding:var(--spacing-sm) var(--spacing-md);background:var(--background-color);border-top:1px solid var(--border-color);display:flex;justify-content:flex-start;align-items:center}.format-info{display:flex;align-items:center;gap:var(--spacing-sm)}.format-filename{font-size:var(--font-size-sm);color:var(--text-secondary);font-style:italic}.format-badge{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.5px}.format-badge.webp,.format-badge.jpeg{background:var(--surface-color);color:var(--text-color);border:1px solid var(--border-color)}.image-preview-container{position:relative;min-height:400px;display:flex;align-items:center;justify-content:center;padding:var(--spacing-md);overflow:hidden}.main-image-preview{max-width:100%;max-height:400px;object-fit:contain;transition:all var(--transition-normal);border-radius:var(--radius-lg);border:none}.image-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#0009,#0000004d);display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);opacity:0;transition:all var(--transition-normal)}.image-preview-container:hover .image-overlay{opacity:1}.overlay-btn{padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;gap:var(--spacing-xs);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.change-btn{background:#ffffffe6;color:var(--text-color)}.change-btn:hover{background:#fff;transform:translateY(-2px)}.remove-btn{background:#ef4444e6;color:#fff}.remove-btn:hover{background:#dc2626;transform:translateY(-2px)}.upload-dropzone{min-height:400px;border:2px dashed var(--border-color);background:var(--background-color);transition:all var(--transition-fast);position:relative;border-radius:var(--radius-md);overflow:visible;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer}.upload-dropzone:hover{border-color:var(--primary-color);background:var(--surface-color)}.upload-dropzone.dragging{border-color:var(--primary-color);background:var(--primary-color-light);border-style:solid}.upload-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);height:400px;gap:var(--spacing-md);pointer-events:none;position:relative;z-index:1}.upload-placeholder *{pointer-events:none}.upload-icon-placeholder{color:var(--text-muted);opacity:.5}.upload-dropzone .image-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:transparent;display:flex;align-items:flex-start;justify-content:flex-end;padding:var(--spacing-md);opacity:1}.avatar-section .main-images-showcase .image-preview-container{display:flex!important;justify-content:center!important;align-items:center!important;min-height:150px!important}.avatar-section .main-images-showcase .main-image-preview{border-radius:50%!important;object-fit:cover!important;width:120px!important;height:120px!important}.upload-content{text-align:center;pointer-events:none}.upload-content h4{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-color);margin:0}.upload-content p{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0;opacity:.8}.image-info{padding:var(--spacing-md) var(--spacing-lg);background:var(--background-color);border-top:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-sm)}.file-name{font-weight:var(--font-weight-medium);color:var(--text-color);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-size{color:var(--text-secondary);font-weight:var(--font-weight-medium)}.file-placeholder{color:var(--text-secondary);font-style:italic}@media (max-width: 768px){.main-images-showcase{grid-template-columns:1fr;gap:var(--spacing-lg)}.image-format-header{padding:var(--spacing-sm) var(--spacing-md)}.format-benefits{flex-direction:column;gap:var(--spacing-xs)}.upload-dropzone{padding:var(--spacing-lg)}.upload-content h4{font-size:var(--font-size-sm)}}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(9.375rem,1fr));gap:1rem;margin-top:1rem}.gallery-item{position:relative;border-radius:var(--border-radius-md);overflow:hidden;background:var(--surface-color);border:1px solid var(--border-color);transition:var(--transition-normal)}.gallery-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--primary-color)}.gallery-image-container{position:relative;aspect-ratio:1;overflow:hidden;background:var(--background-light)}.gallery-image{width:100%;height:100%;object-fit:contain;transition:var(--transition-normal)}.gallery-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--background-light);color:var(--disabled-color)}.gallery-remove-btn-simple{position:absolute;top:.25rem;right:.25rem;background:var(--error-color);color:#fff;border:none;border-radius:50%;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-fast);z-index:20;opacity:.9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 2px 8px #0003;border:1px solid rgba(255,255,255,.2)}.gallery-remove-btn-simple:hover{background:var(--error-hover);transform:scale(1.1);opacity:1}.gallery-info{padding:.5rem;border-top:1px solid var(--border-color);background:var(--surface-color)}.gallery-filename{font-size:var(--font-size-xs);color:var(--text-secondary);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gallery-uploader .gallery-image-container{background:var(--background-light)}.gallery-upload-zone{width:100%;height:100%;display:flex;align-items:center;justify-content:center;cursor:pointer;border:2px dashed var(--border-color);transition:var(--transition-normal);background:var(--surface-color)}.gallery-upload-zone:hover{border-color:var(--primary-color);background:var(--primary-bg)}.gallery-upload-zone.dragging{border-color:var(--primary-color);background:var(--primary-bg);transform:scale(1.02)}.gallery-upload-content{text-align:center;padding:1rem}.gallery-upload-content .upload-icon{color:var(--primary-color);margin-bottom:.5rem}.upload-text{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-color);margin-bottom:.25rem}.upload-hint{display:block;font-size:var(--font-size-xs);color:var(--disabled-color)}.gallery-help{display:flex;align-items:flex-start;gap:.5rem;margin-top:1rem;padding:var(--spacing-sm);background:var(--surface-color);border-radius:var(--radius-sm);border-left:.1875rem solid var(--primary-color)}.gallery-help .help-icon{color:var(--primary-color);flex-shrink:0;margin-top:.125rem}.gallery-help .help-content{font-size:var(--font-size-xs);color:var(--text-secondary);line-height:1.4}@media (max-width: 768px){.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(7.5rem,1fr));gap:.75rem}.gallery-upload-content{padding:.75rem}.upload-text{font-size:var(--font-size-xs)}.upload-hint{display:none}}@media (max-width: 480px){.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(6.25rem,1fr));gap:.5rem}.gallery-upload-content .upload-icon{width:1.5rem;height:1.5rem}.gallery-info{padding:.375rem}.gallery-filename{font-size:.625rem}}@media (min-width: 1400px){.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(10rem,1fr));gap:1.25rem}}@media (min-width: 1600px){.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(11.25rem,1fr));gap:1.5rem}}.gallery-grid.dragging{-webkit-user-select:none;user-select:none}.sortable-item{position:relative;cursor:grab;transition:transform .2s ease,opacity .2s ease}.sortable-item:active{cursor:grabbing}.sortable-item.dragging{transform:rotate(2deg);box-shadow:0 10px 25px #0000004d;z-index:1000;opacity:.8}.drag-handle{position:absolute;top:.25rem;left:.25rem;background:#000000e6;color:#fff;border-radius:var(--border-radius-sm);padding:.375rem;display:flex;align-items:center;justify-content:center;opacity:.8;transition:opacity .2s ease;z-index:15;cursor:grab;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.2)}.sortable-item:hover .drag-handle{opacity:1}.gallery-info{display:flex;justify-content:space-between;align-items:center;margin-top:.5rem;padding:.5rem;border-top:1px solid var(--border-color);background:var(--surface-color)}.gallery-order{font-size:var(--font-size-xs);color:var(--text-muted);background:var(--background-secondary);padding:.125rem .375rem;border-radius:var(--border-radius-sm);font-weight:var(--font-weight-medium);min-width:2rem;text-align:center}.sortable-gallery .form-label{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.sortable-gallery .form-label .text-muted{opacity:.7}@keyframes dragPulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.sortable-item.dragging{animation:dragPulse 1s infinite}@media (max-width: 768px){.drag-handle{opacity:1;top:.25rem;left:.25rem;padding:.125rem}.sortable-item.dragging{transform:rotate(1deg);box-shadow:0 5px 15px #0003}.gallery-order{font-size:.625rem;padding:.0625rem .25rem}}.main-images-showcase{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl);margin-bottom:var(--spacing-lg)}.main-video-showcase{display:flex;flex-direction:column;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.main-video-block{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-normal);position:relative}.main-video-block:hover{border-color:var(--primary-color);box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.video-preview-container{position:relative;min-height:400px;display:flex;align-items:center;justify-content:center;padding:var(--spacing-md);overflow:hidden}.main-video-preview{max-width:100%;max-height:400px;object-fit:contain;transition:all var(--transition-normal);border-radius:var(--radius-lg);border:none}.video-upload-zone{min-height:400px;border:2px dashed var(--border-color);background:var(--background-color);transition:all var(--transition-fast);position:relative;border-radius:var(--radius-md);overflow:visible;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer}.video-upload-zone:hover{border-color:var(--primary-color);background:var(--surface-color)}.video-upload-zone.dragging{border-color:var(--primary-color);background:var(--primary-color-light);border-style:solid}.video-format-header{padding:var(--spacing-sm) var(--spacing-md);background:var(--background-color);border-top:1px solid var(--border-color);display:flex;justify-content:flex-start;align-items:center}.format-badge.video{background:linear-gradient(135deg,#8b5cf6,#a855f7);color:#fff;border:none}@media (max-width: 768px){.main-video-showcase{gap:var(--spacing-md)}.video-preview-container{min-height:300px;padding:var(--spacing-sm)}.main-video-preview{max-height:300px}.video-upload-zone{min-height:300px}}.main-audio-showcase{display:flex;flex-direction:column;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.main-audio-block{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-normal);position:relative}.main-audio-block:hover{border-color:var(--primary-color);box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.audio-preview-container{position:relative;min-height:120px;display:flex;align-items:center;justify-content:center;background:var(--background-color);padding:var(--spacing-lg)}.main-audio-preview{width:50%;height:54px;border-radius:var(--radius-md);background:var(--surface-color);border:1px solid var(--border-color)}.main-audio-preview::-webkit-media-controls-panel{background-color:var(--surface-color)}.audio-upload-zone{min-height:120px;display:flex;align-items:center;justify-content:center;background:var(--background-color);border:2px dashed var(--border-color);border-radius:var(--radius-lg);transition:all var(--transition-normal);cursor:pointer;position:relative}.audio-upload-zone:hover,.audio-upload-zone.dragging{border-color:var(--primary-color);background:rgba(var(--primary-color-rgb),.05)}.audio-upload-zone .upload-placeholder{text-align:center;color:var(--text-secondary);pointer-events:none}.audio-upload-zone .upload-icon-placeholder{color:var(--primary-color);margin-bottom:var(--spacing-sm);opacity:.7}.audio-format-header{padding:var(--spacing-md);background:var(--surface-color);border-top:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.format-badge.audio{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;padding:.25rem .5rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;text-transform:uppercase}.format-filename{font-size:.875rem;color:var(--text-secondary);font-family:var(--font-mono)}.login-container{display:flex;height:100vh;font-family:var(--font-family);background:var(--background-color);color:var(--text-color)}.login-image-section{flex:1;position:relative;background-image:url(/images/13.jpg);background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center}.login-image-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--background-color);opacity:.8;z-index:1}.login-logo{position:absolute;top:var(--spacing-2xl);left:var(--spacing-2xl);width:180px;z-index:2;animation:fadeInLogo 1s ease-out .5s both}.login-logo img{width:100%;height:auto;filter:brightness(1.1) drop-shadow(0 2px 8px rgba(0,0,0,.3))}.login-form-section{flex:2;display:flex;align-items:center;justify-content:center;padding:var(--spacing-2xl);animation:slideInRight .8s ease-out}@keyframes fadeInLogo{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}.login-form{background:var(--surface-color);padding:var(--spacing-2xl);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);width:100%;max-width:32rem;animation:slideIn var(--transition-slow) ease-out;position:relative;z-index:10;border:1px solid var(--border-color);transition:var(--transition-fast)}.login-form:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}@keyframes slideIn{0%{opacity:0;transform:translateY(var(--spacing-xl))}to{opacity:1;transform:translateY(0)}}.login-header{text-align:center;margin-bottom:var(--spacing-xl)}.login-header h1{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-sm) 0;background:var(--gradient-header);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;transition:var(--transition-fast);cursor:default;position:relative}.login-header h1:hover{transform:translateY(-2px) scale(1.02);filter:brightness(1.2)}.login-header p{color:var(--disabled-color);font-size:var(--font-size-base);margin:0;font-weight:var(--font-weight-medium)}.form-label{display:block;margin-bottom:var(--spacing-sm);font-weight:var(--font-weight-medium);color:var(--text-color);font-size:var(--font-size-sm)}.text-error{color:var(--error-color)}.form-input{width:100%;padding:var(--spacing-md);border:2px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--font-size-base);transition:var(--transition-fast);background:var(--background-color);color:var(--text-color);box-sizing:border-box;font-family:var(--font-family);min-height:var(--input-height-md);outline:none!important}.form-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #a084e826;outline:none!important}.form-input:disabled{background-color:var(--surface-hover);cursor:not-allowed;opacity:var(--opacity-disabled)}.captcha-container{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.captcha-image-wrapper{flex:1;min-height:3.125rem;display:flex;align-items:center;justify-content:center}.captcha-image{background:var(--background-color);border:2px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-sm);text-align:center;width:100%;min-height:3.125rem;display:flex;align-items:center;justify-content:center;transition:var(--transition-fast)}.captcha-image:hover{border-color:var(--primary-color)}.captcha-image svg{max-width:100%;height:auto;filter:contrast(1.2) brightness(1.1)}.captcha-loading{background:var(--surface-hover);border:2px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-md);text-align:center;color:var(--disabled-color);min-height:3.125rem;display:flex;align-items:center;justify-content:center;width:100%;font-size:var(--font-size-sm)}.captcha-refresh{background:var(--gradient-primary);color:#fff;border:none;padding:var(--spacing-md);border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-lg);transition:var(--transition-fast);min-width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm);outline:none!important}.captcha-refresh:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-md)}.captcha-refresh:disabled{background:var(--disabled-color);cursor:not-allowed;transform:none;box-shadow:none;opacity:var(--opacity-disabled)}.captcha-refresh:focus{outline:none!important}.login-button{width:100%;background:var(--gradient-primary);color:#fff;border:none;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:var(--transition-fast);display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);min-height:var(--button-height-md);box-shadow:var(--shadow-sm);outline:none!important}.login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg)}.login-button:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-sm)}.login-button:disabled{background:var(--disabled-color);cursor:not-allowed;transform:none;box-shadow:none;opacity:var(--opacity-disabled)}.login-button:focus{outline:none!important}.spinner{animation:spin 1s linear infinite;font-size:var(--font-size-base)}.error-message{background:#ff48481a;color:var(--error-color);padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);border:1px solid rgba(255,72,72,.2);display:flex;align-items:center;gap:var(--spacing-sm);animation:shake var(--transition-slow) ease-in-out;font-size:var(--font-size-sm)}.error-icon{font-size:var(--font-size-base);flex-shrink:0}.login-footer{text-align:center;margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--border-color)}.login-footer p{color:var(--disabled-color);font-size:var(--font-size-sm);margin:0;font-weight:var(--font-weight-normal)}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-var(--spacing-xs))}75%{transform:translate(var(--spacing-xs))}}@media (max-width: 1024px){.login-image-section{flex:.6}.login-form-section{flex:1.4}.login-form{max-width:28rem}}@media (max-width: 768px){.login-container{flex-direction:column;min-height:auto;height:auto}.login-image-section{background:none;height:auto;display:flex;justify-content:center;align-items:center;position:relative}.login-image-section:before{display:none}.login-logo{position:static;width:120px;margin:var(--spacing-xs) auto var(--spacing-xs) auto}.login-form-section{flex:1;padding:var(--spacing-xl);width:100%}.login-form{max-width:100%;padding:var(--spacing-2xl) var(--spacing-xl)}.login-header h1{font-size:var(--font-size-2xl)}.captcha-refresh{min-width:3rem;width:3rem;height:3rem;flex-shrink:0}}@media (max-width: 480px){.login-form-section{padding:var(--spacing-lg)}.login-form{padding:var(--spacing-xl) var(--spacing-lg)}.captcha-refresh{min-width:3rem;width:3rem;height:3rem;flex-shrink:0}}.form-input:focus,.form-input:focus-visible,.captcha-refresh:focus,.captcha-refresh:focus-visible,.login-button:focus,.login-button:focus-visible{outline:none!important;box-shadow:0 0 0 3px #a084e826!important}@media (prefers-color-scheme: dark){.login-container:before{opacity:.05}}.form-group{animation:fadeInUp .4s ease-out backwards}.form-group:nth-child(1){animation-delay:.1s}.form-group:nth-child(2){animation-delay:.2s}.form-group:nth-child(3){animation-delay:.3s}.login-button{animation-delay:.4s}.login-footer{animation-delay:.5s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(var(--spacing-md))}to{opacity:1;transform:translateY(0)}}.captcha-refresh svg{transition:transform var(--transition-fast)}.captcha-refresh:hover:not(:disabled) svg{transform:rotate(180deg)}.login-form *:focus{outline:none!important}.login-form *:focus-visible{outline:none!important}.loading-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--background-color);font-family:var(--font-family);position:relative;overflow:hidden}.loading-screen:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--gradient-header);opacity:.05;animation:pulse 3s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.05}50%{opacity:.15}}.loading-spinner{text-align:center;color:var(--text-color);position:relative;z-index:10;animation:fadeIn var(--transition-normal) ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(var(--spacing-md))}to{opacity:1;transform:translateY(0)}}.loading-spinner .spinner{width:2.5rem;height:2.5rem;border:.25rem solid rgba(160,132,232,.2);border-top:.25rem solid var(--primary-color);border-radius:var(--radius-full);animation:spin 1s linear infinite;margin:0 auto var(--spacing-md)}.loading-spinner p{color:var(--text-color);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);margin:0}.protected-content{min-height:100vh;background:var(--background-color)}.auth-header{background:var(--surface-color);padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:var(--z-sticky);box-shadow:var(--shadow-sm);backdrop-filter:blur(.5rem);-webkit-backdrop-filter:blur(.5rem);animation:slideDown var(--transition-normal) ease-out}.auth-info{display:flex;align-items:center;gap:var(--spacing-sm)}.auth-status{color:var(--success-color);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);display:flex;align-items:center;gap:var(--spacing-xs)}.auth-status:before{content:"✅";font-size:var(--font-size-sm)}.logout-button{background:var(--gradient-error);color:#fff;border:none;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:var(--transition-fast);display:flex;align-items:center;gap:var(--spacing-xs);box-shadow:var(--shadow-sm);min-height:var(--button-height-sm)}.logout-button:before{content:"🚪";font-size:var(--font-size-sm)}.logout-button:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.logout-button:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.logout-button:focus{outline:2px solid var(--error-color);outline-offset:2px}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@media (max-width: 48rem){.auth-header{padding:var(--spacing-sm) var(--spacing-md);flex-direction:column;gap:var(--spacing-sm)}.auth-status{font-size:var(--font-size-xs)}.logout-button{width:100%;justify-content:center}}@media (max-width: 30rem){.loading-spinner p{font-size:var(--font-size-sm)}.loading-spinner .spinner{width:2rem;height:2rem;border-width:.1875rem}.auth-header{position:static}}@media (prefers-reduced-motion: reduce){.loading-spinner .spinner,.logout-button,.auth-header,.loading-screen:before{animation:none}.logout-button:hover{transform:none}}@media (prefers-contrast: high){.auth-header{border-bottom-width:2px}.logout-button{border:2px solid currentColor}.auth-status{font-weight:var(--font-weight-bold)}}@media (prefers-color-scheme: dark){.loading-screen:before{opacity:.03}}.auth-status.connecting{color:var(--warning-color)}.auth-status.connecting:before{content:"🔄";animation:spin 2s linear infinite}.auth-status.error{color:var(--error-color)}.auth-status.error:before{content:"❌"}.mobile-menu-button{display:none;position:fixed;top:1rem;left:1rem;z-index:1001;width:3rem;height:3rem;background:var(--surface-color);border:.0625rem solid var(--border-color);border-radius:.5rem;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:.375rem;transition:all .3s ease;box-shadow:0 .25rem .75rem #0000001a}.mobile-menu-button:hover{background:var(--primary-color);border-color:var(--primary-color)}.mobile-menu-button span{width:1.5rem;height:.125rem;background:var(--text-color);border-radius:.0625rem;transition:all .3s ease;transform-origin:center}.mobile-menu-button:hover span{background:#fff}.mobile-menu-button.active span:nth-child(1){transform:rotate(45deg) translate(.375rem,.375rem)}.mobile-menu-button.active span:nth-child(2){opacity:0}.mobile-menu-button.active span:nth-child(3){transform:rotate(-45deg) translate(.375rem,-.375rem)}.mobile-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:999;opacity:0;animation:fadeIn .3s ease forwards}@keyframes fadeIn{to{opacity:1}}.admin-sidebar{width:var(--sidebar-width);height:100vh;background:var(--background-color);border-right:.0625rem solid var(--border-color);display:flex;flex-direction:column;position:fixed;left:0;top:0;z-index:1000;transition:width .3s cubic-bezier(.4,0,.2,1),z-index 0s;overflow:hidden}.admin-sidebar.collapsed{width:var(--sidebar-width-collapsed)!important}.sidebar-header{display:flex;align-items:center;justify-content:center;padding:1rem;border-bottom:.0625rem solid var(--border-color);min-height:4.5rem;height:4.5rem}.sidebar-logo{display:flex;align-items:center;justify-content:center;width:100%}.sidebar-logo-img{height:2.5rem;width:auto;max-width:100%;border-radius:.375rem;object-fit:contain;flex-shrink:0;transition:all .3s ease}.sidebar-logo-fallback{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;background:var(--primary-color);border-radius:.375rem;color:#fff;flex-shrink:0;transition:all .3s ease}.admin-sidebar.collapsed .sidebar-logo-fallback{width:1.5rem;height:1.5rem}.admin-sidebar.collapsed .sidebar-logo-img{height:2rem;width:auto}.sidebar-logo-text{display:none}.sidebar-footer{padding:.75rem;border-top:.0625rem solid var(--border-color);display:flex;justify-content:space-between;align-items:center;gap:.75rem}.admin-sidebar.collapsed .sidebar-footer{justify-content:center;gap:0}.sidebar-logout{display:flex;align-items:center;gap:.5rem;background:none;border:none;color:var(--disabled-color);font-size:.875rem;padding:.375rem .5rem;border-radius:.375rem;cursor:pointer;transition:var(--transition-fast);text-decoration:none;font-family:inherit}.sidebar-logout:hover{color:var(--text-color);background:#ffffff0d}.logout-text{font-size:.875rem;transition:var(--transition-fast)}.logout-text.collapsed,.admin-sidebar.collapsed .sidebar-logout{display:none}.admin-sidebar.collapsed:hover:not(.toggling) .sidebar-logout{display:flex}.admin-sidebar.collapsed:hover:not(.toggling) .logout-text{display:block}.sidebar-time{display:flex;flex-direction:column;gap:.125rem;color:var(--text-muted);font-size:.75rem;line-height:1.2}.sidebar-time-value{font-weight:600;color:var(--text-color);font-size:.875rem}.sidebar-time-label{font-size:.625rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.025rem}.sidebar-time.collapsed{display:none}.admin-sidebar.collapsed:hover:not(.toggling) .sidebar-footer{justify-content:space-between;gap:.75rem}.sidebar-toggle{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;background:transparent;border:.0625rem solid var(--border-color);border-radius:.375rem;color:var(--text-muted);cursor:pointer;transition:all .2s ease;flex-shrink:0}.sidebar-toggle:hover{background:var(--surface-color);color:var(--primary-color);border-color:var(--primary-color)}.sidebar-nav{flex:1;padding:1rem 0;overflow-y:auto;overflow-x:hidden}.sidebar-nav::-webkit-scrollbar{width:.25rem}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:.125rem}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.nav-section{margin-bottom:.25rem}.nav-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem .75rem 0;margin:0 .5rem;border-radius:.5rem;color:var(--text-muted);text-decoration:none;font-size:.875rem;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative}.nav-content{display:flex;align-items:center;gap:.75rem;flex:1;min-width:0;padding-left:1rem}.nav-item:hover{background:var(--surface-color);color:var(--disabled-color);transform:translate(.125rem);box-shadow:0 .125rem .5rem #bdbdbd1a}.nav-item.active{background:var(--primary-color);color:#fff;box-shadow:0 .125rem .5rem #a084e84d;transform:translate(0)}.nav-item.active:hover{color:#fff;transform:translate(0)}.nav-item.expandable{cursor:pointer}.nav-section.expanded{background:#a084e80d;border-radius:8px;margin:0 8px;padding:4px}.nav-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:1.25rem;height:1.25rem}.nav-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:1;transition:opacity .2s ease}.admin-sidebar.collapsed .nav-text{opacity:0;width:0;pointer-events:none;transition:opacity .3s ease,width .3s ease;overflow:hidden;white-space:nowrap}.nav-arrow{display:flex;align-items:center;justify-content:center;width:1rem;height:1rem;flex-shrink:0;transition:transform .2s ease}.nav-item.expandable.expanded .nav-arrow{transform:rotate(0)}.nav-submenu{overflow:hidden;transition:max-height .3s cubic-bezier(.4,0,.2,1),opacity .2s ease;max-height:0;opacity:0}.nav-submenu.expanded{max-height:31.25rem;opacity:1}.nav-submenu.collapsed{max-height:0;opacity:0}.submenu-item{margin-left:1rem;padding:.5rem 1rem;border-radius:.375rem;color:var(--text-muted);font-size:.8rem;transition:all .2s cubic-bezier(.4,0,.2,1);border-left:.125rem solid transparent}.submenu-item:hover{background:var(--surface-color);color:var(--disabled-color);transform:translate(.125rem);box-shadow:0 .125rem .5rem #bdbdbd1a}.submenu-item.active{background:var(--primary-color);color:#fff;box-shadow:0 .125rem .5rem #a084e84d;transform:translate(0)}.submenu-item.active:hover{color:#fff;transform:translate(0)}.admin-sidebar.collapsed .nav-item{justify-content:space-between;padding:.75rem .5rem .75rem 0;margin:0 .25rem;position:relative;transition:padding .2s ease,margin .2s ease}.admin-sidebar.collapsed .nav-item[data-tooltip]:hover:before{content:attr(data-tooltip);position:absolute;left:calc(100% + .5rem);top:50%;transform:translateY(-50%);background:var(--gradient-primary);color:#fff;padding:.5rem .75rem;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);white-space:nowrap;z-index:1100;border:1px solid var(--primary-color);box-shadow:var(--shadow-glow);pointer-events:none;animation:sidebarTooltipFadeIn .2s ease-out}.admin-sidebar.collapsed .nav-item[data-tooltip]:hover:after{content:"";position:absolute;left:calc(100% + .25rem);top:50%;transform:translateY(-50%);width:0;height:0;border-style:solid;border-width:.375rem .375rem .375rem 0;border-color:transparent var(--primary-color) transparent transparent;z-index:1100;pointer-events:none}.admin-sidebar.collapsed:hover:not(.toggling) .nav-item[data-tooltip]:hover:before,.admin-sidebar.collapsed:hover:not(.toggling) .nav-item[data-tooltip]:hover:after{display:none!important}@keyframes sidebarTooltipFadeIn{0%{opacity:0;transform:translateY(-50%) translate(-.25rem)}to{opacity:1;transform:translateY(-50%) translate(0)}}.admin-sidebar.collapsed .nav-content{justify-content:flex-start;gap:0;padding-left:1.375rem;transition:gap .2s ease,padding-left .2s ease}.admin-sidebar.collapsed .nav-arrow,.admin-sidebar.collapsed .nav-submenu{display:none}.admin-sidebar.collapsed .nav-section.expanded{background:transparent;border-radius:0;margin:0;padding:0}.admin-sidebar.collapsed .nav-icon{width:1.25rem;height:1.25rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.admin-sidebar.collapsed .nav-item.active{background:transparent;color:var(--text-color);box-shadow:none;border-radius:.5rem}.admin-sidebar.collapsed .nav-item:hover{background:var(--surface-color);color:var(--text-color);border-radius:.5rem;transform:none}.admin-sidebar.collapsed .nav-item.active:hover{background:var(--primary-color);color:#fff;transform:none}.admin-sidebar.collapsed .nav-item.active:before{display:none}@media (min-width: 48.0625rem){.admin-sidebar.collapsed:hover:not(.toggling){width:var(--sidebar-width)!important;box-shadow:.25rem 0 1rem #0003;z-index:1010}.admin-sidebar.collapsed:hover:not(.toggling) .nav-text{opacity:1!important;width:auto!important;max-width:none!important;pointer-events:auto!important;overflow:visible!important;display:inline-block!important;white-space:nowrap!important}.admin-sidebar.collapsed:hover:not(.toggling) .nav-content{justify-content:flex-start!important;gap:.75rem!important;padding-left:1rem!important;display:flex!important;align-items:center!important;flex:1!important;min-width:0!important}.admin-sidebar.collapsed:hover:not(.toggling) .nav-item{justify-content:space-between!important;padding:.75rem 1rem .75rem 0!important;margin:0 .5rem!important}.admin-sidebar.collapsed:hover:not(.toggling) .nav-arrow{display:flex!important}.admin-sidebar.collapsed:hover:not(.toggling) .nav-submenu{display:block!important}.admin-sidebar.collapsed:hover:not(.toggling) .nav-section.expanded{background:#a084e80d!important;border-radius:8px!important;margin:0 8px!important;padding:4px!important}.admin-sidebar.collapsed:hover:not(.toggling) .sidebar-footer{justify-content:space-between!important;gap:.75rem!important}.admin-sidebar.collapsed:hover:not(.toggling) .sidebar-logout{display:flex!important}.admin-sidebar.collapsed:hover:not(.toggling) .logout-text{display:block!important}.admin-sidebar.collapsed:hover:not(.toggling) .sidebar-time{display:flex!important}.admin-sidebar.collapsed:hover:not(.toggling) .nav-icon{width:1.25rem!important;height:1.25rem!important;flex-shrink:0!important}.admin-sidebar.collapsed:hover:not(.toggling) .sidebar-logo-img{height:2.5rem!important}.admin-sidebar.collapsed:hover:not(.toggling) .sidebar-logo-fallback{width:2.5rem!important;height:2.5rem!important}.admin-sidebar.collapsed:hover:not(.toggling) .nav-item.active:before{opacity:0!important}.admin-sidebar.collapsed:hover:not(.toggling) .nav-item[title]:hover:after,.admin-sidebar.collapsed:hover:not(.toggling) .nav-item[title]:hover:before{display:none!important}.admin-sidebar.collapsed:hover:not(.toggling) .submenu-item{justify-content:flex-start!important;padding:.5rem 1rem!important;margin-left:1rem!important}.admin-sidebar.collapsed:hover:not(.toggling) .submenu-item .nav-text{opacity:1!important;width:auto!important;display:inline-block!important}.admin-sidebar.collapsed:hover:not(.toggling) .nav-item.active{background:var(--primary-color)!important;color:#fff!important;box-shadow:0 .125rem .5rem #a084e84d!important}.admin-layout:has(.admin-sidebar.collapsed:hover:not(.toggling)) .admin-content{margin-left:var(--sidebar-width)!important;transition:margin-left .3s cubic-bezier(.4,0,.2,1)}}@media (max-width: 64rem){.mobile-menu-button{display:flex}.mobile-overlay{display:block}.admin-sidebar{transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);width:var(--sidebar-width);z-index:1000}.admin-sidebar.mobile-open{transform:translate(0)}.admin-sidebar.collapsed{width:var(--sidebar-width-collapsed)!important}.sidebar-footer{display:none}.admin-sidebar.collapsed .nav-item[data-tooltip]:hover:before,.admin-sidebar.collapsed .nav-item[data-tooltip]:hover:after{display:none}.admin-sidebar.collapsed:hover:not(.toggling){width:var(--sidebar-width-collapsed);box-shadow:none}.admin-sidebar.collapsed:hover:not(.toggling) .nav-text,.admin-sidebar.collapsed:hover:not(.toggling) .nav-arrow,.admin-sidebar.collapsed:hover:not(.toggling) .nav-submenu{opacity:0!important;width:0!important;display:none!important}.admin-sidebar.collapsed:hover:not(.toggling) .nav-content{justify-content:center!important;gap:0!important}.admin-sidebar.collapsed:hover:not(.toggling) .nav-item{justify-content:center!important;padding:.75rem .5rem!important;margin:0 .25rem!important}}@media (max-width: 48rem){.admin-sidebar{width:100%;max-width:20rem}.nav-item{padding:1rem}.nav-icon{width:1.5rem;height:1.5rem}.mobile-menu-button{width:3.5rem;height:3.5rem}.admin-sidebar .nav-item[data-tooltip]:hover:before,.admin-sidebar .nav-item[data-tooltip]:hover:after{display:none!important}}.admin-layout{display:flex;min-height:100vh;background:var(--background-color);font-family:var(--font-family)}.admin-sidebar{width:var(--sidebar-width);flex-shrink:0;border-right:.0625rem solid var(--border-color);background:var(--surface-color);transition:var(--transition-normal);z-index:var(--z-fixed, 100)}.admin-layout .admin-content{flex:1;margin-left:var(--sidebar-width)!important;display:flex;flex-direction:column;min-width:0;background:var(--background-color);transition:margin-left .3s cubic-bezier(.4,0,.2,1);min-height:100vh}.admin-layout .admin-content.sidebar-collapsed{margin-left:var(--sidebar-width-collapsed)!important}.admin-main{flex:1;padding:2rem;width:100%;box-sizing:border-box;animation:fadeInUp .4s ease-out}@media (max-width: 64rem){.admin-layout .admin-content,.admin-layout .admin-content.sidebar-collapsed{margin-left:0!important;padding-top:5rem}.admin-main{padding-top:1rem}}@media (max-width: 48rem){.admin-layout .admin-content,.admin-layout .admin-content.sidebar-collapsed{padding-top:6rem}.admin-main{padding:1rem}}@media (max-width: 30rem){.admin-main{padding:.5rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(1.25rem)}to{opacity:1;transform:translateY(0)}}.layout-transition{transition:margin-left var(--transition-normal)}@media (max-width: 480px){.content-wrapper{padding:var(--spacing-sm)}}.page-template{width:100%;min-height:100%;animation:fadeInUp .4s ease-out}.breadcrumbs{display:flex;align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-lg);font-size:var(--font-size-sm)}.breadcrumb{display:flex;align-items:center;gap:var(--spacing-xs)}.breadcrumb-link{color:var(--primary-color);text-decoration:none;transition:var(--transition-fast)}.breadcrumb-link:hover{color:var(--primary-hover);text-decoration:underline}.breadcrumb-current{color:#ffffffb3;font-weight:500}.breadcrumb-disabled{color:#fff6!important;cursor:default!important;text-decoration:none!important;pointer-events:none}.breadcrumb-text{color:#fff9}.breadcrumb-separator{color:#ffffff80;margin:0 var(--spacing-xs)}.page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--border-color)}.page-title-section{display:flex;align-items:flex-start;gap:var(--spacing-md);flex:1}.page-icon{font-size:var(--font-size-3xl);filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));flex-shrink:0;margin-top:var(--spacing-xs)}.page-title-content{flex:1}.page-title{font-size:var(--font-size-3xl);font-weight:700;color:var(--text-color);margin:0 0 var(--spacing-xs) 0;background:var(--gradient-header);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.page-subtitle{font-size:var(--font-size-lg);color:#ffffffb3;margin:0;line-height:1.4}.page-actions{display:flex;align-items:center;gap:var(--spacing-md);flex-shrink:0}.page-content{width:100%}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--spacing-2xl);background:var(--gradient-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);min-height:400px}.empty-state-icon{font-size:4rem;margin-bottom:var(--spacing-lg);filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.empty-state-title{font-size:var(--font-size-2xl);font-weight:600;color:var(--text-color);margin:0 0 var(--spacing-md) 0;background:var(--gradient-header);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.empty-state-description{font-size:var(--font-size-lg);color:#ffffffb3;margin:0;max-width:500px;line-height:1.6}@media (max-width: 767px){.page-header{flex-direction:column;gap:var(--spacing-lg);align-items:stretch}.page-title-section{flex-direction:column;gap:var(--spacing-sm);align-items:flex-start}.page-icon{font-size:var(--font-size-2xl);margin-top:0}.page-title{font-size:var(--font-size-2xl)}.page-subtitle{font-size:var(--font-size-base)}.page-actions{width:100%;justify-content:stretch}.page-actions>*{flex:1}.empty-state{padding:var(--spacing-xl);min-height:300px}.empty-state-icon{font-size:3rem}.empty-state-title{font-size:var(--font-size-xl)}.empty-state-description{font-size:var(--font-size-base)}}@media (min-width: 768px) and (max-width: 1023px){.page-title{font-size:calc(var(--font-size-3xl) * .9)}.page-subtitle{font-size:var(--font-size-base)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.empty-state{animation:fadeInUp .6s ease-out}.empty-state:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);transition:var(--transition-normal)}.page-empty-state{min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.page-empty-icon{font-size:4rem;color:var(--disabled-color);margin-bottom:var(--spacing-lg);opacity:var(--opacity-subtle)}.page-empty-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--text-color);margin-bottom:var(--spacing-sm);text-align:center}.page-empty-description{font-size:var(--font-size-base);color:var(--disabled-color);text-align:center;max-width:400px;line-height:1.6}button,.btn,input[type=button],input[type=submit],input[type=reset]{outline:none!important}button:focus,.btn:focus,input[type=button]:focus,input[type=submit]:focus,input[type=reset]:focus{outline:none!important;box-shadow:none!important}button:active,.btn:active,input[type=button]:active,input[type=submit]:active,input[type=reset]:active{outline:none!important}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);border:none;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast);text-decoration:none;white-space:nowrap;-webkit-user-select:none;user-select:none;min-height:var(--button-height-md);outline:none}.p-1{padding:var(--spacing-sm)!important;gap:var(--spacing-xs)}.ml-1{margin-left:var(--spacing-xs)}.hover\:bg-gray-100:hover:not(:disabled){background-color:#0006!important;border-radius:var(--radius-md)}.step-delete-btn:hover:not(:disabled){background-color:#0006!important;color:var(--error-color)!important;border-radius:var(--radius-md)}.step-content-wrapper{overflow:hidden;transition:max-height .3s ease,opacity .3s ease}.step-content-expanded{max-height:9999px;opacity:1}.step-content-collapsed{max-height:0;opacity:0}.step-expand-btn{transition:transform .3s ease}.step-expand-btn.expanded{transform:rotate(180deg)}.btn:focus{outline:none}.btn:active{outline:none}.btn:disabled{opacity:var(--opacity-disabled);cursor:not-allowed;pointer-events:none}.btn-sm{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm);min-height:var(--button-height-sm)}.btn-lg{padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-lg);min-height:var(--button-height-lg)}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary{background:var(--gradient-secondary);color:#fff;box-shadow:var(--shadow-sm)}.btn-secondary:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-outline{background:transparent;color:var(--primary-color);border:2px solid var(--primary-color)}.btn-outline:hover:not(:disabled){background:var(--primary-color);color:#fff}.btn-ghost{background:transparent;color:var(--text-color)}.btn-ghost:hover:not(:disabled){background:var(--surface-color)}.btn-success{background:var(--gradient-success);color:#fff}.btn-warning{background:var(--gradient-warning);color:#fff}.btn-error{background:var(--gradient-error);color:#fff}.card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:var(--transition-fast);overflow:hidden}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-header{padding:var(--spacing-lg) var(--spacing-lg) var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between}.card-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0;color:var(--text-color)}.card-subtitle{font-size:var(--font-size-sm);color:var(--disabled-color);margin:var(--spacing-xs) 0 0 0}.card-content,.card-body{padding:var(--spacing-lg)}.card-footer{padding:var(--spacing-md) var(--spacing-lg) var(--spacing-lg) var(--spacing-lg);border-top:1px solid var(--border-color);display:flex;gap:var(--spacing-md);justify-content:flex-end}.card-gradient{background:var(--gradient-card);border:none}.card-primary{border-color:var(--primary-color);box-shadow:var(--shadow-glow)}.stat-card{background:var(--gradient-card);border-radius:var(--radius-lg);padding:var(--spacing-lg);text-align:center;transition:var(--transition-fast);border:1px solid transparent;min-height:120px;display:flex;flex-direction:column;justify-content:center}.stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary-color)}.stat-value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--primary-color);margin-bottom:var(--spacing-xs);display:block}.stat-label{font-size:var(--font-size-sm);color:var(--disabled-color);text-transform:uppercase;letter-spacing:.5px}.stat-change{font-size:var(--font-size-xs);margin-top:var(--spacing-xs);display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs)}.stat-change.positive{color:var(--success-color)}.metric-card{background:var(--gradient-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:var(--transition-fast);box-shadow:var(--shadow-sm);position:relative;overflow:hidden;display:flex;align-items:center;gap:var(--spacing-lg)}.metric-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary);opacity:0;transition:var(--transition-fast)}.metric-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px);border-color:var(--primary-color)}.metric-card:hover:before{opacity:1}.metric-icon-wrapper{width:56px;height:56px;border-radius:var(--radius-lg);background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;overflow:hidden}.metric-icon-wrapper:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,#ffffff1a,#fff0);pointer-events:none}.metric-icon-wrapper.premium{background:var(--gradient-warning)}.metric-icon-wrapper.likes,.metric-icon-wrapper.success{background:var(--gradient-success)}.metric-icon-wrapper.dislikes,.metric-icon-wrapper.error{background:var(--gradient-error)}.metric-icon-wrapper.info{background:linear-gradient(135deg,#2196f3,#1976d2)}.metric-icon-wrapper.secondary{background:var(--gradient-secondary)}.metric-icon-wrapper svg{color:#fff;z-index:1;position:relative}.metric-content{flex:1;min-width:0}.metric-title{font-size:var(--font-size-sm);color:var(--disabled-color);margin-bottom:var(--spacing-xs);text-transform:uppercase;letter-spacing:.5px;font-weight:var(--font-weight-medium);line-height:1.2}.metric-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-color);line-height:1;display:flex;align-items:baseline;gap:var(--spacing-sm);flex-wrap:wrap}.metric-percentage{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--disabled-color);background:var(--gradient-card);padding:2px 6px;border-radius:var(--radius-sm);border:1px solid var(--border-color);white-space:nowrap}.metric-subtitle{font-size:var(--font-size-xs);color:var(--disabled-color);margin-top:var(--spacing-xs);line-height:1.3}.metric-icon{font-size:var(--font-size-3xl);opacity:.8;margin-left:var(--spacing-md)}.stat-change.negative{color:var(--error-color)}.form-group{margin-bottom:var(--spacing-lg)}.form-label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-color);margin-bottom:var(--spacing-sm)}.form-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-base);border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--surface-color);color:var(--text-color);transition:var(--transition-fast);min-height:var(--input-height-md)}.form-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #a084e81a;outline:none}.form-input::placeholder{color:var(--disabled-color)}.form-input.error{border-color:var(--error-color)}.form-error{font-size:var(--font-size-xs);color:var(--error-color);margin-top:var(--spacing-xs)}.form-help{font-size:var(--font-size-xs);color:var(--disabled-color);margin-top:var(--spacing-xs)}.form-select,.pagination-select{width:100%;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--surface-color);background-image:linear-gradient(135deg,var(--surface-color) 0%,rgba(160,132,232,.02) 100%);color:var(--text-color);transition:all var(--transition-fast);min-height:var(--input-height-md);cursor:pointer;box-shadow:0 1px 3px #0000000d}.form-textarea{width:100%;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--surface-color);background-image:linear-gradient(135deg,var(--surface-color) 0%,rgba(160,132,232,.02) 100%);color:var(--text-color);transition:all var(--transition-fast);min-height:80px;resize:vertical;box-shadow:0 1px 3px #0000000d;font-family:inherit}.form-select,.pagination-select{background-image:linear-gradient(135deg,var(--surface-color) 0%,rgba(160,132,232,.02) 100%),url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right var(--spacing-sm) center,right var(--spacing-sm) center;background-repeat:no-repeat,no-repeat;background-size:auto,16px;padding-right:calc(var(--spacing-md) + 20px);appearance:none;-webkit-appearance:none;-moz-appearance:none}.form-select:focus,.pagination-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #a084e826,0 4px 12px #a084e81a;outline:none;background-image:linear-gradient(135deg,var(--surface-color) 0%,rgba(160,132,232,.05) 100%),url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23a084e8' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");transform:translateY(-1px)}.form-textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #a084e826,0 4px 12px #a084e81a;outline:none;background-image:linear-gradient(135deg,var(--surface-color) 0%,rgba(160,132,232,.05) 100%);transform:translateY(-1px)}.form-select:hover:not(:focus),.pagination-select:hover:not(:focus){border-color:#a084e84d;box-shadow:0 2px 8px #a084e814;background-image:linear-gradient(135deg,var(--surface-color) 0%,rgba(160,132,232,.03) 100%),url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23a084e8' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e")}.form-checkbox{display:inline-flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;line-height:1.2;outline:none!important}.form-checkbox:focus,.form-checkbox:active,.form-checkbox:focus-visible,.form-checkbox:focus-within{outline:none!important;outline-width:0!important;outline-style:none!important;outline-color:transparent!important;box-shadow:none!important}.form-checkbox input[type=checkbox]{position:absolute;opacity:0;cursor:pointer;width:0;height:0;outline:none!important;border:none!important;box-shadow:none!important}.form-checkbox input[type=checkbox]:focus{outline:none!important;box-shadow:none!important}.form-checkbox input[type=checkbox]:focus-visible{outline:none!important;box-shadow:none!important}.form-checkbox:focus{outline:none!important}.form-checkbox label:focus{outline:none!important}.form-checkbox *:focus{outline:none!important;box-shadow:none!important}.form-checkbox input[type=checkbox]:focus,.form-checkbox input[type=checkbox]:active,.form-checkbox input[type=checkbox]:focus-visible,.form-checkbox input[type=checkbox]:focus-within{outline:0!important;outline:none!important;outline-width:0!important;outline-style:none!important;outline-color:transparent!important;box-shadow:none!important;border:none!important}.form-checkbox *,.form-checkbox *:focus,.form-checkbox *:active,.form-checkbox *:focus-visible,.form-checkbox *:focus-within{outline:none!important;outline-width:0!important;outline-style:none!important;outline-color:transparent!important;box-shadow:none!important}.form-checkbox:focus-visible,.form-checkbox input[type=checkbox]:focus-visible{outline:none!important;outline:0!important}.form-checkbox .checkbox-custom{position:relative;display:inline-block;width:20px;height:20px;background:var(--surface-color);border:2px solid var(--border-color);border-radius:4px;transition:all .3s cubic-bezier(.25,.8,.25,1);flex-shrink:0}.form-checkbox .checkbox-custom:before{content:"";position:absolute;top:50%;left:50%;width:10px;height:6px;border:2px solid white;border-top:none;border-right:none;transform:translate(-50%,-60%) rotate(-45deg) scale(0);transition:all .2s cubic-bezier(.25,.8,.25,1);opacity:0}.form-checkbox input[type=checkbox]:checked+.checkbox-custom{background:var(--gradient-primary);border-color:var(--primary-color);box-shadow:0 0 0 3px #a084e833}.form-checkbox input[type=checkbox]:checked+.checkbox-custom:before{transform:translate(-50%,-60%) rotate(-45deg) scale(1);opacity:1}.form-checkbox:hover .checkbox-custom{border-color:var(--primary-color);box-shadow:0 0 0 3px #a084e81a}.form-checkbox input[type=checkbox]:focus+.checkbox-custom{outline:none;box-shadow:0 0 0 3px #a084e84d}.form-checkbox:active .checkbox-custom{transform:scale(.95)}.form-checkbox.checkbox-sm .checkbox-custom{width:16px;height:16px}.form-checkbox.checkbox-sm .checkbox-custom:before{width:8px;height:5px}.form-checkbox.checkbox-lg .checkbox-custom{width:24px;height:24px}.form-checkbox.checkbox-lg .checkbox-custom:before{width:12px;height:7px}.form-checkbox.checkbox-success input[type=checkbox]:checked+.checkbox-custom{background:var(--gradient-success);border-color:var(--success-color);box-shadow:0 0 0 3px #22c55e33}.form-checkbox.checkbox-success:hover .checkbox-custom{border-color:var(--success-color);box-shadow:0 0 0 3px #22c55e1a}.form-checkbox.checkbox-warning input[type=checkbox]:checked+.checkbox-custom{background:var(--gradient-warning);border-color:var(--warning-color);box-shadow:0 0 0 3px #f59e0b33}.form-checkbox.checkbox-warning:hover .checkbox-custom{border-color:var(--warning-color);box-shadow:0 0 0 3px #f59e0b1a}.form-checkbox.checkbox-error input[type=checkbox]:checked+.checkbox-custom{background:var(--gradient-error);border-color:var(--error-color);box-shadow:0 0 0 3px #ef444433}.form-checkbox.checkbox-error:hover .checkbox-custom{border-color:var(--error-color);box-shadow:0 0 0 3px #ef44441a}.form-checkbox.checkbox-disabled{opacity:.6;cursor:not-allowed}.form-checkbox.checkbox-disabled .checkbox-custom{background:var(--disabled-background);border-color:var(--disabled-border);cursor:not-allowed}.form-checkbox.checkbox-disabled input[type=checkbox]:checked+.checkbox-custom{background:var(--disabled-background);border-color:var(--disabled-border);box-shadow:none}.checkbox-group{display:flex;flex-direction:column;gap:8px}.checkbox-group.inline{flex-direction:row;gap:16px}.checkbox-group.inline .form-checkbox{flex:0 0 auto}.form-radio{display:inline-flex;align-items:center;gap:8px;cursor:pointer}.form-radio input[type=radio]{width:20px;height:20px;margin:0;cursor:pointer;accent-color:var(--primary-color);outline:none}.form-radio input[type=radio]:focus{outline:none;box-shadow:none}.form-row{display:flex;gap:var(--spacing-md);align-items:end}.form-row .form-group{flex:1;margin-bottom:0}.form-inline{display:flex;align-items:center;gap:var(--spacing-md)}.form-inline .form-group{margin-bottom:0}.table-container{background:var(--surface-color);border-radius:var(--radius-lg);overflow-x:auto;overflow-y:hidden;box-shadow:var(--shadow-sm);border:1px solid var(--border-color);max-width:100%;scrollbar-width:thin;scrollbar-color:var(--border-color) var(--surface-color)}.table-container::-webkit-scrollbar{height:8px}.table-container::-webkit-scrollbar-track{background:var(--surface-color);border-radius:var(--radius-sm)}.table-container::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-sm);transition:var(--transition-fast)}.table-container::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}.table{width:100%;border-collapse:collapse;margin:0;min-width:600px}.table th{background:var(--gradient-card);padding:var(--spacing-md) var(--spacing-sm);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);color:var(--text-color);text-align:left;border-bottom:2px solid var(--border-color);white-space:nowrap;position:sticky;top:0;z-index:10}.table td{padding:var(--spacing-md) var(--spacing-sm);border-bottom:1px solid var(--border-color);color:var(--text-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.table td.no-wrap{white-space:nowrap}.table td.wrap{white-space:normal;max-width:300px}.table td.actions{white-space:nowrap;width:1%;padding-right:var(--spacing-lg)}.table tr:hover{background:#a084e80d}.table tr:last-child td{border-bottom:none}.table:not(.table-container .table){display:block;overflow-x:auto;white-space:nowrap;scrollbar-width:thin;scrollbar-color:var(--border-color) var(--surface-color)}.table:not(.table-container .table)::-webkit-scrollbar{height:8px}.table:not(.table-container .table)::-webkit-scrollbar-track{background:var(--surface-color);border-radius:var(--radius-sm)}.table:not(.table-container .table)::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-sm);transition:var(--transition-fast)}.table:not(.table-container .table)::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}.badge{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.5px}.badge-primary{background:var(--gradient-primary);color:#fff}.badge-secondary{background:var(--gradient-secondary);color:#fff}.badge-success{background:var(--gradient-success);color:#fff}.badge-warning{background:var(--gradient-warning);color:#fff}.badge-error{background:var(--gradient-error);color:#fff}.badge-outline{background:transparent;border:1px solid var(--border-color);color:var(--text-color)}.card-title .badge{margin-left:var(--spacing-sm)}.alert{padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);display:flex;align-items:flex-start;gap:var(--spacing-sm)}.alert-success{background:#4caf501a;border:1px solid var(--success-color);color:var(--success-color)}.alert-warning{background:#ff98001a;border:1px solid var(--warning-color);color:var(--warning-color)}.alert-error{background:#ff48481a;border:1px solid var(--error-color);color:var(--error-color)}.alert-info{background:#2196f31a;border:1px solid var(--info-color);color:var(--info-color)}.progress{width:100%;height:8px;background:var(--surface-color);border-radius:var(--radius-full);overflow:hidden;margin:var(--spacing-sm) 0}.progress-bar{height:100%;background:var(--gradient-primary);border-radius:var(--radius-full);transition:width var(--transition-normal)}.progress-bar.success{background:var(--gradient-success)}.progress-bar.warning{background:var(--gradient-warning)}.progress-bar.error{background:var(--gradient-error)}.loading{display:inline-block;width:20px;height:20px;border:2px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-color);animation:spin 1s ease-in-out infinite}.loading-lg{width:40px;height:40px;border-width:4px}.empty-state{text-align:center;padding:var(--spacing-3xl) var(--spacing-lg);color:var(--disabled-color)}.empty-state-icon{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-lg);opacity:var(--opacity-subtle)}.empty-state-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-color);margin-bottom:var(--spacing-sm)}.empty-state-description{font-size:var(--font-size-base);margin-bottom:var(--spacing-lg)}.avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:var(--gradient-primary);color:#fff;font-weight:var(--font-weight-semibold);overflow:hidden}.avatar-sm{width:32px;height:32px;font-size:var(--font-size-sm)}.avatar-md{width:40px;height:40px;font-size:var(--font-size-base)}.avatar-lg{width:56px;height:56px;font-size:var(--font-size-lg)}.avatar img{width:100%;height:100%;object-fit:cover}.switch{position:relative;display:inline-block;width:48px;height:24px}.switch input{opacity:0;width:0;height:0}.switch-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:var(--border-color);transition:var(--transition-fast);border-radius:var(--radius-full)}.switch-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background:#fff;transition:var(--transition-fast);border-radius:var(--radius-full)}.switch input:checked+.switch-slider{background:var(--primary-color)}.switch input:checked+.switch-slider:before{transform:translate(24px)}@media (max-width: 768px){.card,.stat-card{padding:var(--spacing-md)}.stat-value{font-size:var(--font-size-2xl)}.table{min-width:500px}.table th,.table td{padding:var(--spacing-sm) var(--spacing-xs);font-size:var(--font-size-sm);max-width:150px}.table td.wrap{max-width:200px}.btn{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm)}}@media (max-width: 480px){.table{min-width:400px}.table th,.table td{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);max-width:120px}.table td.wrap{max-width:150px}.table th{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold)}}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);width:100%}@media (min-width: 1024px) and (max-width: 1279px){.metrics-grid{grid-template-columns:repeat(4,1fr)!important;gap:.75rem!important}}@media (min-width: 1280px) and (max-width: 1399px){.metrics-grid{grid-template-columns:repeat(4,1fr)!important;gap:1rem!important}}@media (min-width: 1400px){.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-xl)}}@media (min-width: 1024px) and (max-width: 1399px){.admin-main .metrics-grid,.card .metrics-grid,div.metrics-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:.75rem!important;width:100%!important;margin-bottom:var(--spacing-xl)!important}}@media (min-width: 1600px){.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-2xl)}}@media (min-width: 1920px){.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--spacing-2xl)}}@media (min-width: 769px) and (max-width: 1023px){.metrics-grid{grid-template-columns:repeat(3,1fr);gap:var(--spacing-md)}}@media (max-width: 768px){.metrics-grid{grid-template-columns:1fr;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.metric-card{padding:var(--spacing-md)}.metric-card{gap:var(--spacing-md)}.metric-icon-wrapper{width:48px;height:48px}.metric-icon-wrapper svg{width:20px;height:20px}.metric-value{font-size:var(--font-size-xl);flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.metric-percentage{font-size:var(--font-size-xs);align-self:flex-start}.metric-subtitle{font-size:var(--font-size-xs);margin-top:var(--spacing-xs)}}@media (max-width: 480px){.metrics-grid{gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.metric-card{padding:var(--spacing-sm) var(--spacing-md);gap:var(--spacing-sm)}.metric-icon-wrapper{width:40px;height:40px}.metric-icon-wrapper svg{width:18px;height:18px}.metric-title{font-size:var(--font-size-xs)}.metric-value{font-size:var(--font-size-lg)}}@media (max-width: 320px){.metrics-grid{margin:0 calc(-1 * var(--spacing-sm));margin-bottom:var(--spacing-md)}.metric-card{border-radius:var(--radius-md);margin:0 var(--spacing-sm);gap:var(--spacing-xs)}.metric-icon-wrapper{width:36px;height:36px}.metric-icon-wrapper svg{width:16px;height:16px}.metric-value{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);flex-direction:column;align-items:center;gap:var(--spacing-xs)}.metric-percentage{font-size:var(--font-size-xs)}.metric-subtitle{text-align:center;font-size:var(--font-size-xs)}}.filter-group{margin-bottom:var(--spacing-lg)}.filter-group:last-child{margin-bottom:0}.filter-buttons{display:flex;gap:var(--spacing-sm);flex-wrap:wrap;align-items:center}.filter-buttons .btn-sm{white-space:nowrap;font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md)}.filter-buttons .btn-sm:hover{transform:translateY(-1px)}.character-card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-sm);transition:var(--transition-fast);min-height:320px;max-width:350px;width:100%;display:flex;flex-direction:column;justify-self:center;overflow:hidden}.character-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px);border-color:var(--primary-color)}.character-header{display:flex;align-items:flex-start;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);flex-shrink:0;padding:0}.character-avatar{width:60px;height:60px;border-radius:var(--radius-lg);overflow:hidden;flex-shrink:0;background:var(--gradient-card);display:flex;align-items:center;justify-content:center}.character-avatar img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{font-size:var(--font-size-xl);color:var(--primary-color)}.character-info{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;text-align:left}.character-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-color);margin-bottom:var(--spacing-xs);display:flex;align-items:center;line-height:1.2}.character-meta{display:flex;flex-direction:column;gap:var(--spacing-xs);align-items:flex-start}.character-appid{font-size:var(--font-size-xs);color:var(--disabled-color);font-family:monospace;text-align:left}.character-category{margin-bottom:var(--spacing-sm)}.character-description{font-size:var(--font-size-sm);color:var(--disabled-color);line-height:1.4;margin-bottom:var(--spacing-md);display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex-shrink:0;height:66px}.character-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm);margin-bottom:var(--spacing-md);padding:var(--spacing-md);background:var(--gradient-card);border-radius:var(--radius-md);flex-shrink:0}.stat{text-align:center;padding:var(--spacing-xs)}.stat-value{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-xs)}.stat-label{font-size:var(--font-size-xs);color:var(--disabled-color);text-transform:uppercase;letter-spacing:.5px}.character-actions{margin-top:auto;display:flex;gap:var(--spacing-sm);flex-shrink:0;align-items:center}.character-actions .btn{width:100%;justify-content:center}@media (max-width: 768px){.character-card{max-width:none;min-height:280px}.character-header{flex-direction:column;align-items:center;text-align:center}.character-avatar{width:80px;height:80px}.character-stats{grid-template-columns:repeat(4,1fr)}}.characters-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--spacing-xl);justify-items:center;align-items:stretch;grid-auto-rows:1fr}@media (max-width: 768px){.characters-grid{grid-template-columns:1fr;gap:var(--spacing-lg)}}.pagination-container{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-lg);margin-top:var(--spacing-xl);padding:var(--spacing-lg);background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-lg);flex-wrap:wrap}.pagination-info{color:var(--disabled-color);font-size:var(--font-size-sm);white-space:nowrap}.pagination-controls{display:flex;align-items:center;gap:var(--spacing-xs)}.pagination-pages{display:flex;align-items:center;gap:2px}.pagination-btn{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 var(--spacing-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);background:transparent;border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-color);cursor:pointer;transition:var(--transition-fast);text-decoration:none;-webkit-user-select:none;user-select:none}.pagination-btn:hover:not(:disabled){background:var(--primary-color);color:#fff;border-color:var(--primary-color);transform:translateY(-1px)}.pagination-btn:disabled{opacity:var(--opacity-disabled);cursor:not-allowed;background:var(--background-color);color:var(--disabled-color)}.pagination-btn-active{background:var(--gradient-primary);color:#fff;border-color:var(--primary-color);box-shadow:var(--shadow-sm)}.pagination-btn-active:hover{transform:none;background:var(--gradient-primary)}.pagination-btn-prev,.pagination-btn-next{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.pagination-btn-dots{cursor:default;border:none;background:transparent;color:var(--disabled-color)}.pagination-btn-dots:hover{background:transparent;transform:none;border:none}.pagination-options{display:flex;align-items:center;gap:var(--spacing-lg);flex-wrap:wrap}.pagination-jumper,.pagination-per-page{display:flex;align-items:center;gap:var(--spacing-sm);white-space:nowrap}.pagination-jumper label,.pagination-per-page label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-color)}.pagination-select{padding:var(--spacing-xs) calc(var(--spacing-sm) + 20px) var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);min-width:70px;width:auto;background-size:auto,14px}.custom-select{position:relative;display:inline-block;width:100%}.custom-select-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--surface-color);background-image:linear-gradient(135deg,var(--surface-color) 0%,rgba(160,132,232,.02) 100%);color:var(--text-color);cursor:pointer;transition:all var(--transition-fast);min-height:var(--input-height-md);box-shadow:0 1px 3px #0000000d;-webkit-user-select:none;user-select:none}.custom-select-trigger:hover:not(.custom-select-disabled .custom-select-trigger){border-color:#a084e84d;box-shadow:0 2px 8px #a084e814;background-image:linear-gradient(135deg,var(--surface-color) 0%,rgba(160,132,232,.03) 100%)}.custom-select-open{border-color:var(--primary-color)!important;box-shadow:0 0 0 3px #a084e826,0 4px 12px #a084e81a!important;background-image:linear-gradient(135deg,var(--surface-color) 0%,rgba(160,132,232,.05) 100%)!important}.custom-select-value{flex:1;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.custom-select-arrow{color:var(--disabled-color);transition:all var(--transition-fast);flex-shrink:0;margin-left:var(--spacing-sm)}.custom-select-arrow-up{transform:rotate(180deg);color:var(--primary-color)}.custom-select-dropdown{position:absolute;top:100%;left:0;right:0;z-index:var(--z-popover);margin-top:4px;background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:0 10px 25px #0000001a,0 4px 6px #0000000d;overflow:hidden;animation:customSelectSlideDown .2s ease-out}.custom-select-dropdown-up{top:auto;bottom:100%;margin-top:0;margin-bottom:4px;animation:customSelectSlideUp .2s ease-out}@keyframes customSelectSlideDown{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes customSelectSlideUp{0%{opacity:0;transform:translateY(10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.custom-select-search{padding:var(--spacing-sm);border-bottom:1px solid var(--border-color);background:#a084e805}.custom-select-search-input{width:100%;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--surface-color);color:var(--text-color);outline:none;transition:var(--transition-fast)}.custom-select-search-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #a084e81a}.custom-select-options{max-height:200px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border-color) var(--surface-color)}.custom-select-options::-webkit-scrollbar{width:6px}.custom-select-options::-webkit-scrollbar-track{background:var(--surface-color)}.custom-select-options::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-sm)}.custom-select-options::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}.custom-select-option{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-base);color:var(--text-color);cursor:pointer;transition:var(--transition-fast);border-bottom:1px solid rgba(160,132,232,.05)}.custom-select-option:last-child{border-bottom:none}.custom-select-option:hover{background:#a084e814;color:var(--primary-color)}.custom-select-option-selected{background:#a084e81a;color:var(--primary-color);font-weight:var(--font-weight-semibold)}.custom-select-option-selected:hover{background:#a084e826}.custom-select-option-label{flex:1;text-align:left}.custom-select-option-check{color:var(--primary-color);flex-shrink:0;margin-left:var(--spacing-sm)}.custom-select-no-options{padding:var(--spacing-md);text-align:center;color:var(--disabled-color);font-style:italic;font-size:var(--font-size-sm)}.custom-select-sm .custom-select-trigger{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);min-height:32px}.custom-select-sm .custom-select-arrow{width:14px;height:14px}.custom-select-lg .custom-select-trigger{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-lg);min-height:48px}.custom-select-lg .custom-select-arrow{width:20px;height:20px}.custom-select-disabled{opacity:var(--opacity-disabled);pointer-events:none}.custom-select-disabled .custom-select-trigger{cursor:not-allowed;background:var(--background-color);color:var(--disabled-color)}.pagination-custom-select{width:auto;min-width:70px}.pagination-custom-select .custom-select-trigger{min-height:32px;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm)}.form-custom-select{width:100%;position:relative}.form-custom-select .custom-select-trigger{min-height:var(--input-height-md);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-base)}.card-content .form-custom-select,.form-group .form-custom-select{position:relative;z-index:1}.card-content .form-custom-select .custom-select-dropdown,.form-group .form-custom-select .custom-select-dropdown{z-index:var(--z-popover)}.card,.card-content{overflow:visible}@media (max-width: 768px){.pagination-container{flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-md)}.pagination-info{order:1;text-align:center}.pagination-controls{order:2;justify-content:center}.pagination-options{order:3;justify-content:center;flex-direction:column;gap:var(--spacing-sm)}.pagination-jumper,.pagination-per-page{justify-content:center}.pagination-pages{gap:1px}.pagination-btn{min-width:32px;height:32px;font-size:var(--font-size-xs)}}.drag-handle{display:flex;align-items:center;justify-content:center;padding:var(--spacing-xs);cursor:grab;color:var(--disabled-color);transition:var(--transition-fast);border-radius:var(--radius-sm)}.drag-handle:hover{color:var(--primary-color);background:var(--surface-hover)}.drag-handle:active{cursor:grabbing}.dragging{opacity:.5;background:var(--primary-light);transform:rotate(2deg);box-shadow:var(--shadow-lg)}.platform-cell{display:flex;align-items:center;gap:var(--spacing-sm)}.platform-icon{display:flex;align-items:center;justify-content:center;min-width:24px}.text-blue-500{color:#3b82f6}.text-blue-400{color:#60a5fa}.text-blue-600{color:#2563eb}.text-pink-500{color:#ec4899}.text-red-500{color:#ef4444}.text-gray-500{color:#6b7280}.platform-name{font-weight:var(--font-weight-medium);text-transform:capitalize}.description-cell{max-width:300px;line-height:1.4}.reward-amount{font-weight:var(--font-weight-semibold);color:var(--success-color)}.stats-cell{display:flex;flex-direction:column;gap:var(--spacing-xs)}.stat-item{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--disabled-color)}.stat-item svg{flex-shrink:0}.action-buttons{display:flex;gap:var(--spacing-xs);align-items:center}.action-buttons .btn{padding:var(--spacing-xs);min-width:32px;height:32px}.data-table td:first-child{width:40px;text-align:center}.data-table td:last-child{width:140px;text-align:center}@media (max-width: 768px){.platform-cell{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.stats-cell{flex-direction:row;gap:var(--spacing-md)}.action-buttons{flex-direction:column;gap:var(--spacing-xs)}.description-cell{max-width:200px}}@media (max-width: 480px){.pagination-pages{max-width:200px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.pagination-pages::-webkit-scrollbar{display:none}.pagination-btn{min-width:28px;height:28px;flex-shrink:0}}.campaign-name-link{color:var(--text-color);text-align:left;transition:var(--transition-fast);cursor:pointer;font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);background:none;border:none;padding:0;display:block;width:100%}.campaign-name-link:hover{color:var(--primary-hover)}.automation-step-card{margin-bottom:var(--spacing-lg)}.automation-step-card:last-child{margin-bottom:0}.metric-priority-critical{border-left:4px solid var(--error-color);background:linear-gradient(135deg,rgba(220,38,127,.05),transparent)}.metric-priority-high{border-left:4px solid var(--warning-color);background:linear-gradient(135deg,rgba(245,158,11,.05),transparent)}.metric-priority-medium{border-left:4px solid var(--primary-color);background:linear-gradient(135deg,rgba(160,132,232,.05),transparent)}.metric-priority-low{border-left:4px solid var(--disabled-color);background:linear-gradient(135deg,rgba(156,163,175,.05),transparent)}.priority-indicator{position:relative;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:var(--surface-hover);transition:all var(--transition-fast)}.priority-indicator:hover{transform:scale(1.1);background:var(--primary-color);color:#fff}.priority-indicator[data-tooltip]:hover:before{content:attr(data-tooltip);position:absolute;top:-35px;left:50%;transform:translate(-50%);background:var(--surface-color);color:var(--text-color);padding:4px 8px;border-radius:var(--radius-xs);font-size:11px;white-space:nowrap;box-shadow:var(--shadow-md);border:1px solid var(--border-color);z-index:1000}.chart-placeholder{transition:all var(--transition-fast)}.chart-placeholder:hover{background:var(--surface-color);border-color:var(--primary-color);color:var(--primary-color)}.card-footer .btn{font-size:14px;padding:6px 12px}@media (max-width: 768px){.grid-2{grid-template-columns:1fr}.metric-value{font-size:24px!important}.chart-placeholder{height:40px!important}}.dashboard-card-title{display:flex;align-items:center;gap:10px}.dashboard-card-title .icon{flex-shrink:0}.dashboard-card-title .title-text{flex:1}.dashboard-tooltip{margin-left:auto}.dashboard-metric-value{font-size:2rem;font-weight:700;color:var(--primary-color);margin-bottom:8px}.dashboard-metric-description{font-size:.875rem;color:var(--text-muted);margin-bottom:8px;font-style:italic;line-height:1.4}.dashboard-metric-subtitle{font-size:.875rem;color:var(--disabled-color);margin-bottom:16px}.dashboard-chart-placeholder{height:60px;background:var(--surface-hover);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--disabled-color);font-size:.75rem;border:1px dashed var(--border-color)}.dashboard-tooltip-wrapper{position:absolute;top:var(--spacing-md);right:var(--spacing-md);z-index:10}.dashboard-tooltip-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:var(--radius-full);background:var(--surface-hover);color:var(--disabled-color);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);cursor:help;transition:all var(--transition-fast);border:1px solid var(--border-color);opacity:0;visibility:hidden}.dashboard-tooltip-icon:hover{background:var(--primary-hover);transform:scale(1.1)}.dashboard-tooltip-text{visibility:hidden;width:280px;background:var(--surface-color);color:var(--text-color);text-align:left;border-radius:var(--radius-md);padding:var(--spacing-md);position:absolute;z-index:var(--z-tooltip);top:125%;right:0;font-size:var(--font-size-xs);line-height:1.4;box-shadow:var(--shadow-lg);border:1px solid var(--border-color);opacity:0;transform:translateY(-10px);transition:all var(--transition-fast)}.dashboard-tooltip-wrapper:hover .dashboard-tooltip-text{visibility:visible;opacity:1;transform:translateY(0)}.dashboard-metric-card{position:relative}.dashboard-metric-card:hover .dashboard-tooltip-icon{opacity:1;visibility:visible}.file-change-btn,.audio-change-btn,.video-change-btn{position:absolute;top:1rem;left:1rem;z-index:100}.file-upload-btn,.audio-upload-btn,.video-upload-btn{position:absolute;top:1rem;right:1rem;z-index:100}.preview-video,.preview-audio{width:100%;max-width:300px;border-radius:8px;margin-bottom:.5rem}.preview-video{max-height:200px;object-fit:cover}.preview-audio{height:40px}.file-preview-single:has(.preview-video),.file-preview-single:has(.preview-audio){display:flex;flex-direction:column;align-items:flex-start;gap:.5rem}.toast{position:fixed;top:var(--spacing-lg);right:var(--spacing-lg);z-index:9999;min-width:320px;max-width:480px;padding:var(--spacing-md);border-radius:var(--radius-lg);display:flex;align-items:flex-start;gap:var(--spacing-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);animation:toastSlideIn .3s cubic-bezier(.34,1.56,.64,1);transition:all .3s cubic-bezier(.4,0,.2,1)}.toast.toast-exit{animation:toastSlideOut .3s cubic-bezier(.4,0,1,.4)}@keyframes toastSlideIn{0%{transform:translate(100%) scale(.95);opacity:0}to{transform:translate(0) scale(1);opacity:1}}@keyframes toastSlideOut{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(100%) scale(.95);opacity:0}}.toast:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl)}.toast-success{background:linear-gradient(135deg,#4caf5026,#4caf500d);border-color:var(--success-color);color:var(--success-color)}.toast-error{background:linear-gradient(135deg,#ff484826,#ff48480d);border-color:var(--error-color);color:var(--error-color)}.toast-warning{background:linear-gradient(135deg,#ff980026,#ff98000d);border-color:var(--warning-color);color:var(--warning-color)}.toast-info{background:linear-gradient(135deg,#2196f326,#2196f30d);border-color:var(--info-color);color:var(--info-color)}.toast-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:var(--radius-md);margin-top:2px}.toast-success .toast-icon{background:#4caf5033}.toast-error .toast-icon{background:#ff484833}.toast-warning .toast-icon{background:#ff980033}.toast-info .toast-icon{background:#2196f333}.toast-content{flex:1;line-height:1.4;padding-top:2px}.toast-close{flex-shrink:0;background:none;border:none;color:inherit;cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;opacity:.7;transition:all var(--transition-fast);margin-top:-2px}.toast-close:hover{opacity:1;background:#ffffff1a;transform:scale(1.1)}.toast-close:active{transform:scale(.95)}.toast-progress{position:absolute;bottom:0;left:0;height:3px;background:currentColor;border-radius:0 0 var(--radius-lg) var(--radius-lg);opacity:.3;animation:toastProgress linear}@keyframes toastProgress{0%{width:100%}to{width:0%}}.toast-container{position:fixed;top:var(--spacing-lg);right:var(--spacing-lg);z-index:9999;pointer-events:none}.toast-container .toast{position:relative;top:auto;right:auto;margin-bottom:var(--spacing-sm);pointer-events:auto}.toast-container .toast:last-child{margin-bottom:0}@media (max-width: 768px){.toast,.toast-container{top:var(--spacing-md);right:var(--spacing-md);left:var(--spacing-md);min-width:auto;max-width:none}.toast{font-size:var(--font-size-xs)}}@media (max-width: 480px){.toast,.toast-container{top:var(--spacing-sm);right:var(--spacing-sm);left:var(--spacing-sm)}.toast{padding:var(--spacing-sm);gap:var(--spacing-xs)}}@media (prefers-color-scheme: dark){.toast{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-color:#ffffff26}.toast-success{background:linear-gradient(135deg,#4caf5033,#4caf5014)}.toast-error{background:linear-gradient(135deg,#ff484833,#ff484814)}.toast-warning{background:linear-gradient(135deg,#ff980033,#ff980014)}.toast-info{background:linear-gradient(135deg,#2196f333,#2196f314)}}.confirm-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,var(--opacity-overlay));display:flex;justify-content:center;align-items:center;z-index:var(--z-modal);animation:fadeIn var(--transition-fast)}.confirm-modal{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:0;position:relative;box-shadow:var(--shadow-xl);min-width:400px;max-width:500px;animation:fadeInUp var(--transition-normal);overflow:hidden}.confirm-content{display:flex;flex-direction:column}.confirm-header{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--border-color)}.confirm-header-primary{background:var(--gradient-primary);color:#fff;border-bottom-color:var(--primary-color)}.confirm-header-danger{background:var(--gradient-error);color:#fff;border-bottom-color:var(--error-color)}.confirm-header-warning{background:var(--gradient-warning);color:#fff;border-bottom-color:var(--warning-color)}.confirm-header-info{background:var(--gradient-primary);color:#fff;border-bottom-color:var(--primary-color)}.confirm-icon{display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.confirm-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0;line-height:1.2;flex:1}.confirm-close{background:transparent;border:none;color:#fffc;cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-sm);transition:var(--transition-fast);display:flex;align-items:center;justify-content:center;margin-left:auto}.confirm-close:hover:not(:disabled){background:#ffffff1a;color:#fff}.confirm-close:disabled{opacity:.5;cursor:not-allowed}.confirm-message{padding:var(--spacing-xl);font-size:var(--font-size-base);color:var(--text-color);line-height:1.6;text-align:left}.confirm-buttons{display:flex;gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-xl);background:#ffffff05;border-top:1px solid var(--border-color);justify-content:flex-end}.confirm-buttons .button{min-width:100px;padding:var(--spacing-sm) var(--spacing-lg);font-weight:500;transition:all var(--transition-fast)}.confirm-buttons .button:disabled{opacity:.6;cursor:not-allowed}.confirm-buttons .button .spinner-sm{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite;display:inline-block}@media (max-width: 768px){.confirm-modal{margin:var(--spacing-md);min-width:auto;max-width:calc(100vw - 2 * var(--spacing-md))}.confirm-buttons{flex-direction:column-reverse}.confirm-buttons .button{width:100%;min-width:auto}}@media (max-width: 480px){.confirm-header{padding:var(--spacing-md) var(--spacing-lg)}.confirm-message{padding:var(--spacing-lg)}.confirm-buttons{padding:var(--spacing-md) var(--spacing-lg)}.confirm-icon{font-size:1.25rem}.confirm-title{font-size:var(--font-size-base)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.rotating{animation:spin 1s linear infinite}.generated-data{display:flex;flex-direction:column;gap:1.5rem}.data-fields-compact{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}.data-field{border:1px solid var(--border-color, #e5e7eb);border-radius:.5rem;padding:1rem}.data-field-compact{max-width:400px}.data-field-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.data-field-header label{font-weight:600;color:var(--text-color, #1f2937);flex:1}.copy-btn{background:none;border:none;padding:.25rem;cursor:pointer;color:var(--muted-color, #6b7280);transition:color .2s}.copy-btn:hover{color:var(--primary-color, #3b82f6)}.data-field-value code{background:var(--surface, #f8fafc);color:var(--text-muted, #64748b);padding:.375rem .5rem;border-radius:.375rem;border:1px solid var(--border, #e2e8f0);font-family:ui-monospace,SFMono-Regular,SF Mono,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.75rem;display:block;width:100%;overflow-x:auto;white-space:nowrap;line-height:1.2}.price-value{display:flex;align-items:center;gap:.5rem}.price-main{font-size:1.25rem;font-weight:600;color:var(--success-color, #10b981)}.price-original{font-size:1rem;color:var(--muted-color, #6b7280);text-decoration:line-through}.description-value textarea{width:100%;border:1px solid var(--border-color, #e5e7eb);border-radius:.25rem;padding:.5rem;resize:vertical}.generation-summary{background:var(--gradient-card, linear-gradient(135deg, #667eea 0%, #764ba2 100%));border:1px solid var(--border-color, #e2e8f0);padding:1.5rem;border-radius:var(--radius-lg, .75rem);margin-top:1.5rem;box-shadow:var(--shadow-sm, 0 1px 3px rgba(0, 0, 0, .1));transition:var(--transition-fast, all .2s ease);position:relative;overflow:hidden}.generation-summary:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary, linear-gradient(90deg, #3b82f6 0%, #1d4ed8 100%));opacity:.8}.generation-summary:hover{box-shadow:var(--shadow-lg, 0 10px 25px rgba(0, 0, 0, .1));transform:translateY(-2px);border-color:var(--primary-color, #3b82f6)}.generation-summary h4{font-size:1rem;font-weight:600;color:#fff;margin-bottom:1rem;text-transform:uppercase;letter-spacing:.5px}.generation-summary h4 svg{color:#fff}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem}.summary-item{display:flex;flex-direction:column;gap:.25rem;padding:.75rem;background:#ffffff1a;border-radius:var(--radius-md, .5rem);border:1px solid rgba(255,255,255,.2);transition:var(--transition-fast, all .2s ease)}.summary-item:hover{background:#ffffff26;transform:translateY(-1px)}.summary-item label{font-size:.75rem;font-weight:500;color:var(--disabled-color, rgba(15, 23, 42, .6));text-transform:uppercase;letter-spacing:.5px}.summary-item span{font-size:.875rem;font-weight:600;color:var(--text-color, #1e293b)}.instructions-container{display:flex;flex-direction:column;gap:1.5rem}.data-value-compact{display:flex;align-items:center;gap:.5rem;background:#fff;padding:.5rem .75rem;border-radius:.375rem;border:1px solid rgba(255,255,255,.3)}.data-value-compact code,.data-value-compact span{font-size:.875rem;font-weight:600;color:var(--text-foreground, #1e293b)}.copy-btn-mini{background:none;border:none;padding:.125rem;cursor:pointer;color:var(--muted-color, #6b7280)}.instruction-step{display:flex;gap:1rem;padding:1.5rem 0;border-bottom:1px solid var(--border, #e2e8f0);transition:all .2s}.instruction-step:last-child{border-bottom:none}.instructions-container .instructions-list .instruction-step .step-number{flex-shrink:0;width:2rem;height:2rem;border-radius:50%;background:var(--primary-color);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem}.verification-container{display:flex;flex-direction:column;gap:1.5rem}.status-badge{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.5px}.status-idle{background:var(--gradient-secondary);color:#fff}.status-checking,.status-activating{background:var(--gradient-primary);color:#fff}.status-success{background:var(--gradient-success);color:#fff}.status-failed{background:var(--gradient-error);color:#fff}.results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-top:1rem}.result-item{display:flex;align-items:center;gap:.75rem;padding:1rem;border-radius:.375rem;border:1px solid var(--border, #e2e8f0);font-size:.875rem;font-weight:500}.result-item.success{background:#4caf501a;border-color:var(--success-color);color:var(--success-color)}.result-item.error{background:#ff48481a;border-color:var(--error-color);color:var(--error-color)}.result-item.warning{background:#ff98001a;border-color:var(--warning-color);color:var(--warning-color)}.result-item small{word-break:break-word;overflow-wrap:break-word;white-space:normal;max-width:100%;display:block;margin-top:.25rem;line-height:1.4}.verification-help{margin-top:1.5rem}.manual-input-group{display:flex;gap:.75rem;align-items:center;margin-top:1rem}.manual-input-group .form-control{flex:1;min-width:0}.links-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:1rem}.link-item{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:var(--border-radius-md);background:transparent;color:var(--text-color);text-decoration:none;transition:var(--transition-fast)}.link-item:hover{background:var(--background-secondary);border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-1px)}.mappings-compact{max-height:400px;overflow-y:auto}.compact-list{display:flex;flex-direction:column;gap:.5rem}.compact-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;border:1px solid var(--border-color, #e5e7eb);border-radius:.25rem;background:#fff}.telegram-preview-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.telegram-preview-container{background:#fff;border-radius:12px;max-width:380px;width:100%;max-height:85vh;overflow:hidden;box-shadow:0 8px 32px #0006;position:relative;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.telegram-header{background:#517da2;color:#fff;padding:8px 16px;display:flex;align-items:center;gap:12px;position:relative;min-height:56px}.telegram-avatar{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;color:#fff;flex-shrink:0;box-shadow:0 2px 4px #0003}.telegram-channel-info{flex:1;min-width:0}.telegram-channel-name{font-weight:500;font-size:16px;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.telegram-channel-subtitle{font-size:14px;opacity:.8;margin:2px 0 0;line-height:1.2}.telegram-close-btn{background:none;border:none;color:#fff;font-size:24px;cursor:pointer;padding:4px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s;opacity:.8}.telegram-close-btn:hover{background:#ffffff26;opacity:1}.telegram-body{padding:0;max-height:calc(85vh - 56px);overflow-y:auto;background:#fff}.telegram-message{padding:12px 16px 16px;background:#fff;position:relative}.telegram-media{margin-bottom:8px;border-radius:8px;overflow:hidden;position:relative}.telegram-media img,.telegram-media video{width:100%;height:auto;display:block}.telegram-image{border-radius:8px;overflow:hidden;position:relative}.telegram-media-content{width:100%;max-height:300px;object-fit:cover;display:block;border-radius:8px}.telegram-video{border-radius:8px;overflow:hidden;position:relative}.telegram-video-container{position:relative;display:inline-block;width:100%}.telegram-video-container video{width:100%;max-height:300px;object-fit:cover;display:block}.telegram-play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#0009;border-radius:50%;width:72px;height:72px;display:flex;align-items:center;justify-content:center;pointer-events:none;transition:all .2s}.telegram-video-container:hover .telegram-play-button{background:#000c;transform:translate(-50%,-50%) scale(1.1)}.telegram-media-placeholder{background:#f1f3f4;height:180px;display:flex;align-items:center;justify-content:center;color:#8e8e93;font-size:14px;border-radius:8px;flex-direction:column;gap:8px}.telegram-content{font-size:16px;line-height:1.35;color:#000;word-wrap:break-word;white-space:pre-wrap;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.telegram-content a{color:#168acd;text-decoration:none}.telegram-content a:hover{text-decoration:underline}.telegram-time{display:flex;align-items:center;justify-content:flex-end;margin-top:6px;font-size:13px;color:#8e8e93;gap:6px}.telegram-views{display:flex;align-items:center;gap:3px}.telegram-buttons{margin-top:8px;display:flex;flex-direction:column;gap:4px}.telegram-button{background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:8px 16px;font-size:14px;color:#168acd;text-align:center;cursor:pointer;transition:all .2s;text-decoration:none;font-weight:400;min-height:36px;display:flex;align-items:center;justify-content:center}.telegram-button:hover{background:#f8f9fa;border-color:#c3c7cb}.telegram-button.primary{background:#168acd;color:#fff;border-color:#168acd;font-weight:500}.telegram-button.primary:hover{background:#1377b5;border-color:#1377b5}.telegram-info-panel{background:#f8f9fa;border-top:1px solid #e1e8ed;padding:12px 16px}.telegram-info-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:12px;color:#657786}.telegram-info-item:last-child{margin-bottom:0}.telegram-info-label{font-weight:500}.telegram-info-value{color:#14171a}.telegram-status-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:500}.telegram-status-badge.real-data{background:#d4edda;color:#155724}.telegram-status-badge.demo-data{background:#fff3cd;color:#856404}@media (max-width: 480px){.telegram-preview-modal{padding:10px}.telegram-preview-container{max-width:100%;max-height:90vh;border-radius:8px}.telegram-header{padding:8px 12px}.telegram-avatar{width:38px;height:38px;font-size:16px}.telegram-channel-name{font-size:15px}.telegram-message{padding:10px 12px 14px}.telegram-content{font-size:15px}}.telegram-preview-modal{animation:fadeIn .15s ease-out}.telegram-preview-container{animation:slideUp .25s cubic-bezier(.25,.46,.45,.94)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(24px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.telegram-body::-webkit-scrollbar{width:3px}.telegram-body::-webkit-scrollbar-track{background:transparent}.telegram-body::-webkit-scrollbar-thumb{background:#0003;border-radius:2px}.telegram-body::-webkit-scrollbar-thumb:hover{background:#0000004d}.buttons-config-collapsed .card-header{border-bottom:none!important}.buttons-config-collapsed .card-content{display:none}.button-item{animation:slideInButton .3s ease-out}@keyframes slideInButton{0%{opacity:0;transform:translateY(-10px);background-color:#22c55e1a}to{opacity:1;transform:translateY(0);background-color:transparent}}.media-gallery-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg);animation:modalFadeIn .3s ease-out}@keyframes modalFadeIn{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}.media-gallery-container{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-2xl);width:100%;max-width:70rem;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{transform:translateY(-2rem) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.media-gallery-header{padding:var(--spacing-lg);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;background:var(--gradient-card);flex-shrink:0}.media-gallery-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-color);margin:0;display:flex;align-items:center;gap:var(--spacing-sm)}.media-gallery-title:before{content:"🖼️";font-size:var(--font-size-lg)}.media-gallery-close{background:transparent;border:none;color:var(--disabled-color);font-size:var(--font-size-xl);width:2.5rem;height:2.5rem;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-fast)}.media-gallery-close:hover{background:var(--surface-hover);color:var(--text-color);transform:scale(1.1)}.media-gallery-filters{padding:var(--spacing-lg);border-bottom:1px solid var(--border-color);display:flex;gap:var(--spacing-md);align-items:center;flex-wrap:wrap;background:var(--background-color);flex-shrink:0}.media-gallery-search{flex:1;min-width:15rem;position:relative}.media-gallery-search-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);padding-left:2.5rem;background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-color);font-size:var(--font-size-sm);transition:var(--transition-fast)}.media-gallery-search-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #a084e81a}.media-gallery-search-input::placeholder{color:var(--disabled-color)}.media-gallery-search-icon{position:absolute;left:var(--spacing-sm);top:50%;transform:translateY(-50%);color:var(--disabled-color);font-size:var(--font-size-sm);pointer-events:none}.media-gallery-filter-buttons{display:flex;gap:var(--spacing-xs)}.media-gallery-filter-btn{padding:var(--spacing-xs) var(--spacing-md);background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--disabled-color);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-fast);white-space:nowrap}.media-gallery-filter-btn:hover{background:var(--surface-hover);color:var(--text-color)}.media-gallery-filter-btn.active{background:var(--gradient-primary);border-color:var(--primary-color);color:#fff;box-shadow:var(--shadow-glow)}.media-gallery-stats{padding:var(--spacing-sm) var(--spacing-lg);background:var(--background-color);border-bottom:1px solid var(--border-color);color:var(--disabled-color);font-size:var(--font-size-sm);display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.media-gallery-count{font-weight:var(--font-weight-medium)}.media-gallery-loading{color:var(--primary-color);display:flex;align-items:center;gap:var(--spacing-xs)}.media-gallery-loading:before{content:"";width:1rem;height:1rem;border:2px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.media-gallery-content{flex:1;overflow-y:auto;padding:var(--spacing-lg);background:var(--background-color)}.media-gallery-content::-webkit-scrollbar{width:.5rem}.media-gallery-content::-webkit-scrollbar-track{background:var(--surface-color);border-radius:var(--radius-sm)}.media-gallery-content::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-sm)}.media-gallery-content::-webkit-scrollbar-thumb:hover{background:var(--disabled-color)}.media-gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(9rem,1fr));gap:var(--spacing-md);min-height:20rem}.media-gallery-item{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;cursor:pointer;transition:var(--transition-fast);display:flex;flex-direction:column;height:11rem;position:relative}.media-gallery-item:hover{border-color:var(--primary-color);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.media-gallery-item:active{transform:translateY(0)}.media-gallery-preview{flex:1;display:flex;align-items:center;justify-content:center;background:var(--background-color);position:relative;overflow:hidden}.media-gallery-image{width:100%;height:100%;object-fit:cover;transition:var(--transition-fast)}.media-gallery-item:hover .media-gallery-image{transform:scale(1.05)}.media-gallery-video{width:100%;height:100%;object-fit:cover}.media-gallery-video-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000b3;color:#fff;width:2.5rem;height:2.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-lg);transition:var(--transition-fast)}.media-gallery-item:hover .media-gallery-video-overlay{background:var(--primary-color);transform:translate(-50%,-50%) scale(1.1)}.media-gallery-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--surface-hover);color:var(--disabled-color);font-size:var(--font-size-2xl)}.media-gallery-info{padding:var(--spacing-sm);background:var(--surface-color);border-top:1px solid var(--border-color)}.media-gallery-filename{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--text-color);margin-bottom:var(--spacing-xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-gallery-meta{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-xs);color:var(--disabled-color)}.media-gallery-size{font-weight:var(--font-weight-medium)}.media-gallery-date{opacity:.8}.media-gallery-pagination{padding:var(--spacing-lg);border-top:1px solid var(--border-color);display:flex;justify-content:center;align-items:center;gap:var(--spacing-sm);background:var(--surface-color);flex-shrink:0}.media-gallery-page-btn{padding:var(--spacing-xs) var(--spacing-sm);background:transparent;border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-color);font-size:var(--font-size-sm);cursor:pointer;transition:var(--transition-fast);min-width:2rem;height:2rem;display:flex;align-items:center;justify-content:center}.media-gallery-page-btn:hover:not(:disabled){background:var(--surface-hover);border-color:var(--primary-color)}.media-gallery-page-btn:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.media-gallery-page-btn.active{background:var(--gradient-primary);border-color:var(--primary-color);color:#fff}.media-gallery-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:20rem;color:var(--disabled-color);text-align:center}.media-gallery-empty-icon{font-size:4rem;margin-bottom:var(--spacing-md);opacity:.5}.media-gallery-empty-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-sm);color:var(--text-color)}.media-gallery-empty-description{font-size:var(--font-size-sm);max-width:25rem;line-height:1.5}@media (max-width: 768px){.media-gallery-container{max-width:95vw;max-height:95vh}.media-gallery-filters{flex-direction:column;align-items:stretch;gap:var(--spacing-sm)}.media-gallery-search{min-width:unset}.media-gallery-filter-buttons{justify-content:center}.media-gallery-grid{grid-template-columns:repeat(auto-fill,minmax(7rem,1fr));gap:var(--spacing-sm)}.media-gallery-item{height:9rem}.media-gallery-stats{flex-direction:column;gap:var(--spacing-xs);text-align:center}}@media (max-width: 480px){.media-gallery-modal{padding:var(--spacing-sm)}.media-gallery-header,.media-gallery-content{padding:var(--spacing-md)}.media-gallery-grid{grid-template-columns:repeat(auto-fill,minmax(6rem,1fr))}.media-gallery-item{height:8rem}.media-gallery-pagination{padding:var(--spacing-md);flex-wrap:wrap}}.media-gallery-item:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 0%,rgba(160,132,232,.1) 100%);opacity:0;transition:var(--transition-fast);pointer-events:none;z-index:1}.media-gallery-item:hover:before{opacity:1}.media-gallery-item{animation:itemFadeIn .3s ease-out}@keyframes itemFadeIn{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}@media (min-width: 1400px){.media-gallery-grid{grid-template-columns:repeat(auto-fill,minmax(10rem,1fr))}.media-gallery-item{height:12rem}}@media (min-width: 1600px){.media-gallery-container{max-width:80rem}.media-gallery-grid{grid-template-columns:repeat(auto-fill,minmax(11rem,1fr))}.media-gallery-item{height:13rem}}:root{--rqb-spacing: .5rem;--rqb-border-width: 1px;--rqb-branch-indent: var(--rqb-spacing);--rqb-branch-width: var(--rqb-border-width);--rqb-base-color: #004bb8;--rqb-background-color: color-mix(in srgb, transparent, #004bb8 20%);--rqb-border-color: #8081a2;--rqb-border-style: solid;--rqb-border-radius: .25rem;--rqb-dnd-drop-indicator-color: rebeccapurple;--rqb-dnd-drop-indicator-style: dashed;--rqb-dnd-drop-indicator-width: 2px;--rqb-dnd-drop-indicator-copy-color: #693;--rqb-dnd-drop-indicator-copy-style: dashed;--rqb-dnd-drop-indicator-copy-width: 2px;--rqb-dnd-drop-indicator-group-color: #369;--rqb-dnd-drop-indicator-group-style: dashed;--rqb-dnd-drop-indicator-group-width: 2px;--rqb-branch-color: var(--rqb-border-color);--rqb-branch-radius: var(--rqb-border-radius);--rqb-branch-style: var(--rqb-border-style)}.ruleGroup{display:flex;flex-direction:column;gap:var(--rqb-spacing);padding:var(--rqb-spacing);border-width:var(--rqb-border-width)}.ruleGroup .ruleGroup-body{display:flex;flex-direction:column;gap:var(--rqb-spacing)}.ruleGroup .ruleGroup-body:empty{display:none}.ruleGroup .ruleGroup-header,.ruleGroup .rule{display:flex;gap:var(--rqb-spacing);align-items:center}.ruleGroup .rule .rule-value:has(.rule-value-list-item){display:flex;gap:var(--rqb-spacing);align-items:baseline}.ruleGroup .betweenRules{display:flex}.ruleGroup .shiftActions{display:flex;flex-direction:column}.ruleGroup .shiftActions>*{padding:0}.dndOver.rule,.dndOver.ruleGroup-header{padding-bottom:var(--rqb-spacing)}.dndOver.betweenRules{padding-top:var(--rqb-spacing)}.dndGroup.rule.dndOver,.dndGroup.ruleGroup:has(.ruleGroup-header.dndOver){padding:var(--rqb-spacing)}.queryBuilder-branches .ruleGroup-body{margin-left:calc(2*var(--rqb-branch-indent))}.queryBuilder-branches .rule,.queryBuilder-branches .ruleGroup .ruleGroup{position:relative}.queryBuilder-branches .rule:before,.queryBuilder-branches .rule:after,.queryBuilder-branches .ruleGroup .ruleGroup:before,.queryBuilder-branches .ruleGroup .ruleGroup:after{content:"";width:var(--rqb-branch-indent);left:calc(-1*(var(--rqb-branch-indent) + var(--rqb-branch-width)));border-radius:0;position:absolute}.queryBuilder-branches .rule:before,.queryBuilder-branches .ruleGroup .ruleGroup:before{top:calc(-1*var(--rqb-spacing));height:calc(50% + var(--rqb-spacing));border-width:0 0 var(--rqb-branch-width) var(--rqb-branch-width)}.queryBuilder-branches .rule:after,.queryBuilder-branches .ruleGroup .ruleGroup:after{top:50%;height:50%;border-width:0 0 0 var(--rqb-branch-width)}.queryBuilder-branches .rule:last-child:after,.queryBuilder-branches .ruleGroup .ruleGroup:last-child:after{display:none}.queryBuilder-branches .ruleGroup .ruleGroup:before,.queryBuilder-branches .ruleGroup .ruleGroup:after{left:calc(-1*(var(--rqb-branch-indent) + var(--rqb-branch-width) + var(--rqb-border-width)))}.queryBuilder-branches .ruleGroup .ruleGroup:before{top:calc(-1*(var(--rqb-spacing) + var(--rqb-border-width)));height:calc(50% + var(--rqb-spacing) + var(--rqb-border-width))}.queryBuilder-branches .ruleGroup .ruleGroup:after{height:calc(50% + var(--rqb-border-width))}.queryBuilder-branches .betweenRules:before{content:"";width:var(--rqb-branch-indent);left:calc(-1*(var(--rqb-branch-indent) + var(--rqb-branch-width)));border-radius:0;position:absolute;top:calc(-1*var(--rqb-spacing));height:calc(100% + var(--rqb-spacing));border-width:0 0 0 var(--rqb-branch-width)}.ruleGroup{border-color:var(--rqb-border-color);border-style:var(--rqb-border-style);border-radius:var(--rqb-border-radius);background:var(--rqb-background-color)}.ruleGroup .shiftActions>*{background-color:#0000;border:none;cursor:pointer}.dndOver.rule,.dndOver.ruleGroup-header:not(.dndGroup .ruleGroup-header){border-bottom-width:var(--rqb-dnd-drop-indicator-width);border-bottom-style:var(--rqb-dnd-drop-indicator-style);border-bottom-color:var(--rqb-dnd-drop-indicator-color)}.dndOver.rule.dndCopy,.dndOver.ruleGroup-header:not(.dndGroup .ruleGroup-header).dndCopy{border-bottom-width:var(--rqb-dnd-drop-indicator-copy-width);border-bottom-style:var(--rqb-dnd-drop-indicator-copy-style);border-bottom-color:var(--rqb-dnd-drop-indicator-copy-color)}.dndOver.betweenRules{border-top-width:var(--rqb-dnd-drop-indicator-width);border-top-style:var(--rqb-dnd-drop-indicator-style);border-top-color:var(--rqb-dnd-drop-indicator-color)}.dndOver.betweenRules.dndCopy{border-top-width:var(--rqb-dnd-drop-indicator-copy-width);border-top-style:var(--rqb-dnd-drop-indicator-copy-style);border-top-color:var(--rqb-dnd-drop-indicator-copy-color)}.dndGroup.rule.dndOver,.dndGroup.ruleGroup:has(>.ruleGroup-header.dndOver){border-width:var(--rqb-dnd-drop-indicator-group-width);border-style:var(--rqb-dnd-drop-indicator-group-style);border-color:var(--rqb-dnd-drop-indicator-group-color);border-radius:var(--rqb-border-radius)}.dndGroup.rule.dndOver.dndCopy,.dndGroup.ruleGroup:has(>.ruleGroup-header.dndOver).dndCopy{border-color:var(--rqb-dnd-drop-indicator-copy-color);border-width:var(--rqb-dnd-drop-indicator-copy-width);border-style:var(--rqb-dnd-drop-indicator-copy-style)}.ruleGroup.dndDragging,.rule.dndDragging{opacity:.5}.ruleGroup .queryBuilder-dragHandle,.rule .queryBuilder-dragHandle{cursor:move}.queryBuilder-branches .rule:before,.queryBuilder-branches .rule:after,.queryBuilder-branches .ruleGroup .ruleGroup:before,.queryBuilder-branches .ruleGroup .ruleGroup:after{border-color:var(--rqb-branch-color);border-style:var(--rqb-branch-style)}.queryBuilder-branches .rule:last-child:before,.queryBuilder-branches .ruleGroup .ruleGroup:last-child:before{border-bottom-left-radius:var(--rqb-branch-radius)}.queryBuilder-branches .betweenRules{position:relative}.queryBuilder-branches .betweenRules:before{border-color:var(--rqb-branch-color);border-style:var(--rqb-branch-style)}.custom-value-editor{margin:0;padding:0}.between-editor{display:flex;align-items:center;gap:.5rem}.between-inputs{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.between-input-group{display:flex;flex:1;min-width:7.5rem}.between-input{padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;background:#fff;transition:border-color .2s,box-shadow .2s;height:var(--input-height-md);box-sizing:border-box;width:100%}.between-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 .1875rem #3b82f61a}.between-separator{font-size:1.125rem;color:#6b7280;font-weight:500;padding:0 .25rem;flex-shrink:0}.custom-value-editor input[type=date]{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--text-color);transition:all var(--transition-fast);cursor:pointer;position:relative;min-height:var(--input-height-md);display:flex;align-items:center;box-sizing:border-box;width:100%}.custom-value-editor input[type=date]:hover{border-color:var(--primary-color);background:var(--surface-hover);box-shadow:0 0 0 2px #a084e81a}.custom-value-editor input[type=date]:focus{outline:none;border-color:var(--primary-color);background:var(--surface-hover);box-shadow:0 0 0 3px #a084e833}.custom-value-editor input[type=date]::-webkit-calendar-picker-indicator{background:transparent;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23A084E8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3crect x='3' y='4' width='18' height='18' rx='2' ry='2'/%3e%3cline x1='16' y1='2' x2='16' y2='6'/%3e%3cline x1='8' y1='2' x2='8' y2='6'/%3e%3cline x1='3' y1='10' x2='21' y2='10'/%3e%3c/svg%3e");background-size:16px 16px;background-repeat:no-repeat;background-position:center;width:20px;height:20px;cursor:pointer;opacity:.7;transition:opacity var(--transition-fast);position:absolute;right:var(--spacing-sm);top:50%;transform:translateY(-50%)}.custom-value-editor input[type=date]:hover::-webkit-calendar-picker-indicator{opacity:1}.custom-value-editor .between-input[type=date]{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--text-color);transition:all var(--transition-fast);cursor:pointer;position:relative;min-height:var(--input-height-md);display:flex;align-items:center;box-sizing:border-box;width:100%}.custom-value-editor .between-input[type=date]:hover{border-color:var(--primary-color);background:var(--surface-hover);box-shadow:0 0 0 2px #a084e81a}.custom-value-editor .between-input[type=date]:focus{outline:none;border-color:var(--primary-color);background:var(--surface-hover);box-shadow:0 0 0 3px #a084e833}.custom-value-editor .between-input[type=date]::-webkit-calendar-picker-indicator{background:transparent;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23A084E8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3crect x='3' y='4' width='18' height='18' rx='2' ry='2'/%3e%3cline x1='16' y1='2' x2='16' y2='6'/%3e%3cline x1='8' y1='2' x2='8' y2='6'/%3e%3cline x1='3' y1='10' x2='21' y2='10'/%3e%3c/svg%3e");background-size:16px 16px;background-repeat:no-repeat;background-position:center;width:20px;height:20px;cursor:pointer;opacity:.7;transition:opacity var(--transition-fast);position:absolute;right:var(--spacing-sm);top:50%;transform:translateY(-50%)}.custom-value-editor .between-input[type=date]:hover::-webkit-calendar-picker-indicator{opacity:1}.custom-value-editor .text-input[type=date]{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--text-color);transition:all var(--transition-fast);cursor:pointer;position:relative;min-height:var(--input-height-md);display:flex;align-items:center;box-sizing:border-box;width:100%}.custom-value-editor .text-input[type=date]:hover{border-color:var(--primary-color);background:var(--surface-hover);box-shadow:0 0 0 2px #a084e81a}.custom-value-editor .text-input[type=date]:focus{outline:none;border-color:var(--primary-color);background:var(--surface-hover);box-shadow:0 0 0 3px #a084e833}.custom-value-editor .text-input[type=date]::-webkit-calendar-picker-indicator{background:transparent;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23A084E8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3crect x='3' y='4' width='18' height='18' rx='2' ry='2'/%3e%3cline x1='16' y1='2' x2='16' y2='6'/%3e%3cline x1='8' y1='2' x2='8' y2='6'/%3e%3cline x1='3' y1='10' x2='21' y2='10'/%3e%3c/svg%3e");background-size:16px 16px;background-repeat:no-repeat;background-position:center;width:20px;height:20px;cursor:pointer;opacity:.7;transition:opacity var(--transition-fast);position:absolute;right:var(--spacing-sm);top:50%;transform:translateY(-50%)}.custom-value-editor .text-input[type=date]:hover::-webkit-calendar-picker-indicator{opacity:1}.in-editor{display:flex;flex-direction:column;gap:.75rem}.in-multiselect{display:flex;flex-direction:column;gap:.375rem;padding:.5rem;border:1px solid #d1d5db;border-radius:.375rem;background:#f9fafb;max-height:7.5rem;overflow-y:auto;min-height:var(--input-height-md)}.in-option{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.25rem .5rem;border-radius:.25rem;transition:background-color .2s}.in-option:hover{background:#e5e7eb}.in-checkbox{width:1rem;height:1rem;margin:0;accent-color:#3b82f6;cursor:pointer}.in-label{font-size:.875rem;color:#374151;cursor:pointer;-webkit-user-select:none;user-select:none}.in-selected{padding:.5rem .75rem;background:#eff6ff;border:1px solid #bfdbfe;border-radius:.375rem;font-size:.875rem}.in-selected-label{font-weight:500;color:#1e40af}.in-selected-item{color:#3b82f6;background:#dbeafe;padding:.125rem .375rem;border-radius:.25rem;font-size:.75rem;font-weight:500}.null-editor{display:flex;align-items:center;padding:.5rem .75rem;height:var(--input-height-md);box-sizing:border-box}.null-indicator{font-size:.875rem;color:#6b7280;font-style:italic;font-weight:500}.checkbox-editor{display:flex;align-items:center}.checkbox-select{width:100%}.select-editor{display:flex;align-items:center}.select-select{width:100%}.text-editor{display:flex;align-items:center}.text-input{width:100%;padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;background:#fff;transition:border-color .2s,box-shadow .2s;height:var(--input-height-md);box-sizing:border-box}.text-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 .1875rem #3b82f61a}.text-input::placeholder{color:#9ca3af}@media (max-width: 48rem){.between-editor{flex-direction:column;align-items:stretch}.between-inputs{flex-direction:column;gap:.5rem}.between-input-group{flex:none;width:100%;min-width:auto}.between-separator{display:none}.in-multiselect{max-height:6.25rem}}.queryBuilder-branches .custom-value-editor{margin:0;padding:0}.rule-value .custom-value-editor{width:100%;min-width:12.5rem}.custom-value-editor.error .between-input,.custom-value-editor.error .text-input{border-color:#ef4444}.custom-value-editor.error .between-input:focus,.custom-value-editor.error .text-input:focus{border-color:#ef4444;box-shadow:0 0 0 .1875rem #ef44441a}.custom-value-editor.disabled .between-input,.custom-value-editor.disabled .text-input{background:#f9fafb;color:#6b7280;cursor:not-allowed}.custom-value-editor.disabled .in-option{opacity:.5;cursor:not-allowed}.custom-value-editor.disabled .in-checkbox{cursor:not-allowed}.segment-query-builder{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-lg);margin:var(--spacing-md) 0}.query-builder-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--border-color)}.query-info{display:flex;gap:var(--spacing-md);align-items:center}.rules-count{background:#a084e81a;color:var(--primary-color);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border:1px solid rgba(160,132,232,.2)}.validation-status{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.validation-status.valid{background:#4caf501a;color:var(--success-color);border:1px solid rgba(76,175,80,.2)}.validation-status.invalid{background:#ff48481a;color:var(--error-color);border:1px solid rgba(255,72,72,.2)}.query-builder-container{margin:var(--spacing-md) 0}.queryBuilder-branches{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--background-color)}.ruleGroup{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-md);margin:var(--spacing-sm);padding:var(--spacing-lg)}.ruleGroup-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color)}.ruleGroup-combinators select{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:var(--spacing-xs) var(--spacing-sm);color:var(--text-color);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);transition:var(--transition-fast)}.ruleGroup-combinators select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #a084e81a}.ruleGroup-addRule,.ruleGroup-addGroup{background:var(--gradient-primary);color:#fff;border:none;border-radius:var(--radius-sm);padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-fast);box-shadow:var(--shadow-sm)}.ruleGroup-addRule:hover,.ruleGroup-addGroup:hover{transform:translateY(-1px);box-shadow:var(--shadow-md);background:var(--primary-hover)}.ruleGroup-remove{background:var(--gradient-error);color:#fff;border:none;border-radius:var(--radius-sm);padding:var(--spacing-xs);cursor:pointer;transition:var(--transition-fast);margin-left:auto;min-width:32px;height:32px;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm)}.ruleGroup-remove:hover{transform:translateY(-1px);box-shadow:var(--shadow-md);background:var(--error-dark)}.rule{display:flex;align-items:center;gap:var(--spacing-sm);background:var(--background-color);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:var(--spacing-sm);margin:var(--spacing-xs) 0}.rule-fields select,.rule-operators select,.rule-value input,.rule-value select{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:var(--spacing-xs) var(--spacing-sm);color:var(--text-color);min-width:120px;font-size:var(--font-size-sm);transition:var(--transition-fast)}.rule-fields select:focus,.rule-operators select:focus,.rule-value input:focus,.rule-value select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #a084e81a}.rule-fields select:hover,.rule-operators select:hover,.rule-value input:hover,.rule-value select:hover{border-color:#a084e84d}.rule-value input[type=date],.rule-value input[type=number]{min-width:180px;width:auto}.rule-value input[type=date]{min-width:160px!important;width:160px!important;padding-left:var(--spacing-sm)!important;padding-right:var(--spacing-sm)!important;box-sizing:border-box!important}.rule-value input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer}.rule-remove{background:var(--gradient-error);color:#fff;border:none;border-radius:var(--radius-sm);padding:var(--spacing-xs);cursor:pointer;transition:var(--transition-fast);margin-left:auto;min-width:32px;height:32px;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-xs)}.rule-remove:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm);background:var(--error-dark)}.validation-errors{background:#ff48480d;border:1px solid rgba(255,72,72,.2);border-radius:var(--radius-md);padding:var(--spacing-md);margin:var(--spacing-md) 0}.validation-errors h4{color:var(--error-color);margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.validation-errors ul{margin:0;padding-left:var(--spacing-lg)}.validation-error{color:var(--error-color);margin:var(--spacing-xs) 0;font-size:var(--font-size-sm)}.sql-preview,.json-preview{background:var(--bg-accent);border:1px solid var(--border-color);border-radius:6px;padding:1rem;margin:1rem 0}.sql-preview h4,.json-preview h4{margin:0 0 .5rem;color:var(--text-secondary);font-size:.875rem;text-transform:uppercase;letter-spacing:.5px}.sql-code,.json-code{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;padding:.75rem;margin:0;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.8rem;line-height:1.4;color:var(--text-primary);overflow-x:auto;white-space:pre-wrap;word-break:break-all}@media (max-width: 768px){.segment-query-builder{padding:var(--spacing-md);margin:var(--spacing-sm) 0}.rule{flex-direction:column;align-items:stretch;gap:var(--spacing-xs)}.rule-fields select,.rule-operators select,.rule-value input,.rule-value select{min-width:100%}.rule-remove{margin-left:0;align-self:flex-end;margin-top:var(--spacing-xs)}.query-info{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.ruleGroup{margin:var(--spacing-xs);padding:var(--spacing-md)}.ruleGroup-header{flex-wrap:wrap;gap:var(--spacing-xs)}.query-builder-select{min-width:100px;width:auto;flex:1 1 auto}.rule-fields .query-builder-select{min-width:120px;width:auto;flex:1 1 auto}.rule-operators .query-builder-select{min-width:100px;width:auto;flex:1 1 auto}.query-builder-combinator{min-width:80px;width:auto;flex:0 0 auto}}@media (prefers-color-scheme: dark){.validation-status.valid{background:#1e4620;color:#a3c9a5;border-color:#2d5a2f}.validation-status.invalid{background:#4a1e1e;color:#e8a1a1;border-color:#5f2727}.validation-errors{background:#4a1e1e;border-color:#5f2727}.validation-errors h4,.validation-error{color:#e8a1a1}}.query-builder-select{min-width:120px;width:auto;flex-shrink:0}.rule-fields .query-builder-select{min-width:140px;width:auto;flex-shrink:0}.rule-operators .query-builder-select{min-width:100px;width:auto;flex-shrink:0}.query-builder-select .custom-select-trigger{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:var(--spacing-xs) var(--spacing-sm);color:var(--text-color);font-size:var(--font-size-sm);transition:var(--transition-fast);min-height:auto;width:100%;white-space:nowrap}.query-builder-select .custom-select-trigger:hover{border-color:#a084e84d}.query-builder-select .custom-select-trigger:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #a084e81a}.query-builder-combinator{min-width:80px;width:auto;flex-shrink:0}.query-builder-combinator .custom-select-trigger{background:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:var(--spacing-xs) var(--spacing-sm);color:var(--text-color);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);transition:var(--transition-fast)}.ruleGroup-addRule,.ruleGroup-addGroup{background:var(--gradient-primary)!important;color:#fff!important;border:none!important;border-radius:var(--radius-md)!important;padding:var(--spacing-sm) var(--spacing-md)!important;font-size:var(--font-size-sm)!important;font-weight:var(--font-weight-medium)!important;cursor:pointer!important;transition:var(--transition-fast)!important;box-shadow:var(--shadow-sm)!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:var(--spacing-xs)!important;min-height:var(--button-height-sm)!important}.ruleGroup-addRule:hover,.ruleGroup-addGroup:hover{transform:translateY(-1px)!important;box-shadow:var(--shadow-md)!important}.rule-remove,.ruleGroup-remove{background:var(--gradient-error)!important;color:#fff!important;border:none!important;border-radius:var(--radius-md)!important;padding:var(--spacing-xs)!important;cursor:pointer!important;transition:var(--transition-fast)!important;min-width:32px!important;height:32px!important;display:flex!important;align-items:center!important;justify-content:center!important;box-shadow:var(--shadow-sm)!important}.rule-remove:hover,.ruleGroup-remove:hover{transform:translateY(-1px)!important;box-shadow:var(--shadow-md)!important}.queryBuilder-branches *[data-tooltip]:hover:before,.queryBuilder-branches *[data-tooltip]:hover:after{display:none!important}