:root{--color-primary: #0fb9b1;--color-primary-hover: #0a9e97;--color-primary-light: #e6f7f6;--color-primary-lighter: #f0fbfa;--color-primary-dark: #0a9e97;--color-success: #10b981;--color-success-light: #d1fae5;--color-success-dark: #065f46;--color-warning: #f59e0b;--color-warning-light: #fef3c7;--color-warning-dark: #92400e;--color-danger: #ef4444;--color-danger-light: #fee2e2;--color-danger-dark: #991b1b;--color-info: #3b82f6;--color-info-light: #dbeafe;--color-info-dark: #1e40af;--color-gray-50: #f9fafb;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb;--color-gray-300: #d1d5db;--color-gray-400: #9ca3af;--color-gray-500: #6b7280;--color-gray-600: #4b5563;--color-gray-700: #374151;--color-gray-800: #1f2937;--color-gray-900: #111827;--color-bg-base: #ffffff;--color-bg-primary: #ffffff;--color-bg-secondary: #f9fafb;--color-bg-tertiary: #f3f4f6;--color-bg-hover: #e5e7eb;--color-text-primary: #111827;--color-text-secondary: #6b7280;--color-text-tertiary: #9ca3af;--color-text-inverse: #ffffff;--color-text-muted: #9ca3af;--color-border: #e5e7eb;--color-border-light: #f3f4f6;--color-border-medium: #d1d5db;--color-border-dark: #9ca3af;--color-primary-bg: var(--color-primary-light);--color-success-bg: var(--color-success-light);--color-warning-bg: var(--color-warning-light);--color-danger-bg: var(--color-danger-light);--color-info-bg: var(--color-info-light);--color-primary-border: #5eead4;--color-success-border: #6ee7b7;--color-warning-border: #fcd34d;--color-danger-border: #fca5a5;--color-info-border: #93c5fd;--color-danger-text: #991b1b;--font-family: "neulis-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-mono: "SF Mono", Monaco, "Cascadia Code", monospace;--font-size-xs: .75rem;--font-size-sm: .8125rem;--font-size-base: .875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.5rem;--font-size-2xl: 1.875rem;--font-size-3xl: 2.25rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 2.5rem;--space-3xl: 3rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .07), 0 2px 4px -1px rgba(0, 0, 0, .04);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -2px rgba(0, 0, 0, .04);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .08), 0 10px 10px -5px rgba(0, 0, 0, .03);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--sidebar-width: 260px;--sidebar-collapsed: 72px;--topbar-height: 64px;--content-max-width: 1400px;--touch-target-min: 44px;--input-height-touch: 48px}@media(max-width:767px){.hide-mobile{display:none!important}}@media(max-width:1023px){.hide-tablet{display:none!important}}@media(min-width:1024px){.hide-desktop{display:none!important}}.show-mobile{display:none!important}@media(max-width:767px){.show-mobile{display:block!important}.show-mobile-flex{display:flex!important}.show-mobile-inline{display:inline!important}}.show-tablet-only{display:none!important}@media(min-width:768px)and (max-width:1023px){.show-tablet-only{display:block!important}}@media(hover:none)and (pointer:coarse){.touch-target{min-height:var(--touch-target-min);min-width:var(--touch-target-min)}}@media(max-width:767px){.text-center-mobile{text-align:center!important}.text-left-mobile{text-align:left!important}}@media(max-width:767px){.p-mobile-sm{padding:var(--space-sm)!important}.p-mobile-md{padding:var(--space-md)!important}.gap-mobile-sm{gap:var(--space-sm)!important}}@media(max-width:767px){.stack-mobile{flex-direction:column!important}.stack-mobile>*{width:100%!important}}@media(max-width:767px){.full-width-mobile{width:100%!important;max-width:none!important}}[data-theme=dark]{--color-primary: #0fb9b1;--color-primary-hover: #3dccc4;--color-primary-light: rgba(15, 185, 177, .15);--color-primary-lighter: rgba(15, 185, 177, .1);--color-primary-dark: #0a9e97;--color-success-light: rgba(16, 185, 129, .15);--color-warning-light: rgba(245, 158, 11, .15);--color-danger-light: rgba(239, 68, 68, .15);--color-info-light: rgba(59, 130, 246, .15);--color-primary-bg: var(--color-primary-light);--color-success-bg: var(--color-success-light);--color-warning-bg: var(--color-warning-light);--color-danger-bg: var(--color-danger-light);--color-info-bg: var(--color-info-light);--color-primary-border: rgba(15, 185, 177, .3);--color-success-border: rgba(16, 185, 129, .3);--color-warning-border: rgba(245, 158, 11, .3);--color-danger-border: rgba(239, 68, 68, .3);--color-info-border: rgba(59, 130, 246, .3);--color-danger-text: #fca5a5;--color-bg-base: #0f0f0f;--color-bg-primary: #171717;--color-bg-secondary: #1f1f1f;--color-bg-tertiary: #262626;--color-bg-hover: #303030;--color-text-primary: #f5f5f5;--color-text-secondary: #a3a3a3;--color-text-tertiary: #737373;--color-text-muted: #525252;--color-border: #262626;--color-border-light: #1f1f1f;--color-border-medium: #404040;--color-border-dark: #525252;--color-gray-50: #171717;--color-gray-100: #1f1f1f;--color-gray-200: #262626;--color-gray-300: #404040;--color-gray-700: #d4d4d4;--color-gray-800: #e5e5e5;--color-gray-900: #f5f5f5;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .2);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3), 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -1px rgba(0, 0, 0, .2);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -2px rgba(0, 0, 0, .2);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .5), 0 10px 10px -5px rgba(0, 0, 0, .2)}.dark input,.dark select,.dark textarea{color:var(--color-text-primary);background-color:var(--color-bg-secondary);border-color:var(--color-border-medium)}.dark input::placeholder,.dark textarea::placeholder{color:var(--color-text-tertiary)}.dark input:focus,.dark select:focus,.dark textarea:focus{border-color:var(--color-primary);outline:none}.dark select option{background-color:var(--color-bg-secondary);color:var(--color-text-primary)}.dark input[type=date],.dark input[type=datetime-local],.dark input[type=time]{color-scheme:dark}.dark .filter-select__input,.dark .filter-date-range__input,.dark .playground-url-input,.dark .playground-textarea,.dark .global-search__input{color:var(--color-text-primary);background-color:var(--color-bg-secondary);border-color:var(--color-border-medium)}.dark .filter-select__input::placeholder,.dark .filter-date-range__input::placeholder,.dark .playground-url-input::placeholder,.dark .playground-textarea::placeholder,.dark .global-search__input::placeholder{color:var(--color-text-tertiary)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text-primary);background:var(--color-bg-secondary);min-height:100vh}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-hover)}img{max-width:100%;height:auto}.admin-layout{display:flex;min-height:100vh}.admin-sidebar{width:var(--sidebar-width);background:var(--color-bg-base);border-right:1px solid var(--color-border);display:flex;flex-direction:column;position:fixed;top:0;left:0;height:100vh;z-index:100;transition:width var(--transition-base),transform var(--transition-base)}.admin-sidebar.collapsed{width:var(--sidebar-collapsed)}.admin-sidebar__header{height:var(--topbar-height);padding:0 var(--space-lg);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--color-border)}.admin-sidebar__logo,.admin-logo{display:flex;align-items:center}.admin-logo__img{height:28px;width:auto}.admin-logo__img--dark,[data-theme=dark] .admin-logo__img--light{display:none}[data-theme=dark] .admin-logo__img--dark{display:block}.admin-sidebar.collapsed .admin-sidebar__logo{display:none}.admin-sidebar__toggle{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--color-text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.admin-sidebar__toggle:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.admin-sidebar__mobile-close{display:none;width:36px;height:36px;align-items:center;justify-content:center;border:none;background:transparent;color:var(--color-text-secondary);border-radius:var(--radius-md);cursor:pointer}.admin-nav{flex:1;padding:var(--space-md);overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-xs)}.admin-nav-item{display:block}.admin-nav-link{display:flex;align-items:center;gap:var(--space-md);padding:10px var(--space-md);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:all var(--transition-fast);text-decoration:none}.admin-nav-link:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.admin-nav-link.active{background:var(--color-primary-light);color:var(--color-primary)}.admin-nav-link__icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.admin-nav-link__icon svg{width:20px;height:20px}.admin-nav-link__text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-sidebar.collapsed .admin-nav-link__text{display:none}.admin-sidebar.collapsed .admin-nav-link{justify-content:center;padding:10px}.admin-nav-item{position:relative}.admin-nav-item.has-submenu>.admin-nav-link{cursor:pointer;border:none;background:transparent;width:100%;text-align:left}.admin-nav-link__chevron{margin-left:auto;width:16px;height:16px;display:flex;align-items:center;justify-content:center;transition:transform var(--transition-base);opacity:.6}.admin-nav-item.expanded>.admin-nav-link .admin-nav-link__chevron{transform:rotate(90deg);opacity:1}.admin-nav-submenu{list-style:none;padding:0;margin:0;max-height:0;overflow:hidden;transition:max-height var(--transition-base)}.admin-nav-item.expanded>.admin-nav-submenu{max-height:500px}.admin-nav-subitem{margin:0}.admin-nav-sublink{display:flex;align-items:center;gap:var(--space-sm);padding:8px var(--space-md) 8px calc(var(--space-md) + 28px);color:var(--color-text-tertiary);font-size:var(--font-size-sm);text-decoration:none;transition:all var(--transition-fast);border-radius:var(--radius-sm);margin:2px var(--space-sm)}.admin-nav-sublink:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.admin-nav-sublink.active{background:var(--color-primary-light);color:var(--color-primary)}.admin-nav-sublink__icon{width:16px;height:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.admin-nav-sublink__icon svg{width:16px;height:16px}.admin-nav-sublink__text{white-space:nowrap}.admin-sidebar.collapsed .admin-nav-submenu{display:none!important}.admin-sidebar.collapsed .admin-nav-link__chevron{display:none}.admin-nav-group{margin-bottom:var(--space-md)}.admin-nav-group:last-child{margin-bottom:0}.admin-nav-group__label{padding:var(--space-xs) var(--space-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-xs)}.admin-nav-group__divider{height:1px;background:var(--color-border-light);margin:var(--space-sm) var(--space-md)}.admin-sidebar__footer{padding:var(--space-md);border-top:1px solid var(--color-border-light);margin-top:auto}.admin-sidebar__help-link{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);color:var(--color-text-tertiary);font-size:var(--font-size-sm);text-decoration:none;transition:all var(--transition-fast)}.admin-sidebar__help-link:hover{background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.admin-main{flex:1;margin-left:var(--sidebar-width);min-height:100vh;display:flex;flex-direction:column;transition:margin-left var(--transition-base)}.admin-sidebar.collapsed~.admin-main{margin-left:var(--sidebar-collapsed)}.admin-topbar{height:var(--topbar-height);background:var(--color-bg-base);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-xl);position:sticky;top:0;z-index:50}.admin-topbar__left{display:flex;align-items:center;gap:var(--space-md);flex:1;min-width:0}.admin-topbar__right{display:flex;align-items:center;gap:var(--space-sm)}.mobile-menu-toggle{display:none;width:40px;height:40px;align-items:center;justify-content:center;border:none;background:transparent;cursor:pointer;border-radius:var(--radius-md)}.mobile-menu-toggle__icon{display:flex;flex-direction:column;gap:5px}.mobile-menu-toggle__icon span{width:20px;height:2px;background:var(--color-text-primary);border-radius:1px}.mobile-menu-overlay{display:none}.admin-user-menu{position:relative}.admin-user-menu__trigger{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);border:1px solid var(--color-border);background:var(--color-bg-tertiary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.admin-user-menu__trigger:hover{background:var(--color-bg-hover);border-color:var(--color-border-medium)}.admin-user-avatar{width:36px;height:36px;border-radius:var(--radius-full);background:var(--color-primary-light);color:var(--color-primary);display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm)}.admin-user-menu__info{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.admin-user-menu__name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.admin-user-menu__role{font-size:var(--font-size-xs);color:var(--color-text-secondary);text-transform:capitalize}.admin-user-menu__chevron{display:inline-flex;align-items:center;justify-content:center;color:var(--color-text-tertiary)}.admin-user-menu__chevron svg{transition:transform .2s ease}.admin-user-menu.active .admin-user-menu__chevron svg{transform:rotate(45deg)}.admin-user-menu__dropdown{position:absolute;top:calc(100% + var(--space-xs));right:0;min-width:200px;background:var(--color-bg-base);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-xs);display:none;z-index:100}.admin-user-menu.active .admin-user-menu__dropdown{display:block}.admin-user-menu__dropdown-header{padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-xs)}.admin-user-menu__dropdown-name{display:block;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);color:var(--color-text-primary)}.admin-user-menu__dropdown-role{display:block;font-size:var(--font-size-xs);color:var(--color-text-secondary);text-transform:capitalize}.admin-content{flex:1;padding:var(--space-lg) var(--space-xl);width:100%}.admin-content__header{margin-bottom:var(--space-2xl)}.admin-content__header h1{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-xs)}.admin-content__header p{font-size:var(--font-size-base);color:var(--color-text-secondary)}.admin-content__header-actions{display:flex;align-items:center;gap:var(--space-sm)}.page-header{margin-bottom:var(--space-2xl)}.page-header__content{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-lg)}.page-header__main{flex:1;min-width:0}.page-header__title-row{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-xs)}.page-header__icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--color-primary-light);color:var(--color-primary);border-radius:var(--radius-md);flex-shrink:0}.page-header__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);line-height:var(--line-height-tight);margin:0}.page-header__description{font-size:var(--font-size-base);color:var(--color-text-secondary);max-width:600px;margin:0}.page-header__actions{display:flex;align-items:center;gap:var(--space-sm);flex-shrink:0}.page-header__top{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-lg);margin-bottom:var(--space-sm)}.card__header--filters{flex-direction:column;align-items:stretch;gap:var(--space-md)}@media(min-width:768px){.card__header--filters{flex-direction:row;align-items:center;flex-wrap:wrap}}.stat-card--primary{border-left:3px solid var(--color-primary)}.stat-card--success{border-left:3px solid var(--color-success)}.stat-card--warning{border-left:3px solid var(--color-warning)}.stat-card--danger{border-left:3px solid var(--color-danger)}.stat-card--info{border-left:3px solid var(--color-info)}.stat-card__icon{width:48px;height:48px;min-width:48px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center}.stat-card:has(.stat-card__content){display:flex;align-items:flex-start;gap:var(--space-lg)}.stat-card__content{display:flex;flex-direction:column;gap:var(--space-2xs);flex:1;min-width:0}.stat-card__content .stat-card__value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:var(--line-height-tight);margin-bottom:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-card__content .stat-card__label{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal)}.stat-card__helper{font-size:var(--font-size-xs);color:var(--color-text-tertiary);line-height:var(--line-height-normal)}@media(max-width:1200px){.stats-grid--4{grid-template-columns:repeat(2,1fr)}.stats-grid--5,.stats-grid--6{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.stats-grid,.stats-grid--2,.stats-grid--3,.stats-grid--4,.stats-grid--5,.stats-grid--6{grid-template-columns:1fr;gap:var(--space-md)}.stat-card{padding:var(--space-lg)}.stat-card__icon,.stat-card__icon-wrapper{width:40px;height:40px;min-width:40px}.stat-card__icon svg,.stat-card__icon-wrapper svg{width:20px;height:20px}.stat-card__content .stat-card__value{font-size:var(--font-size-xl)}}.form-group--full{grid-column:1 / -1}.form-input,.form-select,.form-textarea,.input,select.input{width:100%;padding:10px var(--space-md);font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--color-text-primary);background:var(--color-bg-base);border:1px solid var(--color-border-medium);border-radius:var(--radius-md);transition:all var(--transition-fast)}.form-input:hover,.form-select:hover,.form-textarea:hover,.input:hover{border-color:var(--color-border-dark)}.form-input:focus,.form-select:focus,.form-textarea:focus,.input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.input-group{position:relative;display:flex;align-items:center}.input-group__icon{position:absolute;left:12px;display:flex;align-items:center;justify-content:center;color:var(--color-text-tertiary);pointer-events:none;z-index:1}.input--with-icon{padding-left:38px}.table th{text-align:left;padding:var(--space-md) var(--space-lg);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);border-right:1px solid var(--color-border);white-space:nowrap}.table th:last-child{border-radius:0 var(--radius-lg) 0 0;border-right:none}.table td{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-border-light);border-right:1px solid var(--color-border-light);color:var(--color-text-primary);vertical-align:middle}.table td:last-child{border-right:none}.table__actions{display:flex;align-items:center;gap:var(--space-xs);flex-wrap:nowrap}.table__actions .btn-icon{width:32px;height:32px}.badge-secondary{background:var(--color-bg-tertiary);color:var(--color-text-secondary);border:1px solid var(--color-border-light)}.badge-sm{padding:2px 6px;font-size:10px}.badge-lg{padding:6px 14px;font-size:var(--font-size-sm)}.filter-bar,.filters-bar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-md);padding:var(--space-lg);background:var(--color-bg-base);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:var(--space-lg)}.filter-bar__search,.filters-bar__search{flex:1;min-width:200px;max-width:320px;position:relative}.filter-bar__search-icon svg{width:16px;height:16px}.filter-bar__search-input{width:100%;padding-left:40px}.filter-bar__filters,.filters-bar__filters{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm)}.filter-bar__select{min-width:140px}.filter-bar__actions,.filters-bar__actions{margin-left:auto;display:flex;align-items:center;gap:var(--space-sm)}.pagination__size-select{width:auto;min-width:70px;padding:var(--space-sm) var(--space-md);padding-right:var(--space-xl);font-size:var(--font-size-sm);font-weight:500;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-base);color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-fast);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center}.avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-full);font-weight:var(--font-weight-semibold);text-transform:uppercase}.avatar--sm{width:32px;height:32px;font-size:var(--font-size-xs)}.avatar--md{width:40px;height:40px;font-size:var(--font-size-sm)}.avatar--lg{width:56px;height:56px;font-size:var(--font-size-lg)}.avatar--primary{background:var(--color-primary-light);color:var(--color-primary)}.avatar--success{background:var(--color-success-light);color:var(--color-success)}.table-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px}.table-actions .btn-action{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-primary);color:var(--color-text-secondary);cursor:pointer;transition:all .15s ease}.table-actions .btn-action:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.table-actions .btn-action svg{width:16px;height:16px}.table-actions .btn-action--primary{border-color:var(--color-primary-light);background:var(--color-primary-lighter);color:var(--color-primary)}.table-actions .btn-action--primary:hover{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.table-actions .btn-action--danger{background:var(--color-danger);border-color:var(--color-danger);color:#fff}.table-actions .btn-action--danger:hover{border-color:var(--color-danger-light);background:#fef2f2;color:var(--color-danger)}.table-actions .btn-action--success{border-color:var(--color-success-light);background:#f0fdf4;color:var(--color-success)}.table-actions .btn-action--success:hover{background:var(--color-success);border-color:var(--color-success);color:#fff}.table-actions .btn-action--warning{border-color:var(--color-warning-light);background:#fffbeb;color:var(--color-warning-dark)}.table-actions .btn-action--warning:hover{background:var(--color-warning);border-color:var(--color-warning);color:#fff}.table-actions .btn-action--ghost{border-color:transparent;background:transparent;color:var(--color-text-tertiary)}.table-actions .btn-action--ghost:hover{background:var(--color-bg-tertiary);border-color:var(--color-border);color:var(--color-text-primary)}.table-actions .btn-action[title]{position:relative}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;padding:var(--space-xl);z-index:1000;animation:fadeIn .15s ease}.modal{background:var(--color-bg-base);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:100%;max-width:500px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:slideUp .2s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:767px){.modal-overlay{padding:0;align-items:flex-end}.modal{max-width:100%;max-height:95vh;border-radius:var(--radius-xl) var(--radius-xl) 0 0;animation:slideUpMobile .3s ease}@keyframes slideUpMobile{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.modal--sm,.modal--lg,.modal--xl{max-width:100%}.modal__header{padding:var(--space-md) var(--space-lg)}.modal__body{padding:var(--space-lg)}.modal__footer{padding:var(--space-md) var(--space-lg);flex-wrap:wrap}.modal__footer .btn{flex:1;min-width:120px}.modal__close{width:40px;height:40px;min-width:40px;min-height:40px}.modal__close svg{width:22px;height:22px}}.tabs{display:flex;gap:var(--space-xs);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-xl)}.tab{padding:var(--space-md) var(--space-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all var(--transition-fast);margin-bottom:-1px;display:flex;align-items:center;gap:var(--space-sm)}.tab:hover{color:var(--color-text-primary)}.animate-spin{animation:spin 1s linear infinite}.alert{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-lg);margin-bottom:var(--space-lg)}.alert__icon{flex-shrink:0;width:20px;height:20px}.alert__content{flex:1}.alert__title{font-weight:var(--font-weight-semibold);margin-bottom:4px}.alert__message{font-size:var(--font-size-sm)}.chart-container{padding:var(--space-lg);min-height:300px}.chart-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-lg)}.chart-legend{display:flex;flex-wrap:wrap;gap:var(--space-md);margin-top:var(--space-md)}.chart-legend__item{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--font-size-xs);color:var(--color-text-secondary)}.chart-legend__color{width:12px;height:12px;border-radius:var(--radius-sm)}.chart-period-selector{display:flex;gap:var(--space-xs)}.chart-period-btn{padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border:1px solid var(--color-border-medium);background:var(--color-bg-base);color:var(--color-text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.chart-period-btn:hover{border-color:var(--color-primary);color:var(--color-text-primary)}.chart-period-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-inverse)}.dashboard-grid,.dashboard-grid--enhanced{display:grid;grid-template-columns:1fr 380px;gap:var(--space-xl)}.dashboard-card{background:var(--color-bg-base);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.dashboard-card__header{padding:var(--space-lg) var(--space-xl);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between}.dashboard-card__title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.dashboard-card__body{padding:var(--space-xl)}.system-status{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-md);background:var(--color-success-light);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-success)}.system-status__dot{width:8px;height:8px;border-radius:var(--radius-full);background:var(--color-success);animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.system-status--warning{background:var(--color-warning-light);color:var(--color-warning)}.system-status--warning .system-status__dot{background:var(--color-warning)}.system-status--danger{background:var(--color-danger-light);color:var(--color-danger)}.system-status--danger .system-status__dot{background:var(--color-danger)}.activity-feed{display:flex;flex-direction:column}.activity-item{display:flex;gap:var(--space-md);padding:var(--space-md) 0;border-bottom:1px solid var(--color-border-light)}.activity-item:last-child{border-bottom:none}.activity-item__icon{width:40px;height:40px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;flex-shrink:0}.activity-item__icon svg{width:18px;height:18px}.activity-item__icon--create{background:var(--color-success-light);color:var(--color-success)}.activity-item__icon--update{background:var(--color-info-light);color:var(--color-info)}.activity-item__icon--delete{background:var(--color-danger-light);color:var(--color-danger)}.activity-item__icon--login{background:var(--color-primary-light);color:var(--color-primary)}.activity-item__content{flex:1;min-width:0}.activity-item__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:2px}.activity-item__desc{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.activity-item__time{font-size:var(--font-size-xs);color:var(--color-text-tertiary);white-space:nowrap}.quick-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-md);margin-bottom:var(--space-2xl)}.quick-action-btn{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-lg);background:var(--color-bg-base);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);text-decoration:none;color:var(--color-text-primary)}.quick-action-btn:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.quick-action-btn__icon{width:44px;height:44px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.quick-action-btn__icon svg{width:22px;height:22px}.quick-action-btn__content{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.quick-action-btn__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.quick-action-btn__desc{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.bulk-actions,.bulk-actions-bar{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--color-primary-light);border:1px solid var(--color-primary);border-radius:var(--radius-lg);margin-bottom:var(--space-lg)}.bulk-actions__count{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-primary)}.bulk-actions__buttons{display:flex;gap:var(--space-sm);margin-left:auto}.search-trigger{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast)}.search-trigger:hover{border-color:var(--color-border-medium);background:var(--color-bg-secondary)}.search-trigger__icon{width:16px;height:16px}.search-trigger__text{color:var(--color-text-tertiary)}.search-trigger__kbd{padding:2px 6px;background:var(--color-bg-base);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-family:var(--font-family)}.global-search{position:fixed;inset:0;z-index:1000;display:flex;align-items:flex-start;justify-content:center;padding-top:20vh;background:#00000080}.global-search__modal{width:100%;max-width:600px;background:var(--color-bg-base);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);overflow:hidden;margin:0 var(--space-lg)}.global-search__input-wrapper{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-lg);border-bottom:1px solid var(--color-border)}.global-search__input-wrapper svg{width:20px;height:20px;color:var(--color-text-tertiary)}.global-search__input{flex:1;border:none;background:transparent;font-size:var(--font-size-md);color:var(--color-text-primary);outline:none}.global-search__results{max-height:400px;overflow-y:auto;padding:var(--space-sm)}.global-search__group{margin-bottom:var(--space-sm)}.global-search__group-title{padding:var(--space-sm) var(--space-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em}.global-search__item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast)}.global-search__item:hover,.global-search__item.selected{background:var(--color-bg-tertiary)}.global-search__item-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-secondary);border-radius:var(--radius-md);color:var(--color-text-secondary)}.global-search__item-content{flex:1}.global-search__item-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.global-search__item-desc{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.global-search__footer{padding:var(--space-sm) var(--space-lg);border-top:1px solid var(--color-border);background:var(--color-bg-secondary);display:flex;align-items:center;gap:var(--space-lg);font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.global-search__hint{display:flex;align-items:center;gap:var(--space-xs)}.global-search__hint kbd{padding:2px 6px;background:var(--color-bg-base);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.notification-trigger{position:relative;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--color-text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.notification-trigger:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.notification-trigger__badge{position:absolute;top:4px;right:4px;width:8px;height:8px;background:var(--color-danger);border-radius:var(--radius-full);border:2px solid var(--color-bg-base)}.notification-dropdown{position:absolute;top:calc(100% + var(--space-sm));right:0;width:360px;background:var(--color-bg-base);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);z-index:100}.notification-dropdown__header{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between}.notification-dropdown__title{font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.notification-dropdown__list{max-height:400px;overflow-y:auto}.notification-item{display:flex;gap:var(--space-md);padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-border-light);transition:background var(--transition-fast)}.notification-item.unread{background:var(--color-primary-light)}.notification-item__icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);flex-shrink:0}.notification-item__icon--danger{background:var(--color-danger-light);color:var(--color-danger)}.notification-item__message{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-bottom:4px}.notification-dropdown__footer{padding:var(--space-md) var(--space-lg);border-top:1px solid var(--color-border);text-align:center}.theme-toggle{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--color-text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.theme-toggle:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.theme-toggle svg{width:20px;height:20px}.theme-toggle-simple{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-border-medium);background:var(--color-bg-tertiary);color:var(--color-text-secondary);border-radius:4px;cursor:pointer;transition:all var(--transition-fast)}.theme-toggle-simple svg{width:20px;height:20px}.api-key-display{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-family-mono);font-size:var(--font-size-xs)}.api-key-display code{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:transparent;padding:0;color:var(--color-text-primary)}.copy-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--color-text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.copy-btn:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.copy-btn.copied{color:var(--color-success)}.shortcuts-help__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.client-row{display:flex;align-items:center;gap:var(--space-sm)}.client-avatar{width:32px;height:32px;border-radius:var(--radius-full);background:var(--color-primary-light);color:var(--color-primary);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);flex-shrink:0}.client-info{display:flex;flex-direction:column;min-width:0}.client-info__name{font-weight:var(--font-weight-medium);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.client-info__email{font-size:var(--font-size-xs);color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.health-score{display:flex;align-items:center;gap:var(--space-sm)}.health-score__bar{width:60px;height:6px;background:var(--color-bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.health-score__fill{height:100%;border-radius:var(--radius-full);transition:width var(--transition-slow)}.health-score__value{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);min-width:32px}.mt-0{margin-top:0}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}.mb-0{margin-bottom:0}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.mb-xl{margin-bottom:var(--space-xl)}.ml-auto{margin-left:auto}.mr-auto{margin-right:auto}.p-0{padding:0}.p-sm{padding:var(--space-sm)}.p-md{padding:var(--space-md)}.p-lg{padding:var(--space-lg)}.p-xl{padding:var(--space-xl)}.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}.gap-xs{gap:var(--space-xs)}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.flex-1{flex:1}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.text-right{text-align:right}.text-left{text-align:left}.text-xs{font-size:var(--font-size-xs)}.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)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.text-primary{color:var(--color-text-primary)}.text-tertiary{color:var(--color-text-tertiary)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-danger{color:var(--color-danger)}.text-info{color:var(--color-info)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hidden{display:none}.w-full{width:100%}.max-w-xs{max-width:320px}.max-w-sm{max-width:400px}.max-w-md{max-width:500px}.max-w-lg{max-width:700px}.pt-0{padding-top:0}.pt-sm{padding-top:var(--space-sm)}.pt-md{padding-top:var(--space-md)}.pt-lg{padding-top:var(--space-lg)}.pb-0{padding-bottom:0}.pb-sm{padding-bottom:var(--space-sm)}.pb-md{padding-bottom:var(--space-md)}.pb-lg{padding-bottom:var(--space-lg)}.col-200{width:200px}.min-w-100{min-width:100px}.min-w-150{min-width:150px}.min-w-200{min-width:200px}.icon-bg{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md)}.icon-bg--sm{width:32px;height:32px}.icon-bg--lg{width:48px;height:48px}.icon-bg--primary{background:var(--color-primary-light);color:var(--color-primary)}.icon-bg--success{background:var(--color-success-light);color:var(--color-success)}.icon-bg--warning{background:var(--color-warning-light);color:var(--color-warning)}.icon-bg--danger{background:var(--color-danger-light);color:var(--color-danger)}.icon-bg--info{background:var(--color-info-light);color:var(--color-info)}.icon-bg--muted{background:var(--color-bg-tertiary);color:var(--color-text-tertiary)}@media(max-width:1200px){.stats-grid,.grid-cols-4{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.dashboard-grid--enhanced{grid-template-columns:1fr}.quick-actions{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.admin-sidebar{transform:translate(-100%);width:var(--sidebar-width)}.admin-sidebar.mobile-open{transform:translate(0)}.admin-sidebar__mobile-close{display:flex}.admin-sidebar__toggle{display:none}.mobile-menu-toggle{display:flex}.admin-main{margin-left:0}.mobile-menu-overlay{display:block;position:fixed;inset:0;background:#00000080;z-index:99;opacity:0;visibility:hidden;transition:all var(--transition-base)}.mobile-menu-overlay.active{opacity:1;visibility:visible}.admin-content{padding:var(--space-lg)}.admin-topbar{padding:0 var(--space-lg)}.stats-grid{grid-template-columns:1fr}.admin-user-menu__info{display:none}.filter-bar,.filters-bar{flex-direction:column;align-items:stretch}.filter-bar__search,.filters-bar__search{max-width:none}.filter-bar__actions,.filters-bar__actions{margin-left:0;justify-content:flex-end}.pagination{flex-direction:column;gap:var(--space-md)}.pagination__size{order:-1}.table th,.table td{padding:var(--space-sm) var(--space-md)}.modal-overlay{padding:var(--space-md)}.modal{max-height:95vh}.modal__body{padding:var(--space-lg)}.grid-cols-2,.grid-cols-3,.grid-cols-4,.quick-actions{grid-template-columns:1fr}.notification-dropdown{right:-80px;width:320px}.search-trigger__text,.search-trigger__kbd{display:none}}@media(max-width:480px){.admin-content{padding:var(--space-md)}.page-header__top{flex-direction:column;align-items:stretch}.page-header__actions{width:100%;justify-content:flex-end}.admin-content__header{flex-direction:column;align-items:stretch;gap:var(--space-md)}.admin-content__header-actions{width:100%;justify-content:flex-end}.btn{padding:var(--space-sm) var(--space-md)}.stat-card{padding:var(--space-lg)}.stat-card__value{font-size:var(--font-size-xl)}.bulk-actions,.bulk-actions-bar{flex-direction:column;align-items:stretch;gap:var(--space-sm)}.bulk-actions__buttons{margin-left:0;justify-content:flex-end}}.filter-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--color-bg-base);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--space-lg);flex-wrap:wrap}.filter-bar__left{display:flex;align-items:center;gap:var(--space-md);flex-wrap:wrap;flex:1}.filter-bar__right{display:flex;align-items:center;gap:var(--space-sm)}.filter-bar__search{position:relative;min-width:240px}.filter-bar__search-icon{position:absolute;left:var(--space-md);top:50%;transform:translateY(-50%);color:var(--color-text-tertiary);pointer-events:none}.filter-bar__search-input{width:100%;padding:var(--space-sm) var(--space-md);padding-left:40px;padding-right:32px;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-sm);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.filter-bar__search-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.filter-bar__search-clear{position:absolute;right:var(--space-sm);top:50%;transform:translateY(-50%);background:none;border:none;color:var(--color-text-tertiary);cursor:pointer;padding:4px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center}.filter-bar__search-clear:hover{color:var(--color-text-secondary);background:var(--color-bg-tertiary)}.filter-bar__filters{display:flex;align-items:center;gap:var(--space-sm)}.filter-bar__clear{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:var(--color-danger-light);color:var(--color-danger);border:none;border-radius:var(--radius-sm);font-size:var(--font-size-xs);cursor:pointer;transition:background var(--transition-fast)}.filter-bar__clear:hover{background:var(--color-danger);color:#fff}.filter-bar__filters .form-group,.filter-bar .form-group{margin-bottom:0}.filter-bar__filters .search-input-wrapper,.filter-bar .search-input-wrapper{min-width:240px}.filter-bar__filters .input-wrapper,.filter-bar .input-wrapper{width:100%}.filter-bar__filters .form-input,.filter-bar .form-input{height:38px;padding-top:0;padding-bottom:0}.filter-select{display:flex;align-items:center;gap:var(--space-xs)}.filter-select__icon{color:var(--color-text-tertiary)}.filter-select__input{height:38px;padding:var(--space-sm) var(--space-md);padding-right:var(--space-xl);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-sm);background:var(--color-bg-base);cursor:pointer;min-width:120px}.filter-select__input:focus{outline:none;border-color:var(--color-primary)}.filter-date-range{display:flex;align-items:center;gap:var(--space-sm)}.filter-date-range__input{padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-sm)}.filter-date-range__separator{color:var(--color-text-tertiary);font-size:var(--font-size-sm)}.quick-filters{display:flex;gap:var(--space-xs)}.quick-filter{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);background:var(--color-bg-tertiary);border:1px solid transparent;border-radius:9999px;font-size:var(--font-size-sm);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.quick-filter:hover{background:var(--color-bg-hover)}.quick-filter--active{background:var(--color-primary-light);color:var(--color-primary);border-color:var(--color-primary)}.quick-filter__count{background:var(--color-bg-base);padding:2px 6px;border-radius:9999px;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.tooltip{position:absolute;z-index:var(--z-tooltip);padding:var(--space-xs) var(--space-sm);background:var(--color-gray-900);color:#fff;font-size:var(--font-size-xs);border-radius:var(--radius-sm);white-space:nowrap;pointer-events:none;animation:fadeIn .15s ease-out}.input-wrapper{position:relative;display:flex;align-items:center}.input-wrapper--icon-left .form-input{padding-left:40px}.input-wrapper--icon-right .form-input{padding-right:40px}.input-icon{position:absolute;display:flex;align-items:center;justify-content:center;color:var(--color-text-tertiary);pointer-events:none}.input-icon--left{left:var(--space-md)}.input-icon--right{right:var(--space-md)}.search-input-wrapper{position:relative}.search-input__clear{position:absolute;right:var(--space-md);top:50%;transform:translateY(-50%);background:none;border:none;color:var(--color-text-tertiary);cursor:pointer;padding:4px;display:flex;align-items:center}.search-input__clear:hover{color:var(--color-text-secondary)}.circular-progress{position:relative;display:inline-flex;align-items:center;justify-content:center}.circular-progress__bg{stroke:var(--color-bg-tertiary)}.circular-progress__fill{transition:stroke-dashoffset .3s ease}.circular-progress__value{position:absolute;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.table-cell-user__avatar{width:36px;height:36px;border-radius:50%;background:var(--color-primary-light);color:var(--color-primary);display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);flex-shrink:0}.table-cell-user__avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.table-cell-user__name{font-weight:var(--font-weight-medium);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table-cell-user__email{font-size:var(--font-size-xs);color:var(--color-text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table-cell-progress{display:flex;align-items:center;gap:var(--space-sm);min-width:120px}.table-cell-progress__label{font-size:var(--font-size-xs);color:var(--color-text-tertiary);white-space:nowrap}.table-cell-progress .progress-bar{flex:1}.table-cell-progress__text{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);min-width:36px;text-align:right}.table-cell-date{font-size:var(--font-size-sm);color:var(--color-text-secondary);white-space:nowrap}.api-key-cell{display:flex;align-items:center;gap:var(--space-xs)}.api-key-cell__code{font-family:var(--font-mono);font-size:var(--font-size-xs);background:var(--color-bg-tertiary);padding:var(--space-2xs) var(--space-xs);border-radius:var(--radius-sm);color:var(--color-text-secondary)}.usage-cell{display:flex;flex-direction:column;gap:var(--space-2xs)}.usage-cell__text{display:flex;align-items:baseline;gap:var(--space-2xs);font-size:var(--font-size-sm)}.usage-cell__current{font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.usage-cell__separator,.usage-cell__limit{color:var(--color-text-tertiary)}.usage-cell__percent{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);margin-left:var(--space-2xs)}.usage-cell__percent--success{color:var(--color-success)}.usage-cell__percent--warning{color:var(--color-warning)}.usage-cell__percent--danger{color:var(--color-danger)}.usage-cell--unlimited .usage-cell__text{align-items:center}.usage-cell__unlimited-badge{display:inline-flex;align-items:center;padding:2px 8px;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:#fff;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);border-radius:9999px;text-transform:uppercase;letter-spacing:.5px}.plan-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg);margin-bottom:var(--space-xl)}@media(max-width:1024px){.plan-cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.plan-cards{grid-template-columns:1fr}}.plan-card{position:relative;display:flex;flex-direction:column;padding:var(--space-xl);background:var(--color-bg-primary);border:2px solid var(--color-border);border-radius:var(--radius-xl);cursor:pointer;transition:all .2s ease;overflow:hidden}.plan-card:hover{border-color:var(--color-border-hover);box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.plan-card--selected{border-color:var(--color-primary);background:linear-gradient(135deg,#6366f10a,#6366f114);box-shadow:0 4px 20px #6366f126}.plan-card--selected:hover{border-color:var(--color-primary)}.plan-card--popular{border-color:var(--color-primary-light)}.plan-card__badge{position:absolute;top:0;right:0;display:flex;align-items:center;gap:4px;padding:6px 16px;background:linear-gradient(135deg,var(--color-primary) 0%,#818cf8 100%);color:#fff;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);border-radius:0 var(--radius-lg) 0 var(--radius-lg);text-transform:uppercase;letter-spacing:.5px}.plan-card__icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:var(--radius-lg);margin-bottom:var(--space-md);transition:transform .2s ease}.plan-card:hover .plan-card__icon{transform:scale(1.05)}.plan-card__icon--starter{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#b45309}.plan-card__icon--professional{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);color:var(--color-primary)}.plan-card__icon--enterprise{background:linear-gradient(135deg,#1e1b4b,#312e81);color:#a5b4fc}.plan-card__header{margin-bottom:var(--space-sm)}.plan-card__name{margin:0 0 4px;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.plan-card__price{display:block;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:1.2}.plan-card__price small{font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);color:var(--color-text-secondary)}.plan-card__price--unlimited{background:linear-gradient(135deg,var(--color-primary) 0%,#818cf8 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.plan-card__desc{margin:0 0 var(--space-lg) 0;font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.5}.plan-card__features{list-style:none;margin:0;padding:0;flex:1}.plan-card__features li{display:flex;align-items:center;gap:8px;padding:6px 0;font-size:var(--font-size-sm);color:var(--color-text-secondary);border-bottom:1px solid var(--color-border-light)}.plan-card__features li:last-child{border-bottom:none}.plan-card__features li svg{color:var(--color-success);flex-shrink:0}.plan-card__check{position:absolute;top:var(--space-md);left:var(--space-md);display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--color-border-light);color:transparent;transition:all .2s ease}.plan-card--selected .plan-card__check{background:var(--color-primary);color:#fff;box-shadow:0 2px 8px #6366f14d}.plan-card--enterprise{background:linear-gradient(135deg,#1e1b4b,#312e81);border-color:#4338ca}.plan-card--enterprise .plan-card__name,.plan-card--enterprise .plan-card__price{color:#fff}.plan-card--enterprise .plan-card__price--unlimited{background:linear-gradient(135deg,#a5b4fc,#c7d2fe);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.plan-card--enterprise .plan-card__desc{color:#a5b4fc}.plan-card--enterprise .plan-card__features li{color:#c7d2fe;border-bottom-color:#a5b4fc33}.plan-card--enterprise .plan-card__features li svg{color:#34d399}.plan-card--enterprise .plan-card__check{background:#ffffff1a}.plan-card--enterprise.plan-card--selected{border-color:#818cf8;box-shadow:0 4px 20px #6366f14d}.plan-card--enterprise.plan-card--selected .plan-card__check{background:#818cf8;color:#1e1b4b}.plan-card--enterprise:hover{border-color:#6366f1;transform:translateY(-2px)}.link{color:var(--color-primary);text-decoration:none;transition:color var(--transition-base)}.link:hover{color:var(--color-primary-dark);text-decoration:underline}.link--external{display:inline-flex;align-items:center;gap:var(--space-2xs)}.link--external svg{opacity:.5;transition:opacity var(--transition-base)}.link--external:hover svg{opacity:1}.health-score{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);border-radius:var(--radius-full)}.health-score--high{background:var(--color-success-light);color:var(--color-success)}.health-score--medium{background:var(--color-warning-light);color:var(--color-warning)}.health-score--low{background:var(--color-danger-light);color:var(--color-danger)}.quick-actions-group{display:flex;gap:var(--space-xs)}.btn-danger-ghost{color:var(--color-danger)}.btn-danger-ghost:hover{background:var(--color-danger-light)}.data-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.data-table thead{position:sticky;top:0;z-index:10}.data-table th{text-align:left;padding:var(--space-md) var(--space-lg);font-weight:600;font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);background:linear-gradient(135deg,var(--color-bg-tertiary) 0%,var(--color-bg-secondary) 100%);border-bottom:2px solid var(--color-border);white-space:nowrap}.data-table th:first-child{border-radius:var(--radius-lg) 0 0 0}.data-table th:last-child{border-radius:0 var(--radius-lg) 0 0}.data-table td{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-border-light);color:var(--color-text-primary);vertical-align:middle}.data-table tbody tr{transition:all var(--transition-fast)}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover{background:var(--color-bg-hover)}.data-table tbody tr.selected,.data-table tbody tr.selected:hover{background:var(--color-primary-light)!important}.data-table tbody tr.muted{opacity:.6}.data-table tbody tr.muted:hover{opacity:.8}.data-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:all var(--transition-fast)}.data-table th.sortable:hover{color:var(--color-primary);background:var(--color-bg-hover)}.sort-icon{color:var(--color-text-muted);opacity:.5;margin-left:var(--space-xs);transition:all var(--transition-fast)}.data-table th.sortable:hover .sort-icon{opacity:.8}.col-40{width:40px}.col-50{width:50px}.col-60{width:60px}.col-80{width:80px}.col-100{width:100px}.col-120{width:120px}.col-150{width:150px}.table-cell-user{display:flex;align-items:center;gap:var(--space-md)}.table-cell-user__avatar{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-tertiary);border:2px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-secondary);flex-shrink:0;transition:all var(--transition-fast)}.table-cell-user__avatar--current{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary)}.table-cell-user__avatar img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-full)}.table-cell-user__info{display:flex;flex-direction:column;gap:2px;min-width:0}.table-cell-user__name{font-weight:600;color:var(--color-text-primary);display:flex;align-items:center;gap:var(--space-xs)}.table-cell-user__tag{font-size:var(--font-size-xs);font-weight:500;color:var(--color-primary);background:var(--color-primary-light);padding:2px 6px;border-radius:var(--radius-sm)}.table-cell-user__email{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.table-cell-date{display:flex;align-items:center;gap:var(--space-xs);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.table-cell-date svg{color:var(--color-text-tertiary);flex-shrink:0}.data-table input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--color-primary);border-radius:var(--radius-sm)}.table-skeleton{padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-md)}.table--hoverable tbody tr:hover{background:var(--color-bg-hover)}.table--compact th,.table--compact td{padding:var(--space-sm) var(--space-md)}.table--sticky-header thead{position:sticky;top:0;z-index:1;background:var(--color-bg-base)}.permissions-table-wrapper{overflow-x:auto;border:1px solid var(--color-border);border-radius:var(--radius-md)}.permissions-table{width:100%;border-collapse:collapse}.permissions-table th,.permissions-table td{padding:var(--space-md);text-align:center;border-bottom:1px solid var(--color-border-light)}.permissions-table th{background:var(--color-bg-tertiary);font-weight:600;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.permissions-table th:first-child,.permissions-table td:first-child{text-align:left;font-weight:500}.permissions-table tbody tr:last-child td{border-bottom:none}.permissions-table tbody tr:hover{background:var(--color-bg-hover)}.permissions-table input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-primary);cursor:pointer}.permissions-toggle-all{background:none;border:none;color:var(--color-primary);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.permissions-toggle-all:hover{background:var(--color-primary-light)}.input-with-icon{position:relative;display:flex;align-items:center}.input-with-icon svg{position:absolute;left:var(--space-md);color:var(--color-text-tertiary);pointer-events:none;z-index:1}.input-with-icon .form-input{padding-left:calc(var(--space-md) + 24px)}.bulk-actions{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-lg);background:linear-gradient(135deg,var(--color-primary-light) 0%,rgba(15,185,177,.05) 100%);border:1px solid var(--color-primary-border);border-radius:var(--radius-md);margin-bottom:var(--space-md)}.bulk-actions__count{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-sm);font-weight:600;color:var(--color-primary)}.bulk-actions__count svg{color:var(--color-primary)}.bulk-actions__buttons{display:flex;align-items:center;gap:var(--space-sm)}@media print{.admin-sidebar,.admin-topbar,.btn,.filter-bar,.filters-bar,.pagination,.bulk-actions,.bulk-actions-bar{display:none!important}.admin-main{margin-left:0!important}.admin-content{padding:0!important;max-width:none!important}.card{box-shadow:none!important;border:1px solid #ddd!important}}.tutorial-overlay{position:fixed;inset:0;background:transparent;z-index:9998}.tutorial-highlight{position:fixed;top:0;left:0;border:2px solid var(--color-primary);border-radius:8px;box-shadow:0 0 0 9999px #0009;background:transparent;z-index:10001;pointer-events:none}.tutorial-highlight.tutorial-transitioning{transition:transform .3s ease,width .3s ease,height .3s ease}.tutorial-tooltip{position:fixed;top:0;left:0;min-width:400px;max-width:480px;background:var(--color-bg-primary);color:var(--color-text-primary);border-radius:12px;box-shadow:0 8px 32px #0000004d;z-index:10002;font-family:inherit;opacity:0;transition:opacity .2s ease}.tutorial-tooltip.tutorial-transitioning{transition:transform .3s ease,opacity .2s ease}.tutorial-tooltip[style*="opacity: 1"]{opacity:1}@media(max-width:768px){.tutorial-tooltip{min-width:280px;max-width:calc(100vw - 32px);margin:0 16px}}@media(max-width:480px){.tutorial-tooltip{min-width:260px;max-width:calc(100vw - 24px);margin:0 12px}}.tutorial-tooltip .tutorial-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px 0}.tutorial-tooltip .tutorial-title{font-weight:600;font-size:15px;color:var(--color-text-primary)}.tutorial-tooltip .tutorial-close{border:0;background:transparent;color:var(--color-text-tertiary);font-size:20px;line-height:1;cursor:pointer;padding:4px;border-radius:4px;transition:background .15s,color .15s}.tutorial-tooltip .tutorial-close:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.tutorial-tooltip .tutorial-content{padding:12px 16px;font-size:14px;line-height:1.5;color:var(--color-text-secondary)}.tutorial-tooltip .tutorial-content p{margin:0 0 8px}.tutorial-tooltip .tutorial-content p:last-child{margin-bottom:0}.tutorial-tooltip .tutorial-content ul,.tutorial-tooltip .tutorial-content ol{margin:8px 0;padding-left:20px}.tutorial-tooltip .tutorial-content li{margin-bottom:4px}.tutorial-tooltip .tutorial-content code{background:var(--color-bg-secondary);padding:2px 6px;border-radius:4px;font-size:13px;font-family:monospace}.tutorial-tooltip .tutorial-footer{display:flex;align-items:center;justify-content:space-between;padding:8px 16px 16px;gap:8px}.tutorial-counter{font-size:12px;color:var(--color-text-tertiary)}.tutorial-actions{display:flex;gap:8px}.tutorial-actions button{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:0;border-radius:6px;padding:8px 16px;font-size:13px;font-weight:500;cursor:pointer;transition:background .15s}.tutorial-actions button svg{flex-shrink:0;width:16px;height:16px}.tutorial-actions .btn-prev{background:var(--color-bg-secondary);color:var(--color-text-primary)}.tutorial-actions .btn-prev:hover{background:var(--color-border)}.tutorial-actions .btn-next{background:var(--color-primary);color:#fff}.tutorial-actions .btn-next:hover{background:var(--color-primary-hover)}.tutorial-keyboard-hint{padding:8px 16px;font-size:11px;color:var(--color-text-tertiary);text-align:center;border-top:1px solid var(--color-border);margin-top:4px}.tutorial-keyboard-hint kbd{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:3px;box-shadow:0 1px 0 var(--color-border);color:var(--color-text-primary);display:inline-block;font-family:monospace;font-size:10px;line-height:1;padding:2px 5px;white-space:nowrap}.tutorial-fab-wrapper{position:fixed;bottom:24px;right:24px;z-index:9997}.tutorial-fab{display:flex;align-items:center;justify-content:center;width:48px;height:48px;padding:0;background:var(--color-primary);color:#fff;border:none;border-radius:50%;cursor:pointer;font-size:20px;font-weight:600;line-height:1;box-shadow:0 4px 12px #00000026;transition:transform .15s,box-shadow .15s}.tutorial-fab:hover{transform:scale(1.08);box-shadow:0 6px 20px #0003}.tutorial-fab:active{transform:scale(.95)}body.tutorial-active .tutorial-fab-wrapper{display:none}body:has(.changelog-modal-overlay) .tutorial-fab-wrapper{display:none}body:has(.sarah-overlay) .tutorial-fab-wrapper{display:none}.playground-page{display:flex;flex-direction:column;gap:var(--space-lg)}.playground-layout{display:grid;grid-template-columns:1fr 320px;gap:var(--space-lg);align-items:start}.playground-main,.playground-sidebar{display:flex;flex-direction:column;gap:var(--space-md)}.playground-url-card{padding:var(--space-md)}.playground-url-bar{display:flex;align-items:center;gap:var(--space-md)}.playground-method-select{position:relative}.playground-method-btn{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.playground-method-btn:hover{background:var(--color-bg-hover)}.playground-method-dropdown{position:absolute;top:calc(100% + var(--space-xs));left:0;z-index:10;background:var(--color-bg-base);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);min-width:100%;overflow:hidden}.playground-method-option{display:block;width:100%;padding:var(--space-sm) var(--space-md);background:none;border:none;cursor:pointer;text-align:left;transition:background var(--transition-fast)}.playground-method-option:hover{background:var(--color-bg-hover)}.playground-url-input{flex:1;padding:var(--space-sm) var(--space-md);font-family:var(--font-family-mono);font-size:var(--font-size-sm);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);transition:all var(--transition-fast)}.playground-url-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.playground-tabs-wrapper{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}.playground-editor-card{padding:0;overflow:hidden}.playground-editor{display:flex;flex-direction:column}.playground-editor__header{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.playground-textarea{width:100%;padding:var(--space-md);font-family:var(--font-family-mono);font-size:var(--font-size-sm);line-height:1.6;background:var(--color-bg-base);border:none;color:var(--color-text-primary);resize:vertical;min-height:200px}.playground-textarea:focus{outline:none}.playground-examples{display:flex;flex-direction:column}.playground-example{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:none;border:none;border-bottom:1px solid var(--color-border);cursor:pointer;text-align:left;transition:background var(--transition-fast)}.playground-example:hover{background:var(--color-bg-hover)}.playground-example:last-child{border-bottom:none}.playground-example__endpoint{flex:1;font-family:var(--font-family-mono);font-size:var(--font-size-sm);color:var(--color-text-primary)}.playground-example__description{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.playground-response-card{display:flex;flex-direction:column}.playground-response__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md);border-bottom:1px solid var(--color-border)}.playground-response__title{display:flex;align-items:center;gap:var(--space-sm);font-weight:var(--font-weight-medium)}.playground-response__duration{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--font-size-xs);color:var(--color-text-tertiary);padding:var(--space-xs) var(--space-sm);background:var(--color-bg-secondary);border-radius:var(--radius-sm)}.playground-response__body{padding:var(--space-md);min-height:200px}.playground-response__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);padding:var(--space-2xl);color:var(--color-text-tertiary)}.playground-response__code{font-family:var(--font-family-mono);font-size:var(--font-size-sm);line-height:1.6;color:var(--color-text-primary);white-space:pre-wrap;word-break:break-word;max-height:400px;overflow-y:auto}.playground-sidebar-card{padding:var(--space-md)}.playground-sidebar__list{display:flex;flex-direction:column;gap:var(--space-xs);margin-top:var(--space-md)}.playground-sidebar__empty{font-size:var(--font-size-sm);color:var(--color-text-tertiary);text-align:center;padding:var(--space-lg)}.playground-saved-item{display:flex;align-items:center;gap:var(--space-sm)}.playground-saved-item__btn{flex:1;display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm);background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;text-align:left;transition:background var(--transition-fast)}.playground-saved-item__btn:hover{background:var(--color-bg-hover)}.playground-saved-item__name{font-size:var(--font-size-sm);color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playground-history-item{display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-sm);background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;text-align:left;transition:background var(--transition-fast)}.playground-history-item:hover{background:var(--color-bg-hover)}.playground-history-item__top{display:flex;align-items:center;gap:var(--space-sm)}.playground-history-item__endpoint{font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playground-history-item__meta{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}@media(max-width:1024px){.playground-layout{grid-template-columns:1fr}.playground-sidebar{order:-1;flex-direction:row;overflow-x:auto}.playground-sidebar-card{min-width:280px}}@media(max-width:640px){.playground-url-bar{flex-wrap:wrap}.playground-url-input{width:100%;order:-1}.playground-sidebar{flex-direction:column}.playground-sidebar-card{min-width:auto}}.settings-card-container{padding:0;overflow:hidden}.settings-tabs{display:flex;gap:var(--space-xs);padding:var(--space-md);background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);overflow-x:auto;-webkit-overflow-scrolling:touch}.settings-tab{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:transparent;border:1px solid transparent;border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.settings-tab:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.settings-tab--active{background:var(--color-bg-primary);border-color:var(--color-border);color:var(--color-text-primary);box-shadow:var(--shadow-sm)}.settings-tab__badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 var(--space-xs);background:var(--color-primary);border-radius:var(--radius-full);color:#fff;font-size:var(--font-size-xs);font-weight:600}.settings-content{padding:var(--space-lg)}.settings-section{display:flex;flex-direction:column;gap:var(--space-lg)}.settings-card{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.settings-card--danger{border-color:var(--color-danger-border);background:var(--color-danger-bg)}.settings-card__header{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-md);border-bottom:1px solid var(--color-border)}.settings-card--danger .settings-card__header{border-bottom-color:var(--color-danger-border)}.settings-card__icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--color-bg-secondary);border-radius:var(--radius-md);color:var(--color-text-secondary);flex-shrink:0}.settings-card__icon--primary{background:var(--color-primary-bg);color:var(--color-primary)}.settings-card__icon--success{background:var(--color-success-bg);color:var(--color-success)}.settings-card__icon--warning{background:var(--color-warning-bg);color:var(--color-warning)}.settings-card__icon--danger{background:var(--color-danger-bg);color:var(--color-danger)}.settings-card__title{font-size:var(--font-size-md);font-weight:600;color:var(--color-text-primary);margin:0 0 var(--space-xs) 0}.settings-card__description{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.settings-card__body{padding:var(--space-md)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md)}.form-grid--3{grid-template-columns:repeat(3,1fr)}@media(max-width:768px){.form-grid,.form-grid--3{grid-template-columns:1fr}}.form-group{display:flex;flex-direction:column;gap:var(--space-xs)}.form-group--inline{flex-direction:row;align-items:center;gap:var(--space-sm)}.form-label{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary)}.form-hint{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.form-input--modified{border-color:var(--color-warning)!important;background:var(--color-warning-bg)!important}.input-with-preview{display:flex;flex-direction:column;gap:var(--space-xs)}.input-preview{font-size:var(--font-size-xs);color:var(--color-text-tertiary);font-family:var(--font-family-mono)}.input-with-action{position:relative}.input-with-action input{padding-right:48px}.input-action{position:absolute;right:var(--space-sm);top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.input-action:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.input-with-copy{position:relative}.input-with-copy input{padding-right:48px}.input-copy{position:absolute;right:var(--space-sm);top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.input-copy:hover{background:var(--color-bg-hover);color:var(--color-primary)}.input-with-range{display:flex;flex-direction:column;gap:var(--space-sm)}.input-range-visual{height:8px;background:var(--color-bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.input-range-visual__fill{height:100%;background:linear-gradient(90deg,var(--color-success),var(--color-warning),var(--color-danger));border-radius:var(--radius-full);transition:width var(--transition-normal)}.settings-toggle{display:flex;align-items:flex-start;gap:var(--space-md)}.settings-toggle--inline{align-items:center}.settings-toggle--danger .toggle--checked{background:var(--color-danger)}.settings-toggle__content{flex:1}.settings-toggle__label{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-primary)}.settings-toggle__label-inline{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.settings-toggle__hint{display:block;font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin-top:var(--space-xs)}.settings-warning-box{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-md);background:var(--color-danger-bg);border:1px solid var(--color-danger-border);border-radius:var(--radius-md);margin-top:var(--space-md);color:var(--color-danger)}.settings-warning-box strong{display:block;margin-bottom:var(--space-xs)}.settings-warning-box p{margin:0;font-size:var(--font-size-sm);color:var(--color-danger-text)}.settings-test-email{display:flex;flex-direction:column;gap:var(--space-md)}.settings-test-email__success{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--color-success-bg);border-radius:var(--radius-md);color:var(--color-success);font-size:var(--font-size-sm)}.settings-test-email__error{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--color-danger-bg);border-radius:var(--radius-md);color:var(--color-danger);font-size:var(--font-size-sm)}.settings-api-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md);padding:var(--space-lg);background:var(--color-bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.settings-api-stat{display:flex;align-items:center;gap:var(--space-md)}.settings-api-stat__icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--color-bg-primary);border-radius:var(--radius-md);color:var(--color-text-secondary)}.settings-api-stat__icon--success{background:var(--color-success-bg);color:var(--color-success)}.settings-api-stat__icon--warning{background:var(--color-warning-bg);color:var(--color-warning)}.settings-api-stat__content{display:flex;flex-direction:column}.settings-api-stat__value{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary)}.settings-api-stat__label{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.settings-quick-stats{display:flex;gap:var(--space-lg);padding:var(--space-md);background:var(--color-bg-secondary);border-radius:var(--radius-md);border:1px solid var(--color-border)}.settings-quick-stat{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.profile-avatar-section{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);padding:var(--space-lg) 0}.profile-avatar{position:relative;width:120px;height:120px}.profile-avatar__image{width:100%;height:100%;border-radius:50%;object-fit:cover;border:3px solid var(--color-primary)}.profile-avatar__placeholder{width:100%;height:100%;border-radius:50%;background:var(--color-bg-tertiary);border:3px dashed var(--color-border);display:flex;align-items:center;justify-content:center;color:var(--color-text-muted)}.profile-avatar__edit{position:absolute;bottom:0;right:0;width:36px;height:36px;border-radius:50%;background:var(--color-primary);color:#fff;border:3px solid var(--color-bg-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.profile-avatar__edit:hover{background:var(--color-primary-hover);transform:scale(1.1)}.profile-avatar__actions{display:flex;gap:var(--space-sm);flex-wrap:wrap;justify-content:center}.settings-card__footer{display:flex;align-items:center;gap:var(--space-md);margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--color-border)}.settings-card__footer .text-success,.settings-card__footer .text-danger{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--font-size-sm)}.form-error{display:block;color:var(--color-danger);font-size:var(--font-size-xs);margin-top:var(--space-xs)}.form-grid--1{grid-template-columns:1fr;max-width:400px}.hidden{display:none!important}.settings-security-status{padding:var(--space-lg);background:var(--color-bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.settings-security-status__title{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-md);font-weight:600;color:var(--color-text-primary);margin:0 0 var(--space-md) 0}.settings-security-status__items{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-md)}@media(max-width:768px){.settings-security-status__items{grid-template-columns:repeat(2,1fr)}}.security-status-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md);background:var(--color-bg-primary);border-radius:var(--radius-md);border:1px solid var(--color-border)}.security-status-item__indicator{width:8px;height:8px;border-radius:var(--radius-full);flex-shrink:0}.security-status-item__indicator--success{background:var(--color-success)}.security-status-item__indicator--warning{background:var(--color-warning)}.security-status-item__indicator--danger{background:var(--color-danger)}.security-status-item__label{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.security-status-item__value{margin-left:auto;font-size:var(--font-size-sm);font-weight:500}.notification-types-list{display:flex;flex-direction:column;gap:var(--space-sm)}.notification-type{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--color-bg-secondary);border-radius:var(--radius-md);border:1px solid var(--color-border)}.notification-type__icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);flex-shrink:0}.notification-type__icon--primary{background:var(--color-primary-bg);color:var(--color-primary)}.notification-type__icon--success{background:var(--color-success-bg);color:var(--color-success)}.notification-type__icon--warning{background:var(--color-warning-bg);color:var(--color-warning)}.notification-type__icon--danger{background:var(--color-danger-bg);color:var(--color-danger)}.notification-type__content{flex:1}.notification-type__title{display:block;font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-primary)}.notification-type__description{display:block;font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin-top:var(--space-xs)}.backup-actions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md)}@media(max-width:768px){.backup-actions-grid{grid-template-columns:1fr}}.backup-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-md)}.backup-upload-btn{cursor:pointer}.backup-upload-btn input.hidden{display:none}.backup-message{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:var(--font-size-sm);margin-top:var(--space-md)}.backup-message--success{background:var(--color-success-bg);color:var(--color-success)}.backup-message--error{background:var(--color-danger-bg);color:var(--color-danger)}.backup-history-list{display:flex;flex-direction:column;gap:var(--space-sm)}.backup-history-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--color-bg-secondary);border-radius:var(--radius-md);border:1px solid var(--color-border)}.backup-history-item__icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--color-bg-tertiary);border-radius:var(--radius-md);color:var(--color-text-secondary);flex-shrink:0}.backup-history-item__info{flex:1;min-width:0}.backup-history-item__date{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-primary)}.backup-history-item__meta{display:block;font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin-top:var(--space-xs)}.backup-type{font-weight:500}.backup-type--auto{color:var(--color-primary)}.backup-type--manual{color:var(--color-success)}.backup-history-item__status{flex-shrink:0}.backup-history-item__actions{display:flex;gap:var(--space-xs);flex-shrink:0}.backup-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xl);color:var(--color-text-tertiary);text-align:center}.backup-empty span{font-size:var(--font-size-sm);font-weight:500;margin-top:var(--space-md);color:var(--color-text-secondary)}.backup-empty p{font-size:var(--font-size-xs);margin-top:var(--space-xs)}.backup-storage-info{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md);background:var(--color-bg-secondary);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.settings-changes-banner{padding:var(--space-md);background:var(--color-warning-bg);border:1px solid var(--color-warning-border);border-radius:var(--radius-lg);margin-bottom:var(--space-lg)}.settings-changes-banner__header{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-sm);font-weight:600;color:var(--color-warning);margin-bottom:var(--space-sm)}.settings-changes-banner__list{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.settings-changes-banner__item{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:var(--color-bg-primary);border-radius:var(--radius-md);font-size:var(--font-size-xs)}.settings-changes-banner__label{font-weight:500;color:var(--color-text-primary)}.settings-changes-banner__old{color:var(--color-text-tertiary);text-decoration:line-through}.settings-changes-banner__arrow{color:var(--color-text-tertiary)}.settings-changes-banner__new{color:var(--color-success);font-weight:500}.settings-changes-banner__more{font-size:var(--font-size-xs);color:var(--color-warning);font-weight:500}.settings-skeleton{padding:var(--space-lg)}.settings-skeleton__tabs{display:flex;gap:var(--space-sm);margin-bottom:var(--space-lg)}.settings-skeleton__content{display:flex;flex-direction:column;gap:var(--space-lg)}.settings-skeleton__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md)}.settings-skeleton__field{display:flex;flex-direction:column;gap:var(--space-sm)}.skeleton--tab{width:80px;height:36px;border-radius:var(--radius-md)}.skeleton--title{width:200px;height:24px}.skeleton--label{width:120px;height:16px}.skeleton--input{width:100%;height:44px;border-radius:var(--radius-md)}@media(max-width:768px){.settings-tabs{padding:var(--space-sm)}.settings-tab{padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-xs)}.settings-content{padding:var(--space-md)}.settings-api-stats{grid-template-columns:1fr}.settings-quick-stats{flex-direction:column;gap:var(--space-sm)}}.analytics-section{margin-bottom:var(--space-xl)}.analytics-section__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-lg);flex-wrap:wrap;gap:var(--space-md)}.analytics-section__title{display:flex;align-items:center;gap:var(--space-md)}.analytics-section__title h2{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary);margin:0}.analytics-section__icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-lg);background:var(--color-bg-secondary);color:var(--color-text-secondary)}.analytics-section__icon--primary{background:var(--color-primary-bg);color:var(--color-primary)}.analytics-section__icon--success{background:var(--color-success-bg);color:var(--color-success)}.analytics-section__icon--warning{background:var(--color-warning-bg);color:var(--color-warning)}.analytics-section__icon--info{background:var(--color-info-bg);color:var(--color-info)}.analytics-section__subtitle{display:block;font-size:var(--font-size-sm);color:var(--color-text-tertiary);margin-top:var(--space-xs)}.analytics-chart-card{margin-top:var(--space-lg)}.comparison-toggle{display:flex;align-items:center;gap:var(--space-sm)}.comparison-banner{display:flex;align-items:center;gap:var(--space-lg);padding:var(--space-md) var(--space-lg);background:var(--color-primary-bg);border:1px solid var(--color-primary-border);border-radius:var(--radius-lg);margin-bottom:var(--space-lg);flex-wrap:wrap}.comparison-banner__info{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-sm);font-weight:600;color:var(--color-primary)}.comparison-banner__periods{display:flex;align-items:center;gap:var(--space-md);flex-wrap:wrap}.comparison-banner__period{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:var(--color-bg-primary);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-text-primary)}.comparison-banner__period--current{border:1px solid var(--color-success-border)}.comparison-banner__period--previous{border:1px solid var(--color-border);color:var(--color-text-secondary)}.comparison-banner__vs{font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-tertiary);text-transform:uppercase}.comparison-banner__custom{display:flex;align-items:center;gap:var(--space-sm);margin-left:auto}.comparison-banner__custom span{font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.comparison-summary{margin-bottom:var(--space-xl)}.comparison-summary__title{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-md);font-weight:600;color:var(--color-text-primary);margin:0 0 var(--space-md) 0}.comparison-summary__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-md)}@media(max-width:1024px){.comparison-summary__grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.comparison-summary__grid{grid-template-columns:1fr}}.comparison-card{display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-lg);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.comparison-card--positive{border-color:var(--color-success-border)}.comparison-card--negative{border-color:var(--color-danger-border)}.comparison-card__header{display:flex;align-items:center;gap:var(--space-sm)}.comparison-card__icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--color-bg-secondary);border-radius:var(--radius-md);color:var(--color-text-secondary)}.comparison-card__label{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary)}.comparison-card__values{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}.comparison-card__current,.comparison-card__previous{text-align:center}.comparison-card__value{display:block;font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary)}.comparison-card__value--muted{color:var(--color-text-tertiary);font-size:var(--font-size-base)}.comparison-card__period{display:block;font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin-top:var(--space-xs)}.comparison-card__arrow{display:flex;align-items:center;justify-content:center}.comparison-card__change{display:flex;align-items:center;justify-content:center;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:600}.comparison-card__change--positive{background:var(--color-success-bg);color:var(--color-success)}.comparison-card__change--negative{background:var(--color-danger-bg);color:var(--color-danger)}.health-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-md)}@media(max-width:1024px){.health-stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.health-stats-grid{grid-template-columns:1fr}}.health-stat{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-lg);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.health-stat:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.health-stat--healthy{border-left:4px solid var(--color-success)}.health-stat--healthy svg{color:var(--color-success)}.health-stat--at-risk{border-left:4px solid var(--color-warning)}.health-stat--at-risk svg{color:var(--color-warning)}.health-stat--critical{border-left:4px solid var(--color-danger)}.health-stat--critical svg{color:var(--color-danger)}.health-stat--avg{border-left:4px solid var(--color-primary)}.health-stat--avg svg{color:var(--color-primary)}.health-stat__content{display:flex;flex-direction:column}.health-stat__value{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-text-primary);line-height:1}.health-stat__label{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:var(--space-xs)}.health-stat__percent{font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin-top:var(--space-xs)}.health-score-bar{display:flex;align-items:center;gap:var(--space-sm)}.health-score-value{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-primary);min-width:32px}.health-distribution{display:flex;align-items:center;gap:var(--space-xl);padding:var(--space-lg)}.health-distribution__donut{width:180px;height:180px;flex-shrink:0}.health-distribution__svg{width:100%;height:100%}.health-distribution__segment{transition:stroke-dasharray var(--transition-slow)}.health-distribution__total{font-size:24px;font-weight:700;fill:var(--color-text-primary)}.health-distribution__total-label{font-size:12px;fill:var(--color-text-tertiary)}.health-distribution__legend{display:flex;flex-direction:column;gap:var(--space-md);flex:1}.health-distribution__legend-item{display:flex;align-items:center;gap:var(--space-sm)}.health-distribution__legend-dot{width:12px;height:12px;border-radius:var(--radius-full);flex-shrink:0}.health-distribution__legend-dot--healthy{background:var(--color-success)}.health-distribution__legend-dot--at-risk{background:var(--color-warning)}.health-distribution__legend-dot--critical{background:var(--color-danger)}.health-distribution__legend-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);flex:1}.health-distribution__legend-value{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-primary)}.revenue-chart{padding:var(--space-md) 0}.revenue-chart__bars{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-sm);height:220px;padding-bottom:var(--space-lg)}.revenue-chart__bar-container{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);position:relative;cursor:pointer}.revenue-chart__bar-container:hover .revenue-chart__tooltip{opacity:1;visibility:visible;transform:translate(-50%) translateY(-8px)}.revenue-chart__tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(0);padding:var(--space-sm) var(--space-md);background:var(--color-gray-900);border-radius:var(--radius-md);opacity:0;visibility:hidden;transition:all var(--transition-fast);white-space:nowrap;z-index:10}.revenue-chart__tooltip-value{display:block;font-size:var(--font-size-sm);font-weight:600;color:#fff}.revenue-chart__tooltip-label{display:block;font-size:var(--font-size-xs);color:var(--color-gray-400)}.revenue-chart__value{font-size:var(--font-size-xs);font-weight:500;color:var(--color-text-secondary);opacity:0;transition:opacity var(--transition-fast)}.revenue-chart__bar-container:hover .revenue-chart__value,.revenue-chart__bar-container--current .revenue-chart__value{opacity:1}.revenue-chart__bar{width:100%;max-width:48px;background:linear-gradient(180deg,var(--color-success) 0%,var(--color-success-light) 100%);border-radius:var(--radius-sm) var(--radius-sm) 0 0;transition:all var(--transition-fast)}.revenue-chart__bar-container:hover .revenue-chart__bar{transform:scaleY(1.02)}.revenue-chart__bar--current{background:linear-gradient(180deg,var(--color-primary) 0%,var(--color-primary-light) 100%)}.revenue-chart__label{font-size:var(--font-size-xs);color:var(--color-text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.hourly-chart-wrapper{display:flex;flex-direction:column;gap:var(--space-md)}.hourly-chart{display:flex;align-items:flex-end;gap:2px;height:120px;padding-bottom:var(--space-md)}.hourly-chart__bar-container{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);position:relative;cursor:pointer}.hourly-chart__bar-container:hover .hourly-chart__tooltip{opacity:1;visibility:visible}.hourly-chart__tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);padding:var(--space-xs) var(--space-sm);background:var(--color-gray-900);border-radius:var(--radius-sm);opacity:0;visibility:hidden;transition:all var(--transition-fast);white-space:nowrap;font-size:var(--font-size-xs);color:#fff;z-index:10}.hourly-chart__bar{width:100%;background:var(--color-primary-light);border-radius:var(--radius-xs) var(--radius-xs) 0 0;transition:all var(--transition-fast)}.hourly-chart__bar-container:hover .hourly-chart__bar,.hourly-chart__bar--peak{background:var(--color-primary)}.hourly-chart__label{font-size:10px;color:var(--color-text-tertiary)}.hourly-chart__legend{display:flex;justify-content:center;gap:var(--space-md)}.hourly-chart__legend-item{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.hourly-chart__legend-dot{width:8px;height:8px;border-radius:var(--radius-full);background:var(--color-bg-tertiary)}.hourly-chart__legend-dot--peak{background:var(--color-primary)}.perf-viz{padding:var(--space-md)}.perf-viz__bar-wrapper{margin-bottom:var(--space-lg)}.perf-viz__bar{display:flex;height:32px;border-radius:var(--radius-md);overflow:hidden;background:var(--color-bg-tertiary)}.perf-viz__segment{display:flex;align-items:center;justify-content:center;position:relative;transition:all var(--transition-fast)}.perf-viz__segment--p50{background:var(--color-success)}.perf-viz__segment--p90{background:var(--color-warning)}.perf-viz__segment--p99{background:var(--color-danger)}.perf-viz__marker{font-size:var(--font-size-xs);font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2)}.perf-viz__labels{display:flex;justify-content:space-between;margin-top:var(--space-sm);font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.perf-viz__legend{display:flex;justify-content:center;gap:var(--space-lg);flex-wrap:wrap}.perf-viz__legend-item{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.perf-viz__legend-dot{width:12px;height:12px;border-radius:var(--radius-sm)}.perf-viz__legend-dot--p50{background:var(--color-success)}.perf-viz__legend-dot--p90{background:var(--color-warning)}.perf-viz__legend-dot--p99{background:var(--color-danger)}.trend{display:inline-flex;align-items:center;gap:var(--space-xs);font-size:var(--font-size-sm);font-weight:500}.trend--up{color:var(--color-success)}.trend--down{color:var(--color-danger)}.trend--stable{color:var(--color-text-tertiary)}.table-cell-user{display:flex;align-items:center;gap:var(--space-sm)}.table-cell-user__avatar{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--color-primary-bg);color:var(--color-primary);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:600;flex-shrink:0}.table-cell-user__info{display:flex;flex-direction:column;min-width:0}.table-cell-user__name{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-cell-user__email{font-size:var(--font-size-xs);color:var(--color-text-tertiary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:768px){.analytics-section__header,.comparison-banner{flex-direction:column;align-items:flex-start}.comparison-banner__custom{margin-left:0;width:100%}.health-distribution{flex-direction:column}.health-distribution__donut{width:140px;height:140px}.revenue-chart__bars{overflow-x:auto;padding-bottom:var(--space-xl)}.revenue-chart__bar-container{min-width:40px}}.revenue-distribution{padding:var(--space-lg)}.revenue-distribution__bar{display:flex;height:32px;background:var(--color-bg-tertiary);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:var(--space-lg)}.revenue-distribution__segment{height:100%;transition:all var(--transition-base);position:relative;min-width:2px}.revenue-distribution__segment:hover{filter:brightness(1.1);transform:scaleY(1.05)}.revenue-distribution__segment--paid{background:linear-gradient(135deg,var(--color-success) 0%,#059669 100%)}.revenue-distribution__segment--pending{background:linear-gradient(135deg,var(--color-warning) 0%,#d97706 100%)}.revenue-distribution__segment--overdue{background:linear-gradient(135deg,var(--color-danger) 0%,#dc2626 100%)}.revenue-distribution__segment--cancelled{background:linear-gradient(135deg,var(--color-text-muted) 0%,#6b7280 100%)}.revenue-distribution__legend{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-md)}.revenue-distribution__legend-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--color-bg-tertiary);border-radius:var(--radius-md);transition:all var(--transition-fast)}.revenue-distribution__legend-item:hover{background:var(--color-bg-hover)}.revenue-distribution__dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.revenue-distribution__dot--paid{background:var(--color-success)}.revenue-distribution__dot--pending{background:var(--color-warning)}.revenue-distribution__dot--overdue{background:var(--color-danger)}.revenue-distribution__dot--cancelled{background:var(--color-text-muted)}.revenue-distribution__legend-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);flex:1}.revenue-distribution__legend-value{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-primary)}.revenue-distribution__legend-percent{font-size:var(--font-size-xs);color:var(--color-text-tertiary);min-width:32px;text-align:right}.invoice-detail-grid{display:flex;flex-direction:column;gap:var(--space-lg)}.invoice-detail-section{padding:var(--space-md);background:var(--color-bg-tertiary);border-radius:var(--radius-md)}.invoice-detail-section--highlight{background:var(--color-primary-light);border:1px solid var(--color-primary-border)}.invoice-detail-section__title{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-secondary);margin-bottom:var(--space-md)}.invoice-detail-section__title svg{color:var(--color-text-tertiary)}.invoice-detail-section--highlight .invoice-detail-section__title{color:var(--color-primary)}.invoice-detail-section--highlight .invoice-detail-section__title svg{color:var(--color-primary)}.invoice-detail-section__content{display:flex;flex-direction:column;gap:var(--space-sm)}.invoice-detail-row{display:flex;justify-content:space-between;align-items:center}.invoice-detail-row__label{font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.invoice-detail-row__value{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-primary)}.invoice-detail-amount{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-primary);text-align:center}.status-selector{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-sm)}.status-option{display:flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);border:2px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast);background:var(--color-bg-base)}.status-option input[type=radio]{display:none}.status-option:hover{border-color:var(--color-border-dark);background:var(--color-bg-hover)}.status-option--warning{color:var(--color-warning)}.status-option--warning.status-option--selected{border-color:var(--color-warning);background:var(--color-warning-bg)}.status-option--success{color:var(--color-success)}.status-option--success.status-option--selected{border-color:var(--color-success);background:var(--color-success-bg)}.status-option--danger{color:var(--color-danger)}.status-option--danger.status-option--selected{border-color:var(--color-danger);background:var(--color-danger-bg)}.status-option--muted{color:var(--color-text-muted)}.status-option--muted.status-option--selected{border-color:var(--color-text-muted);background:var(--color-bg-tertiary)}.sort-icon{margin-left:var(--space-xs);font-size:var(--font-size-xs);transition:all var(--transition-fast)}.sort-icon--inactive{color:var(--color-text-muted);opacity:.5}.sort-icon--active{color:var(--color-primary);opacity:1}.sortable-header{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.sortable-header:hover{color:var(--color-primary)}.sortable-header:hover .sort-icon--inactive{opacity:.8}.bulk-actions-bar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);background:var(--color-primary-light);border:1px solid var(--color-primary-border);border-radius:var(--radius-md);margin-bottom:var(--space-md)}.bulk-actions-bar__info{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-sm);font-weight:500;color:var(--color-primary)}.bulk-actions-bar__info svg{color:var(--color-primary)}.bulk-actions-bar__actions{display:flex;align-items:center;gap:var(--space-xs)}.bulk-actions-bar__actions .btn--danger{color:var(--color-danger)}.bulk-actions-bar__actions .btn--danger:hover{background:var(--color-danger-light)}.table__row--warning{background:var(--color-danger-light)!important}.table__row--warning:hover{background:#ef444426!important}.table__row--selected,.table__row--selected:hover{background:var(--color-primary-light)!important}.checkbox-wrapper{display:flex;align-items:center;justify-content:center;cursor:pointer}.checkbox-wrapper input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:var(--color-primary)}.table-footer{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);border-top:1px solid var(--color-border);background:var(--color-bg-secondary)}.table-footer__info{display:flex;align-items:center;font-size:var(--font-size-sm);color:var(--color-text-secondary)}@media(max-width:1200px){.stats-grid--5{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.stats-grid--5,.revenue-distribution__legend,.status-selector{grid-template-columns:repeat(2,1fr)}.bulk-actions-bar{flex-direction:column;gap:var(--space-sm);align-items:stretch}.bulk-actions-bar__actions{justify-content:center;flex-wrap:wrap}}@media(max-width:480px){.stats-grid--5,.revenue-distribution__legend,.status-selector{grid-template-columns:1fr}}.status-page{display:flex;flex-direction:column;gap:var(--space-lg)}.status-section{display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-xl);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.status-section .card-header{margin:calc(-1 * var(--space-xl));margin-bottom:var(--space-lg);padding:var(--space-lg) var(--space-xl);background:linear-gradient(135deg,var(--color-bg-tertiary) 0%,var(--color-bg-secondary) 100%);border-bottom:1px solid var(--color-border);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.status-section__header{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-md)}.status-section__icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--color-primary-light);border-radius:var(--radius-md);color:var(--color-primary)}.status-section__title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary)}.status-section__subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:var(--space-xs)}.status-section--transparent{background:transparent;border:none;padding:0}.status-section--compact{padding:var(--space-lg)}.status-banner{display:flex;align-items:center;gap:var(--space-lg);padding:var(--space-xl);border-radius:var(--radius-lg);transition:all var(--transition-base)}.status-banner--operational{background:linear-gradient(135deg,#10b98126,#10b9810d);border:1px solid var(--color-success-border)}.status-banner--operational .status-banner__icon{color:var(--color-success);background:var(--color-success-bg)}.status-banner--operational .status-banner__title{color:var(--color-success)}.status-banner--degraded{background:linear-gradient(135deg,#f59e0b26,#f59e0b0d);border:1px solid var(--color-warning-border)}.status-banner--degraded .status-banner__icon{color:var(--color-warning);background:var(--color-warning-bg)}.status-banner--degraded .status-banner__title{color:var(--color-warning)}.status-banner--outage{background:linear-gradient(135deg,#ef444426,#ef44440d);border:1px solid var(--color-danger-border);animation:pulse-danger 2s ease-in-out infinite}.status-banner--outage .status-banner__icon{color:var(--color-danger);background:var(--color-danger-bg)}.status-banner--outage .status-banner__title{color:var(--color-danger)}@keyframes pulse-danger{0%,to{opacity:1}50%{opacity:.85}}.status-banner__icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:var(--radius-lg);flex-shrink:0}.status-banner__content{flex:1}.status-banner__title{font-size:var(--font-size-xl);font-weight:600;margin-bottom:var(--space-xs)}.status-banner__subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.metrics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md)}.metric-card{padding:var(--space-lg)}.metric-card__header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);font-size:var(--font-size-base);font-weight:600;color:var(--color-text-primary)}.metric-card__header svg{color:var(--color-primary)}.metric-bar{display:flex;flex-direction:column;gap:var(--space-sm)}.metric-bar__header{display:flex;justify-content:space-between;align-items:center}.metric-bar__label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.metric-bar__value{font-size:var(--font-size-sm);font-weight:600}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md)}.service-card{padding:var(--space-lg);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.service-card:hover{border-color:var(--color-border-medium);box-shadow:var(--shadow-md)}.service-card__header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-md);margin-bottom:var(--space-md)}.service-card__info{flex:1;min-width:0}.service-card__name{font-size:var(--font-size-base);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-xs)}.service-card__description{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.service-card__metrics{display:flex;gap:var(--space-lg);padding-top:var(--space-md);border-top:1px solid var(--color-border)}.service-card__metric{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.service-card__metric svg{color:var(--color-text-tertiary)}.incidents-card{padding:0;overflow:hidden}.incident-item{display:flex;gap:var(--space-lg);padding:var(--space-lg);border-bottom:1px solid var(--color-border);transition:background var(--transition-fast)}.incident-item:last-child{border-bottom:none}.incident-item:hover{background:var(--color-bg-hover)}.incident-item--resolved{background:var(--color-success-bg)}.incident-item--resolved:hover{background:#10b9811a}.incident-item__date{display:flex;flex-direction:column;align-items:flex-end;min-width:80px;flex-shrink:0}.incident-item__day{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-primary)}.incident-item__time{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.incident-item__content{flex:1}.incident-item__header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-xs)}.incident-item__header svg{color:var(--color-success);flex-shrink:0}.incident-item__title{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-primary)}.incident-item__description{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--space-sm)}.incident-item__duration{font-size:var(--font-size-xs);color:var(--color-text-tertiary);font-weight:500}.toggle-with-label{display:flex;align-items:center;gap:var(--space-sm)}.toggle-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);white-space:nowrap}@media(max-width:1024px){.metrics-grid{grid-template-columns:repeat(3,1fr)}.services-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.status-banner{flex-direction:column;text-align:center;padding:var(--space-lg)}.status-banner__icon{width:56px;height:56px}.status-banner__title{font-size:var(--font-size-lg)}.metrics-grid,.services-grid{grid-template-columns:1fr}.service-card__metrics,.incident-item{flex-direction:column;gap:var(--space-sm)}.incident-item__date{flex-direction:row;gap:var(--space-sm);align-items:center}}@media(max-width:480px){.status-banner{padding:var(--space-md)}.status-banner__icon{width:48px;height:48px}.status-banner__icon svg{width:24px;height:24px}}.domain-input-row{display:flex;gap:var(--space-sm);align-items:center}.domain-input-row .form-input{flex:1}.domain-tags{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-top:var(--space-md)}.domain-tag{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:var(--color-primary-light);border:1px solid var(--color-primary-border);border-radius:var(--radius-full);font-size:var(--font-size-sm);color:var(--color-primary);transition:all var(--transition-fast)}.domain-tag:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.domain-tag:hover .domain-tag__remove{color:#fff;opacity:1}.domain-tag__remove{display:flex;align-items:center;justify-content:center;width:16px;height:16px;margin-left:var(--space-xs);padding:0;background:transparent;border:none;border-radius:var(--radius-full);color:var(--color-primary);opacity:.7;cursor:pointer;transition:all var(--transition-fast)}.domain-tag__remove:hover{background:#fff3;opacity:1}.domain-empty{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md);background:var(--color-bg-tertiary);border:1px dashed var(--color-border);border-radius:var(--radius-md);margin-top:var(--space-md);color:var(--color-text-tertiary);font-size:var(--font-size-sm)}.domain-empty svg{opacity:.5}.permissions-layout{display:grid;grid-template-columns:320px 1fr;gap:var(--space-lg);align-items:start}@media(max-width:1024px){.permissions-layout{grid-template-columns:1fr}}.permissions-sidebar{position:sticky;top:var(--space-lg)}.permissions-sidebar__header{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-border)}.permissions-sidebar__title{font-size:var(--font-size-md);font-weight:600;color:var(--color-text-primary);margin:0 0 var(--space-md) 0}.permissions-sidebar__search{position:relative}.permissions-sidebar__search svg{position:absolute;left:var(--space-md);top:50%;transform:translateY(-50%);color:var(--color-text-tertiary);pointer-events:none}.permissions-sidebar__search .form-input{padding-left:calc(var(--space-md) + 24px)}.permissions-sidebar__list{max-height:calc(100vh - 280px);overflow-y:auto}.permissions-admin-item{display:flex;align-items:center;gap:var(--space-md);width:100%;padding:var(--space-md) var(--space-lg);background:transparent;border:none;border-bottom:1px solid var(--color-border-light);cursor:pointer;transition:all var(--transition-fast);text-align:left}.permissions-admin-item:hover{background:var(--color-bg-hover)}.permissions-admin-item.active{background:var(--color-primary-light);border-left:3px solid var(--color-primary)}.permissions-admin-item:disabled{opacity:.5;cursor:not-allowed}.permissions-admin-item__avatar{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-tertiary);border:2px solid var(--color-border);border-radius:var(--radius-full);font-weight:600;color:var(--color-text-secondary);flex-shrink:0;transition:all var(--transition-fast)}.permissions-admin-item.active .permissions-admin-item__avatar{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.permissions-admin-item__info{flex:1;min-width:0}.permissions-admin-item__name{display:flex;align-items:center;gap:var(--space-xs);font-weight:500;color:var(--color-text-primary);font-size:var(--font-size-sm)}.permissions-admin-item__tag{font-size:var(--font-size-xs);font-weight:400;color:var(--color-primary)}.permissions-admin-item__email{display:block;font-size:var(--font-size-xs);color:var(--color-text-tertiary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.permissions-editor{min-height:400px}.permissions-editor__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg);border-bottom:1px solid var(--color-border);gap:var(--space-md);flex-wrap:wrap}.permissions-editor__admin{display:flex;align-items:center;gap:var(--space-md)}.permissions-editor__avatar{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--color-primary-light);border:2px solid var(--color-primary);border-radius:var(--radius-full);font-size:var(--font-size-lg);font-weight:600;color:var(--color-primary);flex-shrink:0}.permissions-editor__name{font-size:var(--font-size-md);font-weight:600;color:var(--color-text-primary);margin:0}.permissions-editor__email{font-size:var(--font-size-sm);color:var(--color-text-tertiary);margin:0}.permissions-module-name{font-weight:500;color:var(--color-text-primary)}.checkbox-wrapper{display:flex;align-items:center;justify-content:center}.checkbox-wrapper input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-primary);cursor:pointer}.page{display:flex;flex-direction:column;gap:var(--space-lg)}.page__header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-lg);flex-wrap:wrap;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:var(--space-lg) var(--space-xl);box-shadow:var(--shadow-sm)}.page__header--plain{background:transparent;border:none;border-radius:0;padding:0;box-shadow:none}.page__header+.card{border-top:none;border-radius:0 0 var(--radius-lg) var(--radius-lg);margin-top:calc(-1 * var(--space-lg))}.page__header-content{display:flex;flex-direction:column;gap:var(--space-xs)}.page__title{font-size:var(--font-size-xl);font-weight:700;color:var(--color-text-primary);margin:0}.page__description{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}@media(max-width:767px){.page__header{padding:var(--space-md) var(--space-lg);flex-direction:column;align-items:stretch;gap:var(--space-md)}.page__header .btn{width:100%;justify-content:center}}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-lg)}@media(max-width:768px){.form-grid{grid-template-columns:1fr}}.form-actions{display:flex;justify-content:flex-end;gap:var(--space-md);margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:1px solid var(--color-border)}.form-actions--left{justify-content:flex-start}.input-group{display:flex;position:relative}.input-group .form-input{flex:1;padding-right:48px}.input-group__btn{position:absolute;right:0;top:0;bottom:0;width:48px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--color-text-secondary);cursor:pointer;transition:color .2s}.input-group__btn:hover{color:var(--color-text-primary)}.form-input--sm,.form-select--sm{padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-sm);height:32px}.alert{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md);border-radius:var(--radius-md);margin-bottom:var(--space-lg);font-size:var(--font-size-sm)}.alert--danger{background:var(--color-danger-light);color:var(--color-danger-dark);border:1px solid var(--color-danger-border)}.alert--success{background:var(--color-success-light);color:var(--color-success-dark);border:1px solid var(--color-success-border)}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-lg)}@media(max-width:1024px){.detail-grid{grid-template-columns:1fr}}.info-list{display:flex;flex-direction:column;gap:var(--space-md)}.info-item{display:flex;flex-direction:column;gap:var(--space-xs)}.info-label{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--font-size-xs);font-weight:500;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.5px}.info-value{font-size:var(--font-size-base);color:var(--color-text-primary)}.permissions-grid{display:flex;flex-direction:column;gap:var(--space-sm)}.permission-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) var(--space-md);background:var(--color-bg-secondary);border-radius:var(--radius-md);gap:var(--space-md)}.permission-module{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-primary);min-width:120px}.permission-actions{display:flex;gap:var(--space-sm);flex-wrap:wrap}.permission-badge{display:flex;align-items:center;gap:4px;padding:2px 8px;font-size:var(--font-size-xs);border-radius:var(--radius-sm);background:var(--color-bg-tertiary);color:var(--color-text-tertiary)}.permission-badge.active{background:var(--color-success-light);color:var(--color-success-dark)}.permission-toggle{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:2px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-secondary);color:var(--color-text-tertiary);cursor:pointer;transition:all .15s ease}.permission-toggle:hover{border-color:var(--color-text-tertiary);background:var(--color-bg-tertiary)}.permission-toggle.active{border-color:var(--color-success);background:var(--color-success-light);color:var(--color-success-dark)}.permission-toggle.active:hover{border-color:var(--color-success-dark);background:var(--color-success);color:#fff}.badge--super_admin{background:var(--color-danger-light);color:var(--color-danger-dark)}.badge--admin{background:var(--color-primary-light);color:var(--color-primary-dark)}.badge--client_admin,.badge--free{background:var(--color-gray-200);color:var(--color-gray-700)}.badge--starter{background:var(--color-primary-light);color:var(--color-primary-dark)}.badge--pro{background:var(--color-success-light);color:var(--color-success-dark)}.badge--enterprise{background:#fef3c7;color:#92400e}.tags-list{display:flex;flex-wrap:wrap;gap:.5rem}.tag{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-text-primary)}.tag button{display:inline-flex;align-items:center;justify-content:center;padding:0;background:none;border:none;cursor:pointer;color:var(--color-text-tertiary);transition:color .15s ease}.tag button:hover{color:var(--color-danger)}.api-key{font-family:var(--font-family-mono);font-size:var(--font-size-xs);padding:.125rem .375rem;background:var(--color-bg-tertiary);border-radius:var(--radius-sm);color:var(--color-text-secondary)}.api-key:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.text-center{text-align:center}.text-secondary{color:var(--color-text-secondary)}.api-key-validator__test-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;font-size:var(--font-size-xs);font-weight:500;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:all .15s ease}.api-key-validator__dropdown-menu{position:absolute;top:100%;right:0;z-index:100;min-width:180px;margin-top:4px;padding:4px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg)}.api-key-validator__dropdown-item{display:flex;flex-wrap:wrap;align-items:center;gap:8px;width:100%;padding:8px 10px;font-size:var(--font-size-sm);text-align:left;color:var(--color-text);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:background .15s ease}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:10px var(--space-lg);font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:1;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;text-decoration:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn svg{width:16px;height:16px}.btn-primary{background:var(--color-primary);color:var(--color-text-inverse);border-color:var(--color-primary)}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.btn-secondary{background:var(--color-bg-base);color:var(--color-text-primary);border-color:var(--color-border-medium)}.btn-secondary:hover:not(:disabled){background:var(--color-bg-tertiary);border-color:var(--color-border-dark)}.btn-ghost{background:var(--color-bg-base);color:var(--color-text-primary);border-color:var(--color-border-medium)}.btn-ghost:hover:not(:disabled){border-color:var(--color-border-dark)}.btn-danger,.btn--danger{background:var(--color-danger);color:var(--color-text-inverse);border-color:var(--color-danger)}.btn-danger:hover:not(:disabled),.btn--danger:hover:not(:disabled){background:var(--color-danger-dark);border-color:var(--color-danger-dark)}.btn-success{background:var(--color-success);color:var(--color-text-inverse);border-color:var(--color-success)}.btn-success:hover:not(:disabled){background:var(--color-success-dark);border-color:var(--color-success-dark)}.btn-sm{padding:6px var(--space-md);font-size:var(--font-size-xs)}.btn-lg{padding:var(--space-md) var(--space-xl);font-size:var(--font-size-base)}.btn-icon,.btn--icon{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-sm);width:36px;height:36px;background:transparent;border:1px solid var(--color-border-light);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.btn-icon:hover:not(:disabled),.btn--icon:hover:not(:disabled){background:var(--color-bg-tertiary);border-color:var(--color-border-medium);color:var(--color-text-primary)}.btn-icon:disabled,.btn--icon:disabled{opacity:.5;cursor:not-allowed}.btn-icon.btn-sm,.btn--icon.btn-sm{width:32px;height:32px;padding:6px}.btn-icon--xs{width:24px;height:24px;padding:4px;border:none}.btn-icon--danger:hover:not(:disabled){background:rgba(var(--color-danger-rgb, 239, 68, 68),.1);border-color:var(--color-danger);color:var(--color-danger)}.form-group{margin-bottom:var(--space-lg)}.form-label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:var(--space-sm)}.form-label--required:after{content:"*";color:var(--color-danger);margin-left:4px}.form-hint{display:block;font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin-top:var(--space-xs)}.form-input,.form-select,.form-textarea{width:100%;padding:10px var(--space-md);font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--color-text-primary);background:var(--color-bg-base);border:1px solid var(--color-border-medium);border-radius:var(--radius-md);transition:all var(--transition-fast)}.form-input:hover,.form-select:hover,.form-textarea:hover{border-color:var(--color-border-dark)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.form-input::placeholder,.form-textarea::placeholder{color:var(--color-text-tertiary)}.form-input--error,.form-select--error,.form-textarea--error{border-color:var(--color-danger)}.form-input--error:focus,.form-select--error:focus,.form-textarea--error:focus{box-shadow:0 0 0 3px var(--color-danger-light)}.form-error{display:block;font-size:var(--font-size-xs);color:var(--color-danger);margin-top:var(--space-xs)}.form-textarea{min-height:100px;resize:vertical}.form-checkbox,.form-radio{display:flex;align-items:center;gap:var(--space-sm);cursor:pointer}.form-checkbox input,.form-radio input{width:18px;height:18px;accent-color:var(--color-primary)}.toggle{position:relative;display:inline-flex;align-items:center;gap:var(--space-sm);cursor:pointer}.toggle__input{position:absolute;opacity:0;width:0;height:0}.toggle__slider{width:44px;height:24px;background:var(--color-border-medium);border-radius:var(--radius-full);transition:background var(--transition-fast);position:relative}.toggle__slider:before{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:var(--color-bg-base);border-radius:var(--radius-full);transition:transform var(--transition-fast);box-shadow:var(--shadow-sm)}.toggle__input:checked+.toggle__slider{background:var(--color-primary)}.toggle__input:checked+.toggle__slider:before{transform:translate(20px)}.toggle__label{font-size:var(--font-size-sm);color:var(--color-text-primary)}@media(hover:none)and (pointer:coarse){.form-input,.form-select{min-height:var(--input-height-touch);font-size:16px}.form-checkbox input,.form-radio input{width:22px;height:22px}.toggle__slider{width:52px;height:28px}.toggle__slider:before{width:24px;height:24px}.toggle__input:checked+.toggle__slider:before{transform:translate(24px)}}@media(max-width:767px){.form-group{margin-bottom:var(--space-md)}.form-grid{grid-template-columns:1fr!important;gap:var(--space-md)}.form-actions{flex-direction:column;gap:var(--space-sm)}.form-actions .btn{width:100%;justify-content:center}}.card{background:var(--color-bg-base);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs)}.card--hover:hover{box-shadow:var(--shadow-md);border-color:var(--color-border-medium)}.card__header{padding:var(--space-lg) var(--space-xl);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}.card__header--compact{padding:var(--space-md) var(--space-lg)}.card__header--sm{padding:var(--space-sm) var(--space-md)}.card__header--sm .card__header-icon{width:28px;height:28px}.card__header--sm .card__title{font-size:var(--font-size-sm)}.card__header--lg{padding:var(--space-xl) var(--space-2xl)}.card__header--lg .card__header-icon{width:48px;height:48px}.card__header--lg .card__title{font-size:var(--font-size-lg)}.card__header-left{display:flex;align-items:center;gap:var(--space-md);flex:1;min-width:0}.card__header-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--color-primary-light);border-radius:var(--radius-md);color:var(--color-primary);flex-shrink:0}.card__header-icon--success{background:var(--color-success-bg);color:var(--color-success)}.card__header-icon--warning{background:var(--color-warning-bg);color:var(--color-warning)}.card__header-icon--danger{background:var(--color-danger-bg);color:var(--color-danger)}.card__header-icon--sm{width:32px;height:32px}.card__header-content{flex:1;min-width:0}.card__title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);display:flex;align-items:center;gap:var(--space-sm);line-height:1.3}.card__title svg{color:var(--color-primary);flex-shrink:0}.card__subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:2px;line-height:1.4}.card__header-actions{display:flex;align-items:center;gap:var(--space-sm);flex-shrink:0}.card__body{padding:var(--space-xl)}.card__footer{padding:var(--space-md) var(--space-xl);border-top:1px solid var(--color-border);background:var(--color-bg-secondary);border-radius:0 0 var(--radius-lg) var(--radius-lg)}.card--wide{grid-column:span 2}.badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-full);white-space:nowrap}.badge-primary{background:var(--color-primary-light);color:var(--color-primary)}.badge-success{background:var(--color-success-light);color:var(--color-success)}.badge-warning{background:var(--color-warning-light);color:var(--color-warning)}.badge-danger{background:var(--color-danger-light);color:var(--color-danger)}.badge-info{background:var(--color-info-light);color:var(--color-info)}.badge-muted{background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.badge--dot:before{content:"";width:6px;height:6px;border-radius:var(--radius-full);background:currentColor}.table-container,.table-responsive{overflow-x:auto;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-base);box-shadow:var(--shadow-sm);scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}.table-container::-webkit-scrollbar,.table-responsive::-webkit-scrollbar{height:8px;width:8px}.table-container::-webkit-scrollbar-track,.table-responsive::-webkit-scrollbar-track{background:transparent}.table-container::-webkit-scrollbar-thumb,.table-responsive::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}.table-container::-webkit-scrollbar-thumb:hover,.table-responsive::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.table th{text-align:left;padding:var(--space-md) var(--space-lg);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);white-space:nowrap}.table th:first-child{border-radius:var(--radius-lg) 0 0 0}.table th:last-child{border-radius:0 var(--radius-lg) 0 0}.table td{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-border-light);color:var(--color-text-primary);vertical-align:middle}.table tbody tr:last-child td{border-bottom:none}.table tbody tr:hover{background:var(--color-bg-secondary)}.table--striped tbody tr:nth-child(2n){background:var(--color-bg-secondary)}.table--hover tbody tr:hover{background:var(--color-bg-tertiary)}.table__sort{display:inline-flex;align-items:center;gap:4px;cursor:pointer;-webkit-user-select:none;user-select:none}th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.sortable:not(th){display:inline-flex;align-items:center;gap:4px;cursor:pointer;-webkit-user-select:none;user-select:none}.table__sort:hover,.sortable:hover{color:var(--color-text-primary)}.table__sort svg,.sortable svg{width:14px;height:14px;opacity:.5;vertical-align:middle;margin-left:4px}.table__sort--active svg,.sortable.active svg{opacity:1;color:var(--color-primary)}.table-responsive{position:relative}.table-responsive:before,.table-responsive:after{content:"";position:absolute;top:0;bottom:0;width:24px;pointer-events:none;opacity:0;transition:opacity var(--transition-fast);z-index:2}.table-responsive:before{left:0;background:linear-gradient(to right,var(--color-bg-base) 0%,transparent 100%)}.table-responsive:after{right:0;background:linear-gradient(to left,var(--color-bg-base) 0%,transparent 100%)}.table-responsive.scrolled-left:after,.table-responsive.scrolled-right:before,.table-responsive.scrolled-middle:before,.table-responsive.scrolled-middle:after{opacity:1}@media(max-width:767px){.col-hide-mobile,.col-priority-low{display:none!important}.table th,.table td{padding:var(--space-sm) var(--space-md)}.table{font-size:var(--font-size-xs)}.table tbody tr{min-height:var(--touch-target-min)}.table-responsive--sticky-first .table th:first-child,.table-responsive--sticky-first .table td:first-child{position:sticky;left:0;background:var(--color-bg-base);z-index:1;box-shadow:2px 0 4px #0000000d}.table-responsive--sticky-first .table th:first-child{background:var(--color-bg-secondary)}}@media(max-width:1023px){.col-hide-tablet,.col-priority-medium{display:none!important}}@media(max-width:480px){.table th,.table td{padding:var(--space-xs) var(--space-sm)}.table-cell-user__info{gap:2px}.table-cell-user__name{font-size:var(--font-size-xs)}.table-cell-user__email{font-size:10px}.table-cell-user__avatar{width:28px;height:28px;font-size:var(--font-size-xs)}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-3xl) var(--space-xl);text-align:center}.empty-state__icon{width:64px;height:64px;margin-bottom:var(--space-lg);color:var(--color-text-tertiary)}.empty-state__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-sm)}.empty-state__description{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-lg);max-width:400px}.skeleton{background:linear-gradient(90deg,var(--color-bg-tertiary) 25%,var(--color-bg-secondary) 50%,var(--color-bg-tertiary) 75%);background-size:200% 100%;animation:skeleton 1.5s ease infinite;border-radius:var(--radius-md)}@keyframes skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton--text{height:14px;margin-bottom:var(--space-sm)}.skeleton--title{height:24px;width:60%;margin-bottom:var(--space-md)}.skeleton--avatar{width:40px;height:40px;border-radius:var(--radius-full)}.skeleton--card{height:120px}.loading-overlay{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-3xl);gap:var(--space-md)}.loading-overlay__text{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.spinner{width:20px;height:20px;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:var(--radius-full);animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.spinner--sm{width:16px;height:16px;border-width:2px}.spinner--lg{width:32px;height:32px;border-width:3px}.pagination{display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg);padding:var(--space-md) var(--space-xl);background:linear-gradient(135deg,var(--color-bg-base) 0%,var(--color-bg-secondary) 100%);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-top:var(--space-lg);flex-wrap:wrap}.pagination__info{font-size:var(--font-size-sm);color:var(--color-text-secondary);display:flex;align-items:center;gap:var(--space-xs)}.pagination__info-range{font-weight:600;color:var(--color-text-primary)}.pagination__info-total{font-weight:600;color:var(--color-primary)}.pagination__controls,.pagination__nav{display:flex;align-items:center;gap:var(--space-xs)}.pagination__btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-border);background:var(--color-bg-base);color:var(--color-text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);font-size:var(--font-size-sm)}.pagination__btn:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-light);transform:translateY(-1px)}.pagination__btn:active:not(:disabled){transform:translateY(0)}.pagination__btn:disabled{opacity:.4;cursor:not-allowed;background:var(--color-bg-tertiary)}.pagination__btn--active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-inverse)}.pagination__pages{display:flex;align-items:center;gap:var(--space-xs);margin:0 var(--space-xs)}.pagination__page{min-width:36px;height:36px;display:flex;align-items:center;justify-content:center;padding:0 var(--space-sm);border:1px solid var(--color-border);background:var(--color-bg-base);color:var(--color-text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);font-size:var(--font-size-sm);font-weight:500}.pagination__page:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-light);transform:translateY(-1px)}.pagination__page:active{transform:translateY(0)}.pagination__page--active{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-hover) 100%);border-color:var(--color-primary);color:var(--color-text-inverse);font-weight:600;box-shadow:0 2px 8px rgba(var(--color-primary-rgb, 15, 185, 177),.3)}.pagination__page--active:hover{background:linear-gradient(135deg,var(--color-primary-hover) 0%,var(--color-primary) 100%);color:var(--color-text-inverse);transform:none}.pagination__ellipsis{display:flex;align-items:center;justify-content:center;width:36px;height:36px;color:var(--color-text-muted);font-weight:600;letter-spacing:1px}.pagination__size{display:flex;align-items:center;gap:var(--space-sm)}.pagination__size-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);white-space:nowrap}.pagination__size-select{width:auto;min-width:70px;padding:var(--space-sm) var(--space-md);padding-right:var(--space-xl);font-size:var(--font-size-sm);font-weight:500;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-base);color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-fast);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center}.pagination__size-select:hover{border-color:var(--color-primary)}.pagination__size-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}@media(max-width:768px){.pagination{flex-direction:column;gap:var(--space-md);padding:var(--space-md)}.pagination__size{order:-1;width:100%;justify-content:center}.pagination__info{order:1;width:100%;justify-content:center}.pagination__nav{order:0;width:100%;justify-content:center}.pagination__pages{display:none}.pagination__btn{width:40px;height:40px}}.stat-card{background:var(--color-bg-base);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-xl);transition:all var(--transition-fast)}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-card--enhanced{position:relative}.stat-card--clickable{cursor:pointer}.stat-card__header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--space-md)}.stat-card__icon{width:48px;height:48px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center}.stat-card__icon svg{width:24px;height:24px}.stat-card__icon-wrapper{width:48px;height:48px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center}.stat-card__icon-wrapper svg{width:24px;height:24px}.stat-card__icon--primary,.stat-card__icon-wrapper--primary{background:var(--color-primary-light);color:var(--color-primary)}.stat-card__icon--success,.stat-card__icon-wrapper--success{background:var(--color-success-light);color:var(--color-success)}.stat-card__icon--warning,.stat-card__icon-wrapper--warning{background:var(--color-warning-light);color:var(--color-warning)}.stat-card__icon--danger,.stat-card__icon-wrapper--danger{background:var(--color-danger-light);color:var(--color-danger)}.stat-card__icon--info,.stat-card__icon-wrapper--info{background:var(--color-info-light);color:var(--color-info)}.stat-card__trend{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.stat-card__trend--up{background:var(--color-success-light);color:var(--color-success)}.stat-card__trend--down{background:var(--color-danger-light);color:var(--color-danger)}.stat-card__trend--neutral{background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.stat-card__trend svg{width:14px;height:14px}.stat-card__body{display:flex;flex-direction:column;gap:var(--space-xs)}.stat-card__value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:var(--line-height-tight);margin-bottom:var(--space-xs)}.stat-card__value--large{font-size:28px}.stat-card__label,.stat-card__label--enhanced{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.stat-card__footer{margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--color-border-light);font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.stat-card__comparison{font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin-top:var(--space-xs)}.stat-card--compact{padding:var(--space-lg)}.stat-card--compact .stat-card__icon,.stat-card--compact .stat-card__icon-wrapper{width:40px;height:40px}.stat-card--compact .stat-card__icon svg,.stat-card--compact .stat-card__icon-wrapper svg{width:20px;height:20px}.stat-card--compact .stat-card__value{font-size:var(--font-size-xl)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-lg);margin-bottom:var(--space-2xl)}.stats-grid--2{grid-template-columns:repeat(2,1fr)}.stats-grid--3{grid-template-columns:repeat(3,1fr)}.stats-grid--4{grid-template-columns:repeat(4,1fr)}.stats-grid--5{grid-template-columns:repeat(5,1fr)}.stats-grid--6{grid-template-columns:repeat(6,1fr)}.progress,.progress-bar{height:8px;background:var(--color-bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.progress__bar,.progress-bar__fill{height:100%;border-radius:var(--radius-full);transition:width var(--transition-slow)}.progress__bar--primary,.progress-bar__fill--primary{background:var(--color-primary)}.progress__bar--success,.progress-bar__fill--success{background:var(--color-success)}.progress__bar--warning,.progress-bar__fill--warning{background:var(--color-warning)}.progress__bar--danger,.progress-bar__fill--danger{background:var(--color-danger)}.progress-bar-wrapper{width:100%}.progress-bar-wrapper__label{display:flex;justify-content:space-between;margin-bottom:var(--space-xs);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.progress-bar-wrapper--sm .progress-bar{height:4px}.progress-bar-wrapper--lg .progress-bar{height:12px}.progress-bar__fill--animated{position:relative;overflow:hidden}.progress-bar__fill--animated:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:shimmer 1.5s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.alert{display:flex;gap:var(--space-md);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);border:1px solid transparent}.alert--info{background:#eff6ff;border-color:var(--color-info);color:#1e40af}.alert--success{background:#ecfdf5;border-color:var(--color-success);color:#065f46}.alert--warning{background:#fffbeb;border-color:#f59e0b;color:#92400e}.alert--danger{background:#fef2f2;border-color:var(--color-danger);color:#991b1b}[data-theme=dark] .alert--info{background:#3b82f633;border-color:#3b82f6;color:#93c5fd}[data-theme=dark] .alert--success{background:#10b98133;border-color:#10b981;color:#6ee7b7}[data-theme=dark] .alert--warning{background:#f59e0b33;border-color:#f59e0b;color:#fcd34d}[data-theme=dark] .alert--danger{background:#ef444433;border-color:#ef4444;color:#fca5a5}.alert__icon{flex-shrink:0;display:flex;align-items:flex-start;padding-top:2px}.alert__content{flex:1;min-width:0}.alert__title{font-weight:var(--font-weight-semibold);margin-bottom:var(--space-xs)}.alert__message{font-size:var(--font-size-sm);line-height:var(--line-height-normal)}.alert__action{margin-top:var(--space-sm);background:none;border:none;padding:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-decoration:underline;cursor:pointer;color:inherit}.alert__dismiss{flex-shrink:0;background:none;border:none;padding:var(--space-xs);color:inherit;opacity:.7;cursor:pointer;border-radius:var(--radius-sm);transition:opacity var(--transition-fast)}.alert__dismiss:hover{opacity:1}.inline-alert{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs)}.inline-alert--info{background:var(--color-info-light);color:var(--color-info)}.inline-alert--success{background:var(--color-success-light);color:var(--color-success)}.inline-alert--warning{background:var(--color-warning-light);color:var(--color-warning)}.inline-alert--danger{background:var(--color-danger-light);color:var(--color-danger)}.alert-success{background:var(--color-success-light);color:var(--color-success-dark);border:1px solid var(--color-success)}.alert-warning{background:var(--color-warning-light);color:var(--color-warning-dark);border:1px solid var(--color-warning)}.alert-danger{background:var(--color-danger-light);color:var(--color-danger-dark);border:1px solid var(--color-danger)}.alert-info{background:var(--color-info-light);color:var(--color-info-dark);border:1px solid var(--color-info)}.toast-container{position:fixed;top:24px;right:24px;z-index:999999;display:flex;flex-direction:column;gap:12px;pointer-events:none}.toast{display:flex;align-items:flex-start;gap:12px;min-width:320px;max-width:420px;padding:16px;border-radius:var(--radius-lg);background:var(--color-bg-primary);box-shadow:0 4px 12px #00000026;pointer-events:auto;animation:toastSlideIn .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.toast:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0003}.toast--closing{animation:toastSlideOut .3s cubic-bezier(.4,0,.2,1) forwards}.toast--success{background:var(--color-success);color:#fff}.toast--error{background:var(--color-danger);color:#fff}.toast--info{background:var(--color-info);color:#fff}.toast--warning{background:var(--color-warning);color:#fff}.toast__icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;opacity:.9}.toast__content{flex:1;min-width:0}.toast__title{font-weight:600;font-size:var(--font-size-sm);margin-bottom:4px;line-height:1.4}.toast__message{font-size:var(--font-size-sm);line-height:1.5;opacity:.95;word-wrap:break-word}.toast__close{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:transparent;color:currentColor;opacity:.7;cursor:pointer;border-radius:var(--radius-sm);transition:all .2s ease}.toast__close:hover{opacity:1;background:#fff3}.toast__progress{position:absolute;left:0;bottom:0;height:4px;width:100%;background:#fff6;border-radius:0 0 0 var(--radius-lg);animation:toastProgress 5s linear forwards}.toast:hover .toast__progress{animation-play-state:paused}@keyframes toastSlideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes toastSlideOut{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}@keyframes toastProgress{0%{width:100%}to{width:0%}}@media(max-width:480px){.toast-container{left:16px;right:16px;top:16px}.toast{min-width:0;max-width:none;width:100%}}@media(prefers-reduced-motion:reduce){.toast,.toast--closing,.toast__progress{animation:none}}.tooltip-wrapper{position:relative;display:inline-flex}.tooltip{position:absolute;z-index:var(--z-tooltip);padding:var(--space-xs) var(--space-sm);background:var(--color-gray-900);color:#fff;font-size:var(--font-size-xs);border-radius:var(--radius-sm);white-space:nowrap;pointer-events:none;animation:tooltipFadeIn .15s ease-out}.tooltip--top{bottom:100%;left:50%;transform:translate(-50%);margin-bottom:var(--space-xs)}.tooltip--bottom{top:100%;left:50%;transform:translate(-50%);margin-top:var(--space-xs)}.tooltip--left{right:100%;top:50%;transform:translateY(-50%);margin-right:var(--space-xs)}.tooltip--right{left:100%;top:50%;transform:translateY(-50%);margin-left:var(--space-xs)}.tooltip__arrow{position:absolute;width:6px;height:6px;background:var(--color-gray-900);transform:rotate(45deg)}.tooltip--top .tooltip__arrow{bottom:-3px;left:50%;margin-left:-3px}.tooltip--bottom .tooltip__arrow{top:-3px;left:50%;margin-left:-3px}.tooltip--left .tooltip__arrow{right:-3px;top:50%;margin-top:-3px}.tooltip--right .tooltip__arrow{left:-3px;top:50%;margin-top:-3px}@keyframes tooltipFadeIn{0%{opacity:0}to{opacity:1}}.inline-help{position:relative;display:inline-flex;align-items:center}.inline-help__trigger{display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;background:none;border:none;color:var(--color-text-tertiary);cursor:pointer;border-radius:var(--radius-full);transition:all var(--transition-fast)}.inline-help__trigger:hover,.inline-help__trigger--active{color:var(--color-primary);background:var(--color-primary-light)}.inline-help__tooltip{position:absolute;z-index:var(--z-tooltip);width:280px;padding:var(--space-md);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);animation:inlineHelpFadeIn .2s ease-out}.inline-help__tooltip--top{bottom:100%;left:50%;transform:translate(-50%);margin-bottom:var(--space-sm)}.inline-help__tooltip--bottom{top:100%;left:50%;transform:translate(-50%);margin-top:var(--space-sm)}.inline-help__tooltip--left{right:100%;top:50%;transform:translateY(-50%);margin-right:var(--space-sm)}.inline-help__tooltip--right{left:100%;top:50%;transform:translateY(-50%);margin-left:var(--space-sm)}.inline-help__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-sm);margin-bottom:var(--space-sm)}.inline-help__title{margin:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.inline-help__close{display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;background:none;border:none;color:var(--color-text-tertiary);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.inline-help__close:hover{color:var(--color-text-primary);background:var(--color-bg-tertiary)}.inline-help__description{margin:0 0 var(--space-sm) 0;font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-normal)}.inline-help__tips{margin:0;padding:0 0 0 var(--space-md);font-size:var(--font-size-xs);color:var(--color-text-secondary)}.inline-help__tips li{margin-bottom:var(--space-2xs)}.inline-help__tips li:last-child{margin-bottom:0}.inline-help__link{display:inline-flex;align-items:center;gap:var(--space-2xs);margin-top:var(--space-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}.inline-help__link:hover{color:var(--color-primary-dark);text-decoration:underline}@keyframes inlineHelpFadeIn{0%{opacity:0;transform:translate(-50%) translateY(-4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.inline-help__tooltip--left,.inline-help__tooltip--right{animation-name:inlineHelpFadeInHorizontal}@keyframes inlineHelpFadeInHorizontal{0%{opacity:0;transform:translateY(-50%) translate(-4px)}to{opacity:1;transform:translateY(-50%) translate(0)}}.breadcrumbs{display:flex;align-items:center;font-size:var(--font-size-sm)}.breadcrumbs__list{display:flex;align-items:center;gap:var(--space-xs);list-style:none;margin:0;padding:0}.breadcrumbs__item{display:flex;align-items:center;gap:var(--space-xs)}.breadcrumbs__link{color:var(--color-text-secondary);text-decoration:none;transition:color var(--transition-fast);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm)}.breadcrumbs__link:hover{color:var(--color-primary);background:var(--color-bg-tertiary)}.breadcrumbs__link--home{display:flex;align-items:center;justify-content:center;padding:var(--space-xs)}.breadcrumbs__separator{color:var(--color-text-tertiary);flex-shrink:0}.breadcrumbs__current{color:var(--color-text-primary);font-weight:var(--font-weight-medium);padding:var(--space-xs) var(--space-sm)}.tabs{display:flex;gap:var(--space-xs);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-lg)}.tabs--pills{border-bottom:none;gap:var(--space-sm)}.tabs--underline{gap:var(--space-lg)}.tabs--full{width:100%}.tabs--full .tab{flex:1;justify-content:center}.tab{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:none;border:none;color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;position:relative;transition:color var(--transition-fast)}.tab:hover:not(.tab--disabled){color:var(--color-text-primary)}.tab--active{color:var(--color-primary)}.tabs--default .tab--active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--color-primary);border-radius:1px 1px 0 0}.tabs--pills .tab{border-radius:var(--radius-md);background:var(--color-bg-tertiary)}.tabs--pills .tab--active{background:var(--color-primary);color:#fff}.tabs--underline .tab--active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--color-primary)}.tab--disabled{opacity:.5;cursor:not-allowed}.tab__icon{display:flex;align-items:center}.tab__badge{padding:2px 6px;background:var(--color-bg-tertiary);border-radius:9999px;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.tab--active .tab__badge{background:var(--color-primary-light);color:var(--color-primary)}.tabs--pills .tab--active .tab__badge{background:#fff3;color:#fff}.tabs-container{width:100%}.tabs-content{padding-top:var(--space-md)}.tab-panel{animation:fadeIn .2s ease-out}.tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.tab svg{width:16px;height:16px}.tab-content{display:none}.tab-content.active{display:block}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.global-search{position:relative;width:100%;max-width:320px}.global-search__input-wrapper{position:relative;display:flex;align-items:center}.global-search__icon{position:absolute;left:.75rem;color:var(--color-text-tertiary);pointer-events:none}.global-search__input{width:100%;height:40px;padding:0 5rem 0 2.5rem;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--font-size-sm);color:var(--color-text-primary);transition:all var(--transition-fast)}.global-search__input::placeholder{color:var(--color-text-tertiary)}.global-search__input:hover{border-color:var(--color-border-medium)}.global-search__input:focus{outline:none;border-color:var(--color-primary);background:var(--color-bg-base);box-shadow:0 0 0 3px var(--color-primary-light)}.global-search__clear{position:absolute;right:3.5rem;display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;background:var(--color-bg-tertiary);border:none;border-radius:var(--radius-full);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.global-search__clear:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.global-search__shortcut{position:absolute;right:.75rem;display:flex;align-items:center;gap:2px;padding:.25rem .5rem;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-family);font-size:var(--font-size-xs);color:var(--color-text-tertiary);pointer-events:none}.global-search__shortcut span{font-size:10px}.global-search__dropdown{position:absolute;top:calc(100% + 8px);left:0;right:0;background:var(--color-bg-base);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:1000;overflow:hidden}.global-search__loading,.global-search__empty{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-lg);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.global-search__loading .animate-spin{animation:spin 1s linear infinite}.global-search__results{list-style:none;margin:0;padding:var(--space-xs)}.global-search__result{display:flex;align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-sm) var(--space-md);background:none;border:none;border-radius:var(--radius-md);text-align:left;cursor:pointer;transition:background var(--transition-fast)}.global-search__result:hover,.global-search__result.selected{background:var(--color-bg-secondary)}.global-search__result-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-md);flex-shrink:0}.global-search__result-icon--admin{background:var(--color-info-light);color:var(--color-info)}.global-search__result-icon--client{background:var(--color-success-light);color:var(--color-success)}.global-search__result-icon--product{background:var(--color-warning-light);color:var(--color-warning)}.global-search__result-icon--size_chart{background:var(--color-primary-light);color:var(--color-primary)}.global-search__result-content{flex:1;min-width:0;display:flex;flex-direction:column}.global-search__result-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.global-search__result-subtitle{font-size:var(--font-size-xs);color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.global-search__result-type{font-size:var(--font-size-xs);color:var(--color-text-tertiary);white-space:nowrap}@media(max-width:768px){.global-search{max-width:none}.global-search__shortcut{display:none}.global-search__input{padding-right:2.5rem}.global-search__clear{right:.75rem}}@media(max-width:640px){.global-search__input{height:36px;font-size:var(--font-size-xs)}}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;padding:var(--space-xl);z-index:1000;animation:modalFadeIn .15s ease}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--color-bg-base);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:100%;max-width:500px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:modalSlideUp .2s ease}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal--sm{max-width:400px}.modal--lg{max-width:700px}.modal--xl{max-width:900px}.modal__header{padding:var(--space-lg) var(--space-xl);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}.modal__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.modal__close{width:32px;height:32px;min-width:32px;min-height:32px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border:none;background:var(--color-bg-tertiary);color:var(--color-text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.modal__close:hover{background:var(--color-border);color:var(--color-text-primary)}.modal__body{padding:var(--space-xl);overflow-y:auto;flex:1}.modal__footer{padding:var(--space-md) var(--space-xl);border-top:1px solid var(--color-border);background:var(--color-bg-secondary);display:flex;align-items:center;justify-content:flex-end;gap:var(--space-sm)}@media(max-width:767px){.modal-overlay{padding:0;align-items:flex-end}.modal{max-width:100%;max-height:95vh;border-radius:var(--radius-xl) var(--radius-xl) 0 0;animation:modalSlideUpMobile .3s ease}@keyframes modalSlideUpMobile{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.modal--sm,.modal--lg,.modal--xl{max-width:100%}.modal__header{padding:var(--space-md) var(--space-lg)}.modal__body{padding:var(--space-lg)}.modal__footer{padding:var(--space-md) var(--space-lg);flex-wrap:wrap}.modal__footer .btn{flex:1;min-width:120px}.modal__close{width:40px;height:40px;min-width:40px;min-height:40px}.modal__close svg{width:22px;height:22px}}@media(max-width:480px){.modal__header,.modal__body{padding:var(--space-md)}.modal__footer{padding:var(--space-sm) var(--space-md);gap:var(--space-xs)}.modal__title{font-size:var(--font-size-md)}}.action-menu{position:relative}.action-menu__trigger{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--color-text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.action-menu__trigger:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.action-menu__dropdown{position:absolute;top:100%;right:0;z-index:100;min-width:160px;padding:var(--space-xs);background:var(--color-bg-elevated);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);margin-top:var(--space-xs)}.action-menu__dropdown--left{right:auto;left:0}.action-menu__item{display:flex;align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);color:var(--color-text-primary);background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);text-align:left;text-decoration:none}.action-menu__item:hover{background:var(--color-bg-tertiary);color:var(--color-primary)}.action-menu__item svg{width:16px;height:16px;flex-shrink:0;color:var(--color-text-secondary)}.action-menu__item:hover svg{color:var(--color-primary)}.action-menu__item--danger{color:var(--color-danger)}.action-menu__item--danger:hover{background:var(--color-danger-light);color:var(--color-danger)}.action-menu__item--danger svg{color:var(--color-danger)}.action-menu__item--success{color:var(--color-success)}.action-menu__item--success:hover{background:var(--color-success-light);color:var(--color-success)}.action-menu__item--success svg{color:var(--color-success)}.action-menu__item--disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.action-menu__divider{height:1px;margin:var(--space-xs) 0;background:var(--color-border-light)}.dropdown{position:relative;display:inline-block}.dropdown-menu{position:absolute;top:calc(100% + 4px);right:0;min-width:180px;background:var(--color-bg-base);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-xs);z-index:100;display:none}.dropdown.active .dropdown-menu,.dropdown-menu.show{display:block}.dropdown-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm);color:var(--color-text-primary);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast);text-decoration:none;border:none;background:transparent;width:100%;text-align:left}.dropdown-item:hover{background:var(--color-bg-tertiary)}.dropdown-item svg{width:16px;height:16px;color:var(--color-text-secondary)}.dropdown-item--danger{color:var(--color-danger)}.dropdown-item--danger svg{color:var(--color-danger)}.dropdown-divider{height:1px;background:var(--color-border);margin:var(--space-xs) 0}.error-boundary{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-2xl);text-align:center;min-height:200px}.error-boundary__icon{color:var(--color-danger);margin-bottom:var(--space-lg)}.error-boundary__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-sm)}.error-boundary__message{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-lg);max-width:400px}.error-boundary__details{width:100%;max-width:500px;padding:var(--space-md);background:var(--color-bg-tertiary);border-radius:var(--radius-md);text-align:left;font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--color-danger);overflow-x:auto;margin-bottom:var(--space-lg)}.error-boundary__actions{display:flex;gap:var(--space-sm)}.page-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;padding:var(--space-2xl);text-align:center}.page-error__icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:var(--color-danger-light);color:var(--color-danger);border-radius:var(--radius-full);margin-bottom:var(--space-xl)}.page-error__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-sm)}.page-error__message{font-size:var(--font-size-base);color:var(--color-text-secondary);margin-bottom:var(--space-xl);max-width:500px}.page-error__details{width:100%;max-width:600px;padding:var(--space-lg);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-align:left;margin-bottom:var(--space-xl)}.page-error__details-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-sm)}.page-error__details-content{font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--color-danger);white-space:pre-wrap;word-break:break-all}.page-error__actions{display:flex;gap:var(--space-md)}.theme-toggle{display:flex;align-items:center;gap:var(--space-2xs);padding:var(--space-2xs);background:var(--color-bg-tertiary);border-radius:var(--radius-md)}.theme-toggle__btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--color-text-tertiary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.theme-toggle__btn:hover{color:var(--color-text-secondary)}.theme-toggle__btn--active{background:var(--color-bg-base);color:var(--color-primary);box-shadow:var(--shadow-sm)}.theme-toggle__btn svg{width:16px;height:16px}.theme-toggle-simple{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-border-medium);background:var(--color-bg-base);color:var(--color-text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.theme-toggle-simple:hover{background:var(--color-bg-hover);border-color:var(--color-border-dark);color:var(--color-text-primary)}.theme-toggle-simple svg{width:22px;height:22px}.shortcuts-help{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#00000080;padding:var(--space-xl)}.shortcuts-help__modal{width:100%;max-width:500px;background:var(--color-bg-base);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);overflow:hidden}.shortcuts-help__header{padding:var(--space-lg) var(--space-xl);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between}.shortcuts-help__title{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.shortcuts-help__close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--color-text-tertiary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.shortcuts-help__close:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.shortcuts-help__body{padding:var(--space-xl);max-height:60vh;overflow-y:auto}.shortcuts-help__section{margin-bottom:var(--space-xl)}.shortcuts-help__section:last-child{margin-bottom:0}.shortcuts-help__section-title{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-md)}.shortcut-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) 0}.shortcut-item__label{font-size:var(--font-size-sm);color:var(--color-text-primary)}.shortcut-item__keys{display:flex;gap:4px}.shortcut-item__key{padding:4px 8px;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-family:var(--font-family-mono);color:var(--color-text-secondary)}.notification-center{position:relative}.notification-center__trigger{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--color-text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);position:relative}.notification-center__trigger:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.notification-center__trigger svg{width:20px;height:20px}.notification-center__badge{position:absolute;top:4px;right:4px;min-width:16px;height:16px;padding:0 4px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:var(--font-weight-semibold);color:#fff;background:var(--color-danger);border-radius:var(--radius-full)}.notification-center__panel{position:absolute;top:calc(100% + var(--space-sm));right:0;width:380px;max-height:480px;background:var(--color-bg-base);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);overflow:hidden;z-index:100}.notification-center__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-border)}.notification-center__header h3{margin:0;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.notification-center__actions{display:flex;gap:var(--space-xs)}.notification-center__action{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--color-text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.notification-center__action:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.notification-center__action--danger:hover{background:var(--color-danger-light);color:var(--color-danger)}.notification-center__list{max-height:360px;overflow-y:auto}.notification-center__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);padding:var(--space-2xl);color:var(--color-text-tertiary)}.notification-center__empty svg{opacity:.5}.notification-center__footer{padding:var(--space-sm) var(--space-lg);border-top:1px solid var(--color-border);font-size:var(--font-size-xs);color:var(--color-text-tertiary);text-align:center}.notification-item{display:flex;gap:var(--space-md);padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-border);transition:background var(--transition-fast)}.notification-item:hover{background:var(--color-bg-secondary)}.notification-item--unread{background:var(--color-primary-light)}.notification-item--unread:hover{background:var(--color-primary-lighter)}.notification-item__icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);flex-shrink:0}.notification-item__icon--info{background:var(--color-info-light);color:var(--color-info)}.notification-item__icon--success{background:var(--color-success-light);color:var(--color-success)}.notification-item__icon--warning{background:var(--color-warning-light);color:var(--color-warning)}.notification-item__icon--error{background:var(--color-danger-light);color:var(--color-danger)}.notification-item__content{flex:1;min-width:0}.notification-item__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:2px}.notification-item__message{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-bottom:var(--space-xs)}.notification-item__meta{display:flex;align-items:center;gap:var(--space-md)}.notification-item__time{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.notification-item__link{display:inline-flex;align-items:center;gap:4px;font-size:var(--font-size-xs);color:var(--color-primary);text-decoration:none}.notification-item__link:hover{text-decoration:underline}.notification-item__actions{display:flex;flex-direction:column;gap:var(--space-xs)}.notification-item__action{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--color-text-tertiary);border-radius:var(--radius-sm);cursor:pointer;opacity:0;transition:all var(--transition-fast)}.notification-item:hover .notification-item__action{opacity:1}.notification-item__action:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.notification-item__action--delete:hover{background:var(--color-danger-light);color:var(--color-danger)}.api-key-validator{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:6px;font-size:var(--font-size-sm)}.api-key-validator__status{display:flex;align-items:center;gap:6px}.api-key-validator__icon{flex-shrink:0}.api-key-validator__icon--loading{color:var(--color-primary);animation:spin 1s linear infinite}.api-key-validator__icon--valid{color:var(--color-success)}.api-key-validator__icon--invalid{color:var(--color-danger)}.api-key-validator__icon--error{color:var(--color-warning)}.api-key-validator__message{display:flex;align-items:center;gap:8px}.api-key-validator__message--idle{color:var(--color-text-secondary)}.api-key-validator__message--validating{color:var(--color-primary)}.api-key-validator__message--valid{color:var(--color-success)}.api-key-validator__message--invalid{color:var(--color-danger)}.api-key-validator__message--error{color:var(--color-warning)}.api-key-validator__badge{display:inline-flex;align-items:center;padding:2px 6px;font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;background:var(--color-success);color:#fff;border-radius:var(--radius-sm)}.api-key-validator__details{width:100%;font-size:11px;color:var(--color-text-secondary);margin-top:2px}.api-key-validator__actions{margin-left:auto}.api-key-validator__dropdown{position:relative}.api-key-validator__test-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;font-size:var(--font-size-xs);font-weight:500;color:var(--color-text-secondary);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:all .15s ease}.api-key-validator__test-btn:hover{background:var(--color-bg-hover);border-color:var(--color-border-hover)}.api-key-validator__test-btn:disabled{opacity:.5;cursor:not-allowed}.api-key-validator__dropdown-menu{position:absolute;top:100%;right:0;z-index:100;min-width:180px;margin-top:4px;padding:4px;background:var(--color-bg-base);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg)}.api-key-validator__dropdown-item{display:flex;flex-wrap:wrap;align-items:center;gap:8px;width:100%;padding:8px 10px;font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-primary);text-align:left;background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:background .15s ease}.api-key-validator__dropdown-item:hover{background:var(--color-bg-hover)}.api-key-validator__dropdown-item svg{flex-shrink:0;color:var(--color-primary)}.api-key-validator__dropdown-hint{width:100%;font-size:11px;color:var(--color-text-secondary);margin-left:22px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.language-selector{position:relative}.language-selector__trigger{display:flex;align-items:center;gap:6px;height:36px;padding:0 12px;border:1px solid var(--color-border-medium);background:var(--color-bg-base);color:var(--color-text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);font-size:.8125rem;font-weight:500}.language-selector__trigger:hover{background:var(--color-bg-hover);border-color:var(--color-border-dark);color:var(--color-text-primary)}.language-selector__trigger svg{flex-shrink:0}.language-selector__globe{opacity:.6}.language-selector__current{font-size:.8125rem;font-weight:600;letter-spacing:.03em}.language-selector__chevron{opacity:.5;transition:transform var(--transition-fast)}.language-selector.active .language-selector__chevron{transform:rotate(90deg)}.language-selector__dropdown{position:absolute;top:calc(100% + 6px);right:0;min-width:150px;background:var(--color-bg-base);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-xs);z-index:100;display:none}.language-selector.active .language-selector__dropdown{display:block;animation:dropdown-fade-in .15s ease-out}@keyframes dropdown-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.language-selector__option{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;font-size:var(--font-size-sm);color:var(--color-text-primary);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast);text-align:left}.language-selector__option:hover{background:var(--color-bg-tertiary)}.language-selector__option.active{background:var(--color-primary-light);color:var(--color-primary)}.language-selector__code{font-size:.75rem;font-weight:600;letter-spacing:.05em;color:var(--color-text-tertiary);width:24px}.language-selector__option.active .language-selector__code{color:var(--color-primary)}.language-selector__name{flex:1;font-weight:500}.language-selector__check{flex-shrink:0;color:var(--color-primary)}.impersonation-banner{position:fixed;top:0;left:0;right:0;z-index:10000;display:flex;align-items:center;justify-content:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);background:linear-gradient(90deg,#f59e0b,#d97706);color:#fff;font-size:var(--font-size-sm);font-weight:500;box-shadow:0 2px 8px #00000026}.impersonation-banner__content{display:flex;align-items:center;gap:var(--space-sm)}.impersonation-banner__icon{flex-shrink:0}.impersonation-banner__text{white-space:nowrap}.impersonation-banner__exit{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) .75rem;background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-md);color:#fff;font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all .2s ease}.impersonation-banner__exit:hover{background:#ffffff4d;border-color:#ffffff80}.impersonation-banner__exit:focus-visible{outline:2px solid #fff;outline-offset:2px}:root:has(.impersonation-banner) .admin-sidebar{top:40px;height:calc(100vh - 40px)}:root:has(.impersonation-banner) .admin-main{padding-top:40px}@media(max-width:640px){.impersonation-banner{flex-direction:column;gap:var(--space-sm);padding:.75rem var(--space-md)}.impersonation-banner__text{font-size:var(--font-size-xs)}:root:has(.impersonation-banner) .admin-sidebar{top:68px;height:calc(100vh - 68px)}:root:has(.impersonation-banner) .admin-main{padding-top:68px}}.category-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;background:color-mix(in srgb,var(--category-color) 15%,transparent);color:var(--category-color);border-radius:var(--radius-sm);font-weight:500;line-height:1;white-space:nowrap}.category-badge--sm{padding:2px 6px;font-size:11px}.category-badge--md{padding:3px 8px;font-size:12px}.category-badge__icon,.category-badge__text{flex-shrink:0}[data-theme=dark] .category-badge{background:color-mix(in srgb,var(--category-color) 20%,transparent)}.priority-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:var(--radius-sm);font-weight:500;line-height:1;white-space:nowrap}.priority-badge--sm{padding:2px 6px;font-size:11px}.priority-badge--md{padding:3px 8px;font-size:12px}.priority-badge--critical{background:var(--color-danger-bg);color:var(--color-danger)}.priority-badge--high{background:var(--color-warning-bg);color:var(--color-warning-dark)}.priority-badge--normal{background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.priority-badge--low{background:var(--color-bg-tertiary);color:var(--color-text-tertiary)}.priority-badge__icon,.priority-badge__text{flex-shrink:0}.reaction-buttons{display:inline-flex;align-items:center;gap:var(--space-xs)}.reaction-buttons--sm{gap:var(--space-2xs)}.reaction-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border:1px solid var(--color-border-light);background:var(--color-bg-base);color:var(--color-text-tertiary);border-radius:var(--radius-md);font-size:12px;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.reaction-buttons--sm .reaction-btn{padding:3px 6px;font-size:11px}.reaction-btn:hover:not(:disabled){border-color:var(--color-border-dark);color:var(--color-text-secondary);background:var(--color-bg-hover)}.reaction-btn:disabled{opacity:.6;cursor:not-allowed}.reaction-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:1px}.reaction-btn--like.reaction-btn--active{border-color:var(--color-success);background:var(--color-success-bg);color:var(--color-success)}.reaction-btn--like:hover:not(:disabled):not(.reaction-btn--active){border-color:var(--color-success-alpha-50);color:var(--color-success)}.reaction-btn--neutral.reaction-btn--active{border-color:var(--color-warning);background:var(--color-warning-bg);color:var(--color-warning-dark)}.reaction-btn--neutral:hover:not(:disabled):not(.reaction-btn--active){border-color:var(--color-warning-alpha-50);color:var(--color-warning-dark)}.reaction-btn--dislike.reaction-btn--active{border-color:var(--color-danger);background:var(--color-danger-bg);color:var(--color-danger)}.reaction-btn--dislike:hover:not(:disabled):not(.reaction-btn--active){border-color:var(--color-danger-alpha-50);color:var(--color-danger)}.reaction-btn__icon{transition:transform var(--transition-fast)}.reaction-btn--active .reaction-btn__icon{animation:reaction-pop .3s ease-out}@keyframes reaction-pop{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.reaction-btn__count{font-variant-numeric:tabular-nums}.reaction-btn__label{margin-left:2px}@media(max-width:480px){.reaction-btn__label{display:none}}.changelog-card{position:relative;padding:var(--space-md);background:var(--color-bg-base);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.changelog-card[role=button]{cursor:pointer}.changelog-card[role=button]:hover{border-color:var(--color-border-medium);box-shadow:var(--shadow-sm)}.changelog-card[role=button]:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.changelog-card--compact{padding:var(--space-sm) var(--space-md)}.changelog-card--compact .changelog-card__summary{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.changelog-card--unread{background:var(--color-primary-alpha-5);border-color:var(--color-primary-alpha-20)}.changelog-card__unread-dot{position:absolute;top:var(--space-md);left:calc(-1 * var(--space-xs));width:8px;height:8px;background:var(--color-primary);border-radius:50%;box-shadow:0 0 0 2px var(--color-bg-base)}.changelog-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-sm);margin-bottom:var(--space-xs)}.changelog-card__badges{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-xs)}.changelog-card__version{padding:2px 6px;background:var(--color-bg-tertiary);color:var(--color-text-secondary);font-size:11px;font-weight:600;font-family:var(--font-mono);border-radius:var(--radius-sm)}.changelog-card__pin,.changelog-card__featured{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:var(--radius-sm)}.changelog-card__pin{background:var(--color-info-bg);color:var(--color-info)}.changelog-card__featured{background:var(--color-warning-bg);color:var(--color-warning-dark)}.changelog-card__bookmark{flex-shrink:0;padding:var(--space-2xs);border:none;background:transparent;color:var(--color-text-tertiary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.changelog-card__bookmark:hover{background:var(--color-bg-hover);color:var(--color-text-secondary)}.changelog-card__bookmark--active{color:var(--color-primary)}.changelog-card__bookmark--active:hover{color:var(--color-primary-dark)}.changelog-card__title{margin:0 0 var(--space-xs);font-size:var(--text-base);font-weight:600;color:var(--color-text-primary);line-height:1.4}.changelog-card--compact .changelog-card__title{font-size:var(--text-sm)}.changelog-card__summary{margin:0 0 var(--space-sm);font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.5}.changelog-card__content{margin:var(--space-sm) 0;padding:var(--space-sm);background:var(--color-bg-secondary);border-radius:var(--radius-md);font-size:var(--text-sm);line-height:1.6}.changelog-card__content h1,.changelog-card__content h2,.changelog-card__content h3,.changelog-card__content h4{margin-top:var(--space-md);margin-bottom:var(--space-xs);font-weight:600}.changelog-card__content h1:first-child,.changelog-card__content h2:first-child,.changelog-card__content h3:first-child{margin-top:0}.changelog-card__content p{margin-bottom:var(--space-sm)}.changelog-card__content ul,.changelog-card__content ol{margin-bottom:var(--space-sm);padding-left:var(--space-lg)}.changelog-card__content li{margin-bottom:var(--space-2xs)}.changelog-card__content code{padding:2px 4px;background:var(--color-bg-tertiary);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.9em}.changelog-card__content pre{padding:var(--space-sm);background:var(--color-bg-tertiary);border-radius:var(--radius-md);overflow-x:auto}.changelog-card__content pre code{padding:0;background:transparent}.changelog-card__footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-sm);padding-top:var(--space-sm);border-top:1px solid var(--color-border-light)}.changelog-card__meta{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--text-xs);color:var(--color-text-tertiary)}.changelog-card__author{display:flex;align-items:center;gap:var(--space-2xs)}.changelog-card__author-avatar{width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:var(--color-primary-alpha-20);color:var(--color-primary);font-size:10px;font-weight:600;border-radius:50%}.changelog-card__date{opacity:.8}.changelog-card__actions{display:flex;align-items:center;gap:var(--space-sm)}.changelog-card__comments{display:flex;align-items:center;gap:4px;color:var(--color-text-tertiary);font-size:var(--text-xs)}.changelog-card__expand{padding:var(--space-2xs);border:none;background:transparent;color:var(--color-text-tertiary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.changelog-card__expand:hover{background:var(--color-bg-hover);color:var(--color-text-secondary)}@media(max-width:480px){.changelog-card__footer{flex-direction:column;align-items:flex-start}.changelog-card__actions{width:100%;justify-content:space-between}}.changelog-modal-overlay{position:fixed;inset:0;z-index:1000;background:#00000080;animation:changelog-overlay-in .2s ease-out}@keyframes changelog-overlay-in{0%{opacity:0}to{opacity:1}}.changelog-modal{position:fixed;top:0;right:0;bottom:0;width:100%;max-width:420px;display:flex;flex-direction:column;background:var(--color-bg-base);box-shadow:var(--shadow-xl);animation:changelog-drawer-in .25s ease-out}@keyframes changelog-drawer-in{0%{transform:translate(100%)}to{transform:translate(0)}}.changelog-modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-border-light)}.changelog-modal__title{margin:0;font-size:var(--text-lg);font-weight:600;color:var(--color-text-primary)}.changelog-modal__header-actions{display:flex;align-items:center;gap:var(--space-xs)}.changelog-modal__close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--color-text-tertiary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.changelog-modal__close:hover{background:var(--color-bg-hover);color:var(--color-text-secondary)}.changelog-modal__tabs{padding:var(--space-sm) var(--space-lg);border-bottom:1px solid var(--color-border-light)}.changelog-modal__content{flex:1;overflow-y:auto;padding:var(--space-md) var(--space-lg)}.changelog-modal__loading{display:flex;align-items:center;justify-content:center;padding:var(--space-2xl)}.changelog-modal__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-2xl);text-align:center;color:var(--color-text-tertiary)}.changelog-modal__empty svg{margin-bottom:var(--space-md);opacity:.5}.changelog-modal__empty p{margin:0;font-size:var(--text-sm)}.changelog-modal__list{display:flex;flex-direction:column;gap:var(--space-sm)}.changelog-modal__footer{padding:var(--space-md) var(--space-lg);border-top:1px solid var(--color-border-light);background:var(--color-bg-secondary)}.changelog-modal__view-all{width:100%;justify-content:center}@media(max-width:480px){.changelog-modal{max-width:100%}.changelog-modal__header,.changelog-modal__tabs,.changelog-modal__content,.changelog-modal__footer{padding-left:var(--space-md);padding-right:var(--space-md)}}[data-theme=dark] .changelog-modal-overlay{background:#000000b3}.changelog-bell{position:relative;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-border-medium);background:var(--color-bg-base);color:var(--color-text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.changelog-bell:hover{background:var(--color-bg-hover);border-color:var(--color-border-dark);color:var(--color-text-primary)}.changelog-bell:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.changelog-bell__icon{width:20px;height:20px;transition:transform var(--transition-fast)}.changelog-bell:hover .changelog-bell__icon{transform:rotate(-10deg)}.changelog-bell__badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 5px;display:flex;align-items:center;justify-content:center;background:var(--color-danger);color:#fff;font-size:11px;font-weight:600;line-height:1;border-radius:999px;box-shadow:0 2px 4px #0003}.changelog-bell--pulse{animation:changelog-bell-pulse .6s ease-out}.changelog-bell--pulse .changelog-bell__badge{animation:changelog-badge-bounce .5s ease-out}@keyframes changelog-bell-pulse{0%{box-shadow:0 0 0 0 var(--color-primary-alpha-40)}50%{box-shadow:0 0 0 8px var(--color-primary-alpha-0)}to{box-shadow:0 0 0 0 var(--color-primary-alpha-0)}}@keyframes changelog-badge-bounce{0%,to{transform:scale(1)}30%{transform:scale(1.3)}60%{transform:scale(.9)}}@media(max-width:640px){.changelog-bell{width:36px;height:36px}.changelog-bell__icon{width:18px;height:18px}.changelog-bell__badge{min-width:16px;height:16px;font-size:10px;padding:0 4px}}.sarah-button{position:relative;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-border-medium);background:var(--color-bg-base);color:var(--color-text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.sarah-button:hover{background:var(--color-bg-hover);border-color:var(--color-primary);color:var(--color-primary)}.sarah-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.sarah-button__icon{width:20px;height:20px;transition:transform var(--transition-fast)}.sarah-button:hover .sarah-button__icon{transform:scale(1.1)}@media(max-width:640px){.sarah-button{width:36px;height:36px}.sarah-button__icon{width:18px;height:18px}}.sarah-overlay{position:fixed;inset:0;z-index:1000;background:#0000004d;animation:sarah-fade-in .2s ease-out}@keyframes sarah-fade-in{0%{opacity:0}to{opacity:1}}.sarah-sidebar{position:fixed;top:0;right:0;width:420px;height:100vh;display:flex;flex-direction:column;background:var(--color-bg-base);border-left:1px solid var(--color-border-medium);box-shadow:-4px 0 24px #0000001a;animation:sarah-slide-in .25s ease-out;z-index:1001}@keyframes sarah-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}.sarah-sidebar__header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--color-border-light);flex-shrink:0}.sarah-sidebar__title{display:flex;align-items:center;gap:8px}.sarah-sidebar__name{font-size:16px;font-weight:600;color:var(--color-text-primary)}.sarah-sidebar__badge{font-size:10px;font-weight:700;padding:2px 6px;border-radius:999px;background:var(--color-primary);color:#fff;letter-spacing:.5px}.sarah-sidebar__actions{display:flex;align-items:center;gap:4px}.sarah-sidebar__action-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--color-text-tertiary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.sarah-sidebar__action-btn:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.sarah-messages{flex:1;overflow-y:auto;padding:16px 20px;display:flex;flex-direction:column;gap:16px}.sarah-message{display:flex;gap:10px;max-width:100%}.sarah-message--user{justify-content:flex-end}.sarah-message--assistant{justify-content:flex-start}.sarah-message__avatar{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}.sarah-message--assistant .sarah-message__avatar{background:var(--color-primary-alpha-10, rgba(99, 102, 241, .1));color:var(--color-primary)}.sarah-message--user .sarah-message__avatar{background:var(--color-bg-muted);color:var(--color-text-secondary)}.sarah-message__bubble{max-width:85%}.sarah-message__content{padding:10px 14px;border-radius:12px;font-size:14px;line-height:1.5;white-space:pre-wrap;word-break:break-word}.sarah-message--user .sarah-message__content{background:var(--color-primary);color:#fff;border-bottom-right-radius:4px;max-width:85%}.sarah-message--assistant .sarah-message__content{background:var(--color-bg-muted);color:var(--color-text-primary);border-bottom-left-radius:4px}.sarah-markdown{white-space:normal}.sarah-markdown p{margin:0 0 8px}.sarah-markdown p:last-child{margin-bottom:0}.sarah-markdown strong{font-weight:600}.sarah-markdown em{font-style:italic}.sarah-markdown code{background:#0000000f;padding:1px 5px;border-radius:4px;font-size:.9em;font-family:SF Mono,Fira Code,Consolas,monospace}.sarah-markdown pre{background:#0000000f;padding:10px 12px;border-radius:8px;overflow-x:auto;margin:8px 0;font-size:.85em}.sarah-markdown pre code{background:none;padding:0;border-radius:0}.sarah-markdown ul,.sarah-markdown ol{margin:4px 0 8px;padding-left:20px}.sarah-markdown li{margin-bottom:2px}.sarah-markdown h1,.sarah-markdown h2,.sarah-markdown h3,.sarah-markdown h4{font-weight:600;margin:12px 0 6px;line-height:1.3}.sarah-markdown h1{font-size:1.15em}.sarah-markdown h2{font-size:1.1em}.sarah-markdown h3{font-size:1.05em}.sarah-markdown h4{font-size:1em}.sarah-markdown h1:first-child,.sarah-markdown h2:first-child,.sarah-markdown h3:first-child,.sarah-markdown h4:first-child{margin-top:0}.sarah-markdown table{width:100%;border-collapse:collapse;margin:8px 0;font-size:.9em}.sarah-markdown th,.sarah-markdown td{padding:4px 8px;border:1px solid var(--color-border-light, rgba(0, 0, 0, .1));text-align:left}.sarah-markdown th{font-weight:600;background:#00000008}.sarah-message__cursor{display:inline-block;width:2px;height:16px;background:var(--color-primary);margin-left:2px;vertical-align:text-bottom;animation:sarah-cursor-blink .8s step-end infinite}@keyframes sarah-cursor-blink{0%,to{opacity:1}50%{opacity:0}}.sarah-status{display:flex;align-items:center;gap:6px;padding:6px 14px 2px;font-size:12px;color:var(--color-text-tertiary)}.sarah-status__dot{width:6px;height:6px;border-radius:50%;background:var(--color-primary);animation:sarah-dot-pulse 1.2s ease-in-out infinite}@keyframes sarah-dot-pulse{0%,to{opacity:.4;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.sarah-sidebar__error{padding:10px 20px;background:var(--color-danger-alpha-10, rgba(239, 68, 68, .1));color:var(--color-danger);font-size:13px;border-top:1px solid var(--color-danger-alpha-20, rgba(239, 68, 68, .2));flex-shrink:0}.sarah-sidebar__input{padding:12px 16px 16px;border-top:1px solid var(--color-border-light);flex-shrink:0}.sarah-chat-input{display:flex;align-items:flex-end;gap:8px}.sarah-chat-input__textarea{flex:1;border:1px solid var(--color-border-medium);background:var(--color-bg-muted);color:var(--color-text-primary);font-size:14px;line-height:1.5;resize:none;outline:none;min-height:40px;max-height:120px;font-family:inherit;border-radius:12px;padding:8px 14px;transition:border-color var(--transition-fast)}.sarah-chat-input__textarea:focus{border-color:var(--color-primary)}.sarah-chat-input__textarea::placeholder{color:var(--color-text-tertiary)}.sarah-chat-input__send{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:none;background:var(--color-primary);color:#fff;border-radius:12px;cursor:pointer;flex-shrink:0;transition:all var(--transition-fast)}.sarah-chat-input__send:hover:not(:disabled){background:var(--color-primary-dark)}.sarah-chat-input__send:disabled{opacity:.4;cursor:not-allowed}@media(max-width:640px){.sarah-sidebar{width:100vw}}@media(max-width:768px){.sarah-sidebar{width:100vw}}.error-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-xl);position:relative;overflow:hidden;background:#0e1b2a}.error-page__bg{position:absolute;inset:0;pointer-events:none;overflow:hidden}.error-page__bg-gradient{position:absolute;inset:0;background:radial-gradient(ellipse 60% 40% at 50% 0%,rgba(15,185,177,.08),transparent)}.error-page__bg-glow{position:absolute;width:400px;height:400px;top:50%;left:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(15,185,177,.06) 0%,transparent 70%);animation:pulse-subtle 6s ease-in-out infinite}@keyframes pulse-subtle{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(1)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.02)}}.error-page__container{position:relative;z-index:1;width:100%;max-width:480px;text-align:center;opacity:0;transform:translateY(12px);animation:fade-in .5s ease-out .1s forwards}@keyframes fade-in{to{opacity:1;transform:translateY(0)}}.error-page__icon{margin-bottom:var(--space-lg);opacity:0;animation:fade-in .5s ease-out .1s forwards}.error-page__icon-inner{display:flex;align-items:center;justify-content:center;width:64px;height:64px;margin:0 auto;background:#0fb9b1;border-radius:50%;color:#0e1b2a;box-shadow:0 0 0 8px #0fb9b11f}.error-page__code{font-size:clamp(72px,15vw,120px);font-weight:700;line-height:1;color:#daeef2;letter-spacing:-.02em;margin-bottom:var(--space-lg);opacity:0;animation:fade-in .5s ease-out .2s forwards}.error-page__content{margin-bottom:var(--space-xl)}.error-page__title{font-size:var(--font-size-xl);font-weight:600;color:#daeef2;margin:0 0 var(--space-sm);line-height:1.3}.error-page__message{font-size:var(--font-size-sm);color:#daeef299;line-height:1.6;max-width:360px;margin:0 auto}.error-page__search{margin-bottom:var(--space-xl)}.error-page__search-wrapper{position:relative;max-width:360px;margin:0 auto}.error-page__search-icon{position:absolute;left:var(--space-md);top:50%;transform:translateY(-50%);color:#daeef266;pointer-events:none}.error-page__search-input{width:100%;padding:var(--space-sm) var(--space-md);padding-left:44px;font-size:var(--font-size-sm);color:#daeef2;background:#daeef20d;border:1px solid rgba(218,238,242,.1);border-radius:var(--radius-lg);outline:none;transition:all .2s ease}.error-page__search-input::placeholder{color:#daeef266}.error-page__search-input:hover{border-color:#daeef233}.error-page__search-input:focus{border-color:#0fb9b1;background:#0fb9b10d}.error-page__actions{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);flex-wrap:wrap;margin-bottom:var(--space-2xl)}.error-page__btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-lg);font-size:var(--font-size-sm);font-weight:500;border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;border:none}.error-page__btn--primary{background:#0fb9b1;color:#0e1b2a}.error-page__btn--primary:hover{background:#0da9a2;box-shadow:0 4px 12px #0fb9b140}.error-page__btn--secondary{background:#daeef214;color:#daeef2;border:1px solid rgba(218,238,242,.15)}.error-page__btn--secondary:hover{background:#daeef21f;border-color:#daeef240}.error-page__btn--ghost{background:transparent;color:#daeef299}.error-page__btn--ghost:hover{color:#daeef2;background:#daeef20d}.error-page__quick-links{padding-top:var(--space-xl);border-top:1px solid rgba(218,238,242,.08)}.error-page__quick-links-title{font-size:var(--font-size-xs);font-weight:500;color:#daeef266;text-transform:uppercase;letter-spacing:.08em;margin:0 0 var(--space-md)}.error-page__quick-links-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-sm)}.error-page__quick-link{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);padding:var(--space-md);background:#daeef208;border:1px solid transparent;border-radius:var(--radius-md);color:#daeef299;font-size:var(--font-size-xs);font-weight:500;cursor:pointer;transition:all .2s ease}.error-page__quick-link:hover{background:#0fb9b114;border-color:#0fb9b133;color:#0fb9b1}.error-page__quick-link svg{opacity:.6;transition:opacity .2s ease}.error-page__quick-link:hover svg{opacity:1}.error-page__footer{margin-top:var(--space-xl)}.error-page__footer p{font-size:var(--font-size-sm);color:#daeef266;margin:0}.error-page__link{color:#0fb9b1;text-decoration:none;font-weight:500;transition:opacity .2s ease}.error-page__link:hover{opacity:.8}@media(max-width:640px){.error-page{padding:var(--space-lg)}.error-page__icon-inner{width:56px;height:56px}.error-page__icon-inner svg{width:24px;height:24px}.error-page__title{font-size:var(--font-size-lg)}.error-page__actions{flex-direction:column}.error-page__btn{width:100%}.error-page__quick-links-grid{grid-template-columns:repeat(2,1fr)}}[data-theme=light] .error-page{background:var(--color-bg-base)}[data-theme=light] .error-page__bg-gradient{background:radial-gradient(ellipse 60% 40% at 50% 0%,rgba(15,185,177,.06),transparent)}[data-theme=light] .error-page__bg-glow{background:radial-gradient(circle,rgba(15,185,177,.04) 0%,transparent 70%)}[data-theme=light] .error-page__code{color:#0e1b2a}[data-theme=light] .error-page__icon-inner{box-shadow:0 0 0 8px #0fb9b11a}[data-theme=light] .error-page__title{color:#0e1b2a}[data-theme=light] .error-page__message{color:#0e1b2a99}[data-theme=light] .error-page__search-icon{color:#0e1b2a66}[data-theme=light] .error-page__search-input{color:#0e1b2a;background:#0e1b2a08;border-color:#0e1b2a1a}[data-theme=light] .error-page__search-input::placeholder{color:#0e1b2a66}[data-theme=light] .error-page__search-input:hover{border-color:#0e1b2a33}[data-theme=light] .error-page__search-input:focus{border-color:#0fb9b1;background:#0fb9b108}[data-theme=light] .error-page__btn--secondary{background:#0e1b2a0d;color:#0e1b2a;border-color:#0e1b2a1a}[data-theme=light] .error-page__btn--secondary:hover{background:#0e1b2a14;border-color:#0e1b2a26}[data-theme=light] .error-page__btn--ghost{color:#0e1b2a99}[data-theme=light] .error-page__btn--ghost:hover{color:#0e1b2a;background:#0e1b2a0d}[data-theme=light] .error-page__quick-links{border-top-color:#0e1b2a14}[data-theme=light] .error-page__quick-links-title{color:#0e1b2a80}[data-theme=light] .error-page__quick-link{background:#0e1b2a05;color:#0e1b2a99}[data-theme=light] .error-page__quick-link:hover{background:#0fb9b10f;border-color:#0fb9b126;color:#0fb9b1}[data-theme=light] .error-page__footer p{color:#0e1b2a66}.providers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.provider-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:16px}.provider-card__header{margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border)}.provider-card__title{display:flex;align-items:center;gap:8px;font-weight:600;font-size:1rem;color:var(--text-primary);margin-bottom:4px}.provider-card__desc{font-size:.85rem;color:var(--text-secondary)}.provider-card__fields{display:flex;flex-direction:column;gap:12px}.status-icon{flex-shrink:0}.status-icon--success{color:var(--success)}.status-icon--error{color:var(--text-tertiary);opacity:.5}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-actions{margin-top:24px;padding-top:24px;border-top:1px solid var(--border)}.faq-list{display:flex;flex-direction:column;gap:8px}.faq-item{border:1px solid var(--border);border-radius:8px;overflow:hidden}.faq-item--open{border-color:var(--primary)}.faq-item__header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:16px;background:var(--bg-secondary);border:none;cursor:pointer;text-align:left;color:var(--text-primary);transition:background .2s ease}.faq-item__header:hover{background:var(--bg-tertiary)}.faq-item__title{font-weight:500;color:var(--text-primary)}.faq-item__icon{color:var(--text-secondary);transition:transform .2s ease}.faq-item__icon--open{transform:rotate(180deg)}.faq-item__content{padding:16px;background:var(--bg-tertiary);border-top:1px solid var(--border)}.faq-section{margin-bottom:16px}.faq-section:last-of-type{margin-bottom:16px}.faq-section h4{margin:0 0 8px;font-size:.9rem;font-weight:600;color:var(--text-primary)}.faq-steps,.faq-costs,.faq-tips{margin:0;padding-left:20px}.faq-steps li,.faq-costs li,.faq-tips li{margin-bottom:6px;color:var(--text-secondary);line-height:1.5}.faq-steps li::marker{color:var(--primary);font-weight:600}.faq-costs li::marker,.faq-tips li::marker{color:var(--text-tertiary)}.recommendations-table-wrapper{overflow-x:auto;margin:0 -16px;padding:0 16px}.recommendations-table{width:100%;border-collapse:collapse;font-size:.9rem}.recommendations-table th{text-align:left;padding:12px 16px;font-weight:600;color:var(--text-primary);background:var(--bg-secondary);border-bottom:2px solid var(--border);white-space:nowrap}.recommendations-table td{padding:14px 16px;vertical-align:top;border-bottom:1px solid var(--border)}.recommendations-table tr:last-child td{border-bottom:none}.recommendations-table tr:hover td{background:var(--bg-secondary)}.rec-usecase{display:flex;flex-direction:column;gap:2px;min-width:160px}.rec-usecase__title{font-weight:600;color:var(--text-primary)}.rec-usecase__desc{font-size:.8rem;color:var(--text-secondary)}.rec-provider{display:flex;flex-direction:column;gap:4px;min-width:120px}.rec-provider__badge{display:inline-flex;align-items:center;padding:3px 8px;border-radius:4px;font-size:.75rem;font-weight:600;width:fit-content}.rec-provider__badge--openai{background:#10a37f26;color:#10a37f}.rec-provider__badge--gemini{background:#4285f426;color:#4285f4}.rec-provider__badge--vertex{background:#ea433526;color:#ea4335}.rec-provider__badge--fashn{background:#9c27b026;color:#9c27b0}.rec-provider__badge--replicate{background:#ff980026;color:#f57c00}.rec-provider__model{font-size:.8rem;color:var(--text-secondary)}.rec-provider__none{color:var(--text-tertiary)}.rec-notes{color:var(--text-secondary);line-height:1.5;font-size:.85rem}@media(max-width:768px){.providers-grid,.form-row{grid-template-columns:1fr}.recommendations-table{font-size:.85rem}.recommendations-table th,.recommendations-table td{padding:10px 12px}.rec-usecase{min-width:140px}.rec-provider{min-width:100px}.recommendations-table th:nth-child(3),.recommendations-table td:nth-child(3){display:none}}.widget-editor{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:1rem}.widget-editor__left,.widget-editor__right{display:flex;flex-direction:column;gap:1.5rem}.code-input{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:12px;overflow:hidden}.code-input__header{padding:1rem 1.25rem;border-bottom:1px solid var(--color-border)}.code-input__title{display:flex;align-items:center;gap:.5rem;font-size:.9375rem;font-weight:600;color:var(--color-text-primary);margin-bottom:.25rem}.code-input__description{font-size:.8125rem;color:var(--color-text-secondary);margin:0}.code-input__body{padding:1rem 1.25rem}.code-input__textarea{width:100%;min-height:160px;padding:1rem;font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:.8125rem;line-height:1.5;color:var(--color-text-primary);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:8px;resize:vertical;transition:border-color .2s ease}.code-input__textarea:focus{outline:none;border-color:var(--color-primary)}.code-input__textarea.error{border-color:var(--color-danger)}.code-input__textarea::placeholder{color:var(--color-text-tertiary)}.code-input__errors{display:flex;align-items:flex-start;gap:.5rem;margin-top:.75rem;padding:.75rem;background:var(--color-danger-light);border-radius:6px;color:var(--color-danger);font-size:.8125rem}.code-input__errors ul{margin:0;padding-left:1rem}.code-input__errors li{margin-bottom:.25rem}.code-input__errors li:last-child{margin-bottom:0}.code-input__actions{display:flex;align-items:center;gap:.75rem;margin-top:1rem}.code-input__divider{font-size:.8125rem;color:var(--color-text-tertiary)}.code-input__hint{display:flex;align-items:center;gap:.5rem;margin-top:.75rem;padding:.75rem;background:var(--color-success-light);border-radius:6px;color:var(--color-success);font-size:.8125rem}.editor-controls{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:12px;overflow:hidden}.editor-controls__header{padding:1rem 1.25rem;border-bottom:1px solid var(--color-border)}.editor-controls__title{display:flex;align-items:center;gap:.5rem;font-size:.9375rem;font-weight:600;color:var(--color-text-primary);margin:0}.editor-controls__section{border-bottom:1px solid var(--color-border)}.editor-controls__section:last-child{border-bottom:none}.editor-controls__section-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;background:transparent;border:none;cursor:pointer;color:var(--color-text-primary);transition:background .15s ease}.editor-controls__section-header:hover{background:var(--color-bg-secondary)}.editor-controls__section-title{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500}.editor-controls__badge{padding:.125rem .5rem;font-size:.6875rem;font-weight:500;color:var(--color-text-tertiary);background:var(--color-bg-tertiary);border-radius:4px}.editor-controls__section-content{padding:0 1.25rem 1.25rem}.editor-controls__field{margin-bottom:1rem}.editor-controls__field:last-child{margin-bottom:0}.editor-controls__field>label{display:block;font-size:.8125rem;font-weight:500;color:var(--color-text-primary);margin-bottom:.5rem}.editor-controls__field>label small{display:block;font-weight:400;color:var(--color-text-tertiary);margin-top:.125rem}.editor-controls__field-hint{display:block;font-size:.75rem;color:var(--color-text-tertiary);margin-top:.375rem}.editor-controls__field-value{margin-left:.5rem;font-weight:400;color:var(--color-text-secondary)}.editor-controls__field input[type=text],.editor-controls__field textarea{width:100%;padding:.625rem .75rem;font-size:.875rem;color:var(--color-text-primary);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:6px;transition:border-color .2s ease}.editor-controls__field input[type=text]:focus,.editor-controls__field textarea:focus{outline:none;border-color:var(--color-primary)}.editor-controls__field textarea{font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:.8125rem;resize:vertical;min-height:100px}.editor-controls__slider{width:100%;height:6px;-webkit-appearance:none;appearance:none;background:var(--color-bg-tertiary);border-radius:3px;cursor:pointer}.editor-controls__slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;background:var(--color-primary);border-radius:50%;cursor:pointer;transition:transform .15s ease}.editor-controls__slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.editor-controls__slider::-moz-range-thumb{width:18px;height:18px;background:var(--color-primary);border:none;border-radius:50%;cursor:pointer}.editor-controls__field--toggle{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.editor-controls__field--toggle>label{flex:1;margin-bottom:0}.editor-controls__field--toggle>label span{display:block}.editor-controls__field--toggle>label small{margin-top:.125rem}.editor-controls__toggle{position:relative;width:44px;height:24px;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:12px;cursor:pointer;transition:background .2s ease,border-color .2s ease;flex-shrink:0}.editor-controls__toggle.active{background:var(--color-primary);border-color:var(--color-primary)}.editor-controls__toggle-thumb{position:absolute;top:2px;left:2px;width:18px;height:18px;background:#fff;border-radius:50%;transition:transform .2s ease;box-shadow:0 1px 3px #0000001a}.editor-controls__toggle.active .editor-controls__toggle-thumb{transform:translate(20px)}.live-preview{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:12px;overflow:hidden}.live-preview__header{padding:1rem 1.25rem;border-bottom:1px solid var(--color-border)}.live-preview__header-main{display:flex;align-items:center;justify-content:space-between;margin-bottom:.25rem}.live-preview__title{display:flex;align-items:center;gap:.5rem;font-size:.9375rem;font-weight:600;color:var(--color-text-primary);margin:0}.live-preview__view-toggle{display:flex;gap:4px;padding:2px;background:var(--color-bg-tertiary);border-radius:6px}.live-preview__view-btn{display:flex;align-items:center;justify-content:center;width:32px;height:28px;background:transparent;border:none;border-radius:4px;cursor:pointer;color:var(--color-text-tertiary);transition:all .15s ease}.live-preview__view-btn:hover{color:var(--color-text-secondary)}.live-preview__view-btn.active{background:var(--color-bg-primary);color:var(--color-primary);box-shadow:0 1px 2px #0000000d}.live-preview__description{font-size:.8125rem;color:var(--color-text-secondary);margin:0}.live-preview__body{padding:1rem;background:var(--color-bg-secondary);min-height:400px;display:flex;justify-content:center;transition:padding .2s ease}.live-preview__body--mobile{padding:.75rem}.live-preview__body--mobile .live-preview__shadow-host{max-width:320px}.live-preview__shadow-host{width:100%;min-height:380px;background:#f8f9fa;border-radius:8px;transition:max-width .2s ease}.live-preview__footer{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.25rem;background:var(--color-bg-tertiary);font-size:.8125rem;color:var(--color-text-secondary)}.live-preview__footer strong{color:var(--color-primary)}.code-output{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:12px;overflow:hidden}.code-output__header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--color-border)}.code-output__title{display:flex;align-items:center;gap:.5rem;font-size:.9375rem;font-weight:600;color:var(--color-text-primary)}.code-output__actions{display:flex;gap:.5rem}.code-output__body{padding:1rem 1.25rem;max-height:300px;overflow:auto}.code-output__code{margin:0;padding:1rem;font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:.8125rem;line-height:1.6;color:var(--color-text-primary);background:var(--color-bg-tertiary);border-radius:8px;white-space:pre-wrap;word-break:break-all}.code-output__warning{padding:.75rem 1.25rem;background:var(--color-warning-light);color:var(--color-warning);font-size:.8125rem;text-align:center}.code-output__hint{padding:.75rem 1.25rem;background:var(--color-bg-secondary);border-top:1px solid var(--color-border)}.code-output__hint p{margin:0;font-size:.8125rem;color:var(--color-text-secondary);line-height:1.5}.code-output__hint strong{color:var(--color-text-primary)}.color-picker{position:relative}.color-picker__label{display:block;font-size:.8125rem;font-weight:500;color:var(--color-text-primary);margin-bottom:.5rem}.color-picker__control{display:flex;align-items:center;gap:.5rem}.color-picker__preview{width:36px;height:36px;border:2px solid var(--color-border);border-radius:8px;cursor:pointer;transition:border-color .2s ease,transform .15s ease}.color-picker__preview:hover{border-color:var(--color-primary);transform:scale(1.05)}.color-picker__input{flex:1;padding:.5rem .75rem;font-family:SF Mono,Monaco,monospace;font-size:.875rem;color:var(--color-text-primary);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:6px;text-transform:uppercase}.color-picker__input:focus{outline:none;border-color:var(--color-primary)}.color-picker__native{position:absolute;width:0;height:0;opacity:0;pointer-events:none}.color-picker__native-trigger{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:6px;cursor:pointer;color:var(--color-text-secondary);transition:border-color .2s ease,color .2s ease}.color-picker__native-trigger:hover{border-color:var(--color-primary);color:var(--color-primary)}.color-picker__dropdown{position:absolute;top:100%;left:0;margin-top:.5rem;padding:.5rem;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:100}.color-picker__presets{display:grid;grid-template-columns:repeat(4,1fr);gap:.375rem}.color-picker__preset{width:32px;height:32px;border:2px solid transparent;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .15s ease,border-color .15s ease}.color-picker__preset:hover{transform:scale(1.1)}.color-picker__preset.active{border-color:var(--color-text-primary)}@media(max-width:1024px){.widget-editor{grid-template-columns:1fr}}@media(max-width:640px){.code-input__actions{flex-direction:column;align-items:stretch}.code-input__divider{text-align:center}.code-output__header{flex-direction:column;gap:.75rem;align-items:flex-start}.code-output__actions{width:100%}.code-output__actions .btn{flex:1}}.live-preview__tabs{display:flex;gap:4px;padding:3px;background:var(--color-bg-tertiary);border-radius:8px}.live-preview__tab{display:flex;align-items:center;gap:6px;padding:8px 16px;font-size:.8125rem;font-weight:500;color:var(--color-text-tertiary);background:transparent;border:none;border-radius:6px;cursor:pointer;transition:all .15s ease}.live-preview__tab:hover{color:var(--color-text-secondary)}.live-preview__tab.active{background:var(--color-bg-primary);color:var(--color-primary);box-shadow:0 1px 3px #00000014}.live-preview__sub-header{padding:.5rem 1.25rem;border-bottom:1px solid var(--color-border)}.site-preview{display:flex;flex-direction:column}.site-preview__header{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-bottom:1px solid var(--color-border)}.site-preview__url-bar{display:flex;align-items:center;gap:.5rem;flex:1;padding:.375rem .5rem;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:8px}.site-preview__url-input{flex:1;padding:.25rem .5rem;font-size:.8125rem;color:var(--color-text-primary);background:transparent;border:none;outline:none;min-width:0}.site-preview__url-input::placeholder{color:var(--color-text-tertiary)}.site-preview__controls{flex-shrink:0}.site-preview__body{position:relative;min-height:500px;background:var(--color-bg-secondary);display:flex;justify-content:center}.site-preview__body--mobile{padding:.75rem}.site-preview__body--mobile .site-preview__iframe{max-width:375px;margin:0 auto;border:1px solid var(--color-border);border-radius:8px}.site-preview__iframe{width:100%;height:600px;border:none;background:#fff}.site-preview__loading,.site-preview__error,.site-preview__idle{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--color-bg-secondary);z-index:1}.site-preview__placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center}.site-preview__toast{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:var(--color-bg-tertiary);border-top:1px solid var(--color-border);font-size:.8125rem;color:var(--color-text-secondary);animation:toast-slide-in .2s ease}.site-preview__toast span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes toast-slide-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.landing-logos-settings{display:flex;align-items:flex-end;gap:var(--space-4);flex-wrap:wrap}.landing-logos-settings .form-group{flex:0 0 auto;min-width:200px}.landing-logos-settings .form-row{display:flex;align-items:flex-end;gap:var(--space-3)}.landing-logos-list{display:flex;flex-direction:column;gap:var(--space-2)}.landing-logo-item{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:all .15s ease}.landing-logo-item:hover{border-color:var(--border-color-hover)}.landing-logo-item--dragging{box-shadow:0 8px 24px #00000026;border-color:var(--color-primary);opacity:.9;z-index:10}.landing-logo-item--disabled{opacity:.5}.landing-logo-item__handle{display:flex;align-items:center;justify-content:center;padding:var(--space-2);color:var(--text-secondary);cursor:grab;border-radius:var(--radius-sm);transition:all .15s ease}.landing-logo-item__handle:hover{color:var(--text-primary);background:var(--bg-hover)}.landing-logo-item__handle:active{cursor:grabbing}.landing-logo-item__image{width:48px;height:48px;object-fit:contain;border-radius:var(--radius-sm);background:var(--bg-secondary);flex-shrink:0}.landing-logo-item__info{flex:1;min-width:0}.landing-logo-item__name{font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.landing-logo-item__domain{font-size:var(--font-size-sm);color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.landing-logo-item__toggle{flex-shrink:0}.landing-logos-empty{text-align:center;padding:var(--space-8) var(--space-4);color:var(--text-secondary)}.landing-logos-empty__icon{margin-bottom:var(--space-4);opacity:.5}.landing-logos-empty__title{font-weight:500;color:var(--text-primary);margin-bottom:var(--space-2)}.landing-logos-preview{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-primary);text-decoration:none;transition:opacity .15s ease}.landing-logos-preview:hover{opacity:.8;text-decoration:underline}.landing-logo-item__order{display:flex;align-items:center;justify-content:center;width:24px;height:24px;font-size:var(--font-size-sm);font-weight:500;color:var(--text-secondary);background:var(--bg-secondary);border-radius:var(--radius-full);flex-shrink:0}.landing-logos-actions{display:flex;gap:var(--space-3);justify-content:flex-end;padding-top:var(--space-4);border-top:1px solid var(--border-color);margin-top:var(--space-4)}.speed-input-group{display:flex;align-items:center;gap:var(--space-2)}.speed-input-group input{width:80px;text-align:center}.speed-input-group__suffix{color:var(--text-secondary);font-size:var(--font-size-sm)}.subscription-info{display:grid;gap:var(--space-sm)}.subscription-info__item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--color-bg-secondary);border-radius:var(--radius-md);transition:all var(--transition-fast)}.subscription-info__item:hover{background:var(--color-bg-tertiary);transform:translate(4px)}.subscription-info__icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--color-primary-light);color:var(--color-primary);border-radius:var(--radius-md);flex-shrink:0}.subscription-info__icon--success{background:var(--color-success-bg);color:var(--color-success)}.subscription-info__icon--warning{background:var(--color-warning-bg);color:var(--color-warning)}.subscription-info__icon--info{background:var(--color-info-bg);color:var(--color-info)}.subscription-info__content{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.subscription-info__label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em}.subscription-info__value{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);display:flex;align-items:center;gap:var(--space-sm)}.subscription-info__value small{font-weight:var(--font-weight-normal);color:var(--color-text-tertiary);font-size:var(--font-size-xs)}.subscription-info--compact .subscription-info__item{padding:var(--space-sm) var(--space-md)}.subscription-info--compact .subscription-info__icon{width:32px;height:32px}.subscription-info--grid{grid-template-columns:repeat(2,1fr)}@media(max-width:640px){.subscription-info--grid{grid-template-columns:1fr}}.renewal-card{text-align:center;padding:var(--space-xl)}.renewal-card__icon{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-lg)}.renewal-card__icon--primary{background:var(--color-primary-light);color:var(--color-primary)}.renewal-card__icon--success{background:var(--color-success-bg);color:var(--color-success)}.renewal-card__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-xs)}.renewal-card__description{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-lg);line-height:1.5}.subscription-alert{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-lg);border-radius:var(--radius-lg);margin-bottom:var(--space-lg)}.subscription-alert--warning{background:linear-gradient(135deg,#fbbf241a,#f59e0b26);border:1px solid rgba(251,191,36,.3)}.subscription-alert--danger{background:linear-gradient(135deg,#ef44441a,#dc262626);border:1px solid rgba(239,68,68,.3)}.subscription-alert__icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-md);flex-shrink:0}.subscription-alert--warning .subscription-alert__icon{background:#fbbf2433;color:var(--color-warning)}.subscription-alert--danger .subscription-alert__icon{background:#ef444433;color:var(--color-danger)}.subscription-alert__content{flex:1}.subscription-alert__title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2xs)}.subscription-alert--warning .subscription-alert__title{color:var(--color-warning-dark)}.subscription-alert--danger .subscription-alert__title{color:var(--color-danger-dark)}.subscription-alert__message{font-size:var(--font-size-sm);line-height:1.5}.subscription-alert--warning .subscription-alert__message{color:#92400ee6}.subscription-alert--danger .subscription-alert__message{color:#991b1be6}[data-theme=dark] .subscription-alert--warning{background:linear-gradient(135deg,#fbbf2426,#f59e0b1a)}[data-theme=dark] .subscription-alert--warning .subscription-alert__title{color:var(--color-warning)}[data-theme=dark] .subscription-alert--warning .subscription-alert__message{color:#fde047cc}[data-theme=dark] .subscription-alert--danger{background:linear-gradient(135deg,#ef444426,#dc26261a)}[data-theme=dark] .subscription-alert--danger .subscription-alert__title{color:var(--color-danger)}[data-theme=dark] .subscription-alert--danger .subscription-alert__message{color:#fca5a5cc}.payment-history__header{display:flex;align-items:center;justify-content:space-between;cursor:pointer;-webkit-user-select:none;user-select:none}.payment-history__header:hover{opacity:.8}.payment-history__title{display:flex;align-items:center;gap:var(--space-sm)}.payment-history__title h3{margin:0}.payment-history__empty{text-align:center;padding:var(--space-xl);color:var(--color-text-secondary)}.changelogs-timeline{display:flex;flex-direction:column;gap:var(--space-md)}.changelogs-pagination{display:flex;justify-content:center;margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:1px solid var(--color-border-light)}.changelog-detail{max-width:800px;margin:0 auto}.changelog-detail__back{margin-bottom:var(--space-md)}.changelog-detail__card{background:var(--color-bg-base);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);overflow:hidden}.changelog-detail__cover{width:100%;max-height:300px;object-fit:cover}.changelog-detail__body{padding:var(--space-xl)}.changelog-detail__header{margin-bottom:var(--space-lg)}.changelog-detail__badges{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-xs);margin-bottom:var(--space-sm)}.changelog-detail__version{padding:var(--space-2xs) var(--space-sm);background:var(--color-bg-tertiary);color:var(--color-text-secondary);font-size:var(--text-xs);font-weight:600;font-family:var(--font-mono);border-radius:var(--radius-sm)}.changelog-detail__title{margin:0 0 var(--space-sm);font-size:var(--text-2xl);font-weight:700;color:var(--color-text-primary);line-height:1.3}.changelog-detail__meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-md);font-size:var(--text-sm);color:var(--color-text-tertiary)}.changelog-detail__author{display:flex;align-items:center;gap:var(--space-xs)}.changelog-detail__author-avatar{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--color-primary-alpha-20);color:var(--color-primary);font-size:var(--text-xs);font-weight:600;border-radius:50%}.changelog-detail__summary{margin:var(--space-md) 0;padding:var(--space-md);background:var(--color-bg-secondary);border-left:3px solid var(--color-primary);border-radius:0 var(--radius-md) var(--radius-md) 0;font-size:var(--text-base);color:var(--color-text-secondary);line-height:1.6}.changelog-detail__content{margin:var(--space-lg) 0;font-size:var(--text-base);line-height:1.7;color:var(--color-text-primary)}.changelog-detail__content h1,.changelog-detail__content h2,.changelog-detail__content h3,.changelog-detail__content h4{margin-top:var(--space-xl);margin-bottom:var(--space-sm);font-weight:600;color:var(--color-text-primary)}.changelog-detail__content h1:first-child,.changelog-detail__content h2:first-child,.changelog-detail__content h3:first-child{margin-top:0}.changelog-detail__content h2{font-size:var(--text-xl)}.changelog-detail__content h3{font-size:var(--text-lg)}.changelog-detail__content p{margin-bottom:var(--space-md)}.changelog-detail__content ul,.changelog-detail__content ol{margin-bottom:var(--space-md);padding-left:var(--space-lg)}.changelog-detail__content li{margin-bottom:var(--space-xs)}.changelog-detail__content code{padding:2px 6px;background:var(--color-bg-tertiary);color:var(--color-danger);font-family:var(--font-mono);font-size:.9em;border-radius:var(--radius-sm)}.changelog-detail__content pre{margin:var(--space-md) 0;padding:var(--space-md);background:var(--color-bg-tertiary);border-radius:var(--radius-md);overflow-x:auto}.changelog-detail__content pre code{padding:0;background:transparent;color:inherit}.changelog-detail__content blockquote{margin:var(--space-md) 0;padding:var(--space-md);background:var(--color-bg-secondary);border-left:3px solid var(--color-info);border-radius:0 var(--radius-md) var(--radius-md) 0;font-style:italic;color:var(--color-text-secondary)}.changelog-detail__content img{max-width:100%;height:auto;border-radius:var(--radius-md);margin:var(--space-md) 0}.changelog-detail__content a{color:var(--color-primary);text-decoration:underline}.changelog-detail__content a:hover{color:var(--color-primary-dark)}.changelog-detail__actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-md);padding-top:var(--space-lg);border-top:1px solid var(--color-border-light)}.changelog-detail__reactions{display:flex;align-items:center;gap:var(--space-md)}.changelog-detail__bookmark{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);border:1px solid var(--color-border-light);background:transparent;color:var(--color-text-secondary);font-size:var(--text-sm);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.changelog-detail__bookmark:hover{border-color:var(--color-border-medium);color:var(--color-text-primary)}.changelog-detail__bookmark--active{border-color:var(--color-primary);background:var(--color-primary-alpha-10);color:var(--color-primary)}.changelog-detail__related{margin-top:var(--space-xl)}.changelog-detail__related-title{margin-bottom:var(--space-md);font-size:var(--text-lg);font-weight:600;color:var(--color-text-primary)}.changelog-detail__related-list{display:flex;flex-direction:column;gap:var(--space-sm)}.changelog-detail__comments{margin-top:var(--space-xl);padding:var(--space-xl);background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:var(--radius-lg)}.changelog-detail__loading{display:flex;align-items:center;justify-content:center;min-height:400px}@media(max-width:768px){.changelog-detail__body{padding:var(--space-md)}.changelog-detail__title{font-size:var(--text-xl)}.changelog-detail__meta{flex-direction:column;align-items:flex-start;gap:var(--space-xs)}.changelog-detail__actions{flex-direction:column;align-items:stretch}.changelog-detail__reactions{justify-content:center}}.comment-section{padding:0}.comment-section__title{display:flex;align-items:center;gap:var(--space-xs);margin:0 0 var(--space-lg);font-size:var(--text-lg);font-weight:600;color:var(--color-text-primary)}.comment-section__count{padding:2px 8px;background:var(--color-bg-tertiary);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:500;border-radius:var(--radius-full)}.comment-section__form{display:flex;gap:var(--space-sm);margin-bottom:var(--space-lg)}.comment-section__form-avatar{width:36px;height:36px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--color-primary-alpha-20);color:var(--color-primary);font-size:var(--text-sm);font-weight:600;border-radius:50%}.comment-section__form-input-wrapper{flex:1;display:flex;flex-direction:column;gap:var(--space-sm)}.comment-section__textarea{width:100%;padding:var(--space-sm);border:1px solid var(--color-border-light);background:var(--color-bg-base);color:var(--color-text-primary);font-family:inherit;font-size:var(--text-sm);line-height:1.5;border-radius:var(--radius-md);resize:vertical;min-height:60px;transition:border-color var(--transition-fast)}.comment-section__textarea:focus{outline:none;border-color:var(--color-primary)}.comment-section__submit{align-self:flex-end}.comment-section__list{display:flex;flex-direction:column;gap:var(--space-md)}.comment-section__loading{display:flex;align-items:center;justify-content:center;padding:var(--space-xl)}.comment-section__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xl);text-align:center;color:var(--color-text-tertiary)}.comment-section__empty svg{margin-bottom:var(--space-sm);opacity:.5}.comment-section__empty p{margin:0;font-size:var(--text-sm)}.comment{position:relative;display:flex;gap:var(--space-sm)}.comment--reply{margin-left:var(--space-xl);padding-left:var(--space-sm)}.comment__reply-indicator{position:absolute;left:calc(-1 * var(--space-md));top:var(--space-sm);color:var(--color-border-medium)}.comment__avatar{width:32px;height:32px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--color-bg-tertiary);color:var(--color-text-secondary);font-size:var(--text-xs);font-weight:600;border-radius:50%}.comment__body{flex:1;min-width:0}.comment__header{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-xs);margin-bottom:var(--space-2xs)}.comment__author{font-size:var(--text-sm);font-weight:600;color:var(--color-text-primary)}.comment__date{font-size:var(--text-xs);color:var(--color-text-tertiary)}.comment__edited{font-size:var(--text-xs);font-style:italic;color:var(--color-text-tertiary)}.comment__content{margin:0;font-size:var(--text-sm);line-height:1.5;color:var(--color-text-secondary);white-space:pre-wrap;word-break:break-word}.comment__menu-container{position:relative;margin-left:auto}.comment__menu-trigger{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;background:transparent;color:var(--color-text-tertiary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.comment__menu-trigger:hover{background:var(--color-bg-hover);color:var(--color-text-secondary)}.comment__menu{position:absolute;top:100%;right:0;z-index:10;min-width:120px;padding:var(--space-2xs);background:var(--color-bg-base);border:1px solid var(--color-border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-lg)}.comment__menu-item{display:flex;align-items:center;gap:var(--space-xs);width:100%;padding:var(--space-xs) var(--space-sm);border:none;background:transparent;color:var(--color-text-secondary);font-size:var(--text-sm);text-align:left;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.comment__menu-item:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.comment__menu-item--danger:hover{background:var(--color-danger-bg);color:var(--color-danger)}.comment__reply-btn{display:inline-flex;align-items:center;gap:var(--space-2xs);margin-top:var(--space-xs);padding:0;border:none;background:transparent;color:var(--color-text-tertiary);font-size:var(--text-xs);cursor:pointer;transition:color var(--transition-fast)}.comment__reply-btn:hover{color:var(--color-primary)}.comment__reply-form,.comment__edit-form{margin-top:var(--space-sm)}.comment__reply-input,.comment__edit-input{width:100%;padding:var(--space-xs) var(--space-sm);border:1px solid var(--color-border-light);background:var(--color-bg-base);color:var(--color-text-primary);font-family:inherit;font-size:var(--text-sm);line-height:1.4;border-radius:var(--radius-md);resize:vertical;min-height:48px}.comment__reply-input:focus,.comment__edit-input:focus{outline:none;border-color:var(--color-primary)}.comment__reply-actions,.comment__edit-actions{display:flex;justify-content:flex-end;gap:var(--space-xs);margin-top:var(--space-xs)}.comment__replies{margin-top:var(--space-md);padding-left:var(--space-md);border-left:2px solid var(--color-border-light)}.comment__replies .comment{margin-bottom:var(--space-sm)}.comment__replies .comment:last-child{margin-bottom:0}@media(max-width:480px){.comment--reply{margin-left:var(--space-md)}.comment__reply-indicator{display:none}.comment__replies{padding-left:var(--space-sm)}}.changelog-title-cell{display:flex;flex-direction:column;gap:var(--space-2xs)}.changelog-title-cell strong{font-weight:600;color:var(--color-text-primary)}.changelog-version{display:inline-block;padding:1px 6px;background:var(--color-bg-tertiary);color:var(--color-text-tertiary);font-size:var(--text-xs);font-family:var(--font-mono);border-radius:var(--radius-sm);width:fit-content}.filter-tabs{display:flex;gap:var(--space-2xs);flex-wrap:wrap}.form-actions--between{display:flex;justify-content:space-between;align-items:center;gap:var(--space-md);padding-top:var(--space-lg);border-top:1px solid var(--color-border-light);margin-top:var(--space-lg)}.form-actions__left,.form-actions__right{display:flex;gap:var(--space-sm)}.changelog-content-editor{min-height:300px;font-family:var(--font-mono);font-size:var(--text-sm);line-height:1.6}.changelog-preview{padding:var(--space-md);background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:var(--radius-md);min-height:200px;max-height:400px;overflow-y:auto}.changelog-preview__empty{display:flex;align-items:center;justify-content:center;height:200px;color:var(--color-text-tertiary);font-size:var(--text-sm)}.changelog-tags{display:flex;flex-wrap:wrap;gap:var(--space-xs)}@media(max-width:768px){.filter-tabs{width:100%;justify-content:flex-start}.form-actions--between{flex-direction:column;align-items:stretch}.form-actions__left{flex-direction:column}.form-actions__left .btn{width:100%;justify-content:center}.form-actions__right{flex-direction:column}.form-actions__right .btn{width:100%;justify-content:center}}.bars-list{display:flex;flex-direction:column;gap:var(--space-md)}.bar-item{display:flex;flex-direction:column;gap:var(--space-xs)}.bar-item__label{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm)}.bar-item__count{font-size:var(--text-sm);font-weight:600;color:var(--color-text-secondary);font-family:var(--font-mono)}.bar-item__track{width:100%;height:8px;background:var(--color-bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.bar-item__fill{height:100%;border-radius:var(--radius-full);transition:width var(--transition-base)}.top-list{display:flex;flex-direction:column;gap:var(--space-xs)}.top-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm);background:var(--color-bg-secondary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.top-item:hover{background:var(--color-bg-hover);transform:translate(4px)}.top-item__rank{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:700;border-radius:var(--radius-full);flex-shrink:0}.top-item__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.top-item__title{font-size:var(--text-sm);font-weight:500;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-item__version{font-size:var(--text-xs);font-family:var(--font-mono);color:var(--color-text-tertiary)}.top-item__value{display:flex;align-items:center;gap:var(--space-2xs);font-size:var(--text-sm);font-weight:600;font-family:var(--font-mono);color:var(--color-text-secondary);flex-shrink:0}.top-item__value svg{color:var(--color-text-tertiary)}