@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);font-family:var(--font-family-sans);font-weight:var(--font-weight-medium);border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);position:relative;overflow:hidden;letter-spacing:.01em}.btn:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.08) 45%,rgba(255,255,255,.12) 50%,rgba(255,255,255,.08) 55%,transparent 60%);transform:translate(-100%);transition:transform .5s ease}.btn:hover:not(.btn--disabled):after{transform:translate(100%)}.btn--primary{background:var(--gradient-primary);color:#fff;box-shadow:0 2px 8px var(--primary-color-alpha)}.btn--primary:hover:not(.btn--disabled){transform:translateY(-1px);box-shadow:0 4px 16px var(--primary-color-alpha);filter:brightness(1.1)}.btn--primary:active:not(.btn--disabled){transform:translateY(0)}.btn--secondary{background:var(--primary-color-alpha);color:var(--primary-color);border:1px solid var(--primary-color-alpha)}.btn--secondary:hover:not(.btn--disabled){background:var(--theme-hover-bg);border-color:var(--primary-color);transform:translateY(-1px)}.btn--outline{background:transparent;color:var(--text-primary);border:1px solid var(--border-color)}.btn--outline:hover:not(.btn--disabled){background:var(--theme-hover-bg);border-color:var(--primary-color)}.btn--ghost{background:transparent;color:var(--text-secondary)}.btn--ghost:hover:not(.btn--disabled){background:var(--theme-hover-bg);color:var(--text-primary)}.btn--danger{background:#ef444426;color:var(--error-color);border:1px solid rgba(239,68,68,.2)}.btn--danger:hover:not(.btn--disabled){background:#ef444433;border-color:#ef444459}.btn--sm{padding:.4rem .875rem;font-size:var(--font-size-sm)}.btn--md{padding:.6rem 1.25rem;font-size:var(--font-size-sm)}.btn--lg{padding:.75rem 1.75rem;font-size:var(--font-size-base)}.btn--disabled{opacity:.4;cursor:not-allowed;transform:none!important}.btn--full-width{width:100%}.btn__spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:btnSpin .6s linear infinite}@keyframes btnSpin{to{transform:rotate(360deg)}}.btn__text--loading{opacity:.7}.btn__icon{display:inline-flex;align-items:center;justify-content:center}.theme-switcher{position:relative}.theme-switcher-trigger{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-lg);background:var(--theme-glass-bg);border:1px solid var(--theme-glass-border);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast);font-size:1rem}.theme-switcher-trigger:hover{background:var(--theme-hover-bg);border-color:var(--theme-hover-border)}.theme-switcher-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:180px;background:var(--theme-bg-secondary);border:1px solid var(--theme-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);padding:var(--spacing-1);z-index:var(--z-index-dropdown);animation:fadeIn .15s ease-out}.theme-option{display:flex;align-items:center;gap:var(--spacing-3);width:100%;padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-lg);background:transparent;border:none;color:var(--theme-text-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.theme-option:hover{background:var(--theme-hover-bg);color:var(--theme-text-primary)}.theme-option.active{color:var(--color-primary-400)}.theme-option-icon{font-size:1rem;width:20px;text-align:center}.theme-option-label{flex:1;text-align:left}.theme-option-check{color:var(--color-primary-400)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.header{position:sticky;top:0;z-index:var(--z-index-sticky);background:color-mix(in srgb,var(--bg-secondary) 92%,transparent);backdrop-filter:blur(20px) saturate(1.2);-webkit-backdrop-filter:blur(20px) saturate(1.2);border-bottom:1px solid var(--theme-glass-border)}.header .header-actions{display:flex;align-items:center;gap:var(--spacing-3)}.header .header-content{max-width:1440px;margin:0 auto;padding:0 var(--spacing-6);height:var(--header-height);display:flex;align-items:center;justify-content:space-between}.header-logo{display:flex;align-items:center;gap:var(--spacing-3);color:var(--color-primary-400);font-weight:var(--font-weight-bold);font-size:var(--font-size-lg)}.header-logo svg{flex-shrink:0;filter:drop-shadow(0 0 8px var(--primary-color-alpha))}.header-logo-text{color:var(--text-primary);font-weight:var(--font-weight-bold);letter-spacing:.05em;font-size:var(--font-size-base)}.user-menu{position:relative}.user-menu-trigger{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);border:1px solid transparent;background:transparent;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast)}.user-menu-trigger:hover{background-color:var(--theme-hover-bg);border-color:var(--theme-glass-border)}.user-avatar{width:34px;height:34px;border-radius:var(--radius-full);background:var(--gradient-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:.02em;box-shadow:0 0 12px var(--primary-color-alpha)}.user-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary)}.user-menu-trigger svg{color:var(--text-secondary);transition:transform var(--transition-fast)}.user-menu-trigger:hover svg{color:var(--text-primary)}.user-menu-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;z-index:var(--z-index-dropdown)}.user-menu-dropdown{position:absolute;top:calc(100% + var(--spacing-2));right:0;min-width:280px;background:var(--theme-bg-secondary);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl),0 0 0 1px var(--theme-glass-border);border:1px solid var(--theme-glass-border);z-index:calc(var(--z-index-dropdown) + 1);animation:dropdownSlide .2s cubic-bezier(.16,1,.3,1);overflow:hidden}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-6px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.user-menu-header{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-4)}.user-menu-avatar{width:44px;height:44px;border-radius:var(--radius-full);background:var(--gradient-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-base);font-weight:var(--font-weight-bold);flex-shrink:0;box-shadow:0 0 16px var(--primary-color-alpha)}.user-menu-info{flex:1;min-width:0}.user-menu-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu-email{font-size:var(--font-size-xs);color:var(--text-secondary);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu-divider{height:1px;background:var(--theme-glass-border);margin:0}.user-menu-actions{padding:var(--spacing-2)}.user-menu-actions button{justify-content:flex-start;gap:var(--spacing-2);font-size:var(--font-size-sm);border-radius:var(--radius-lg);color:var(--text-secondary)}.user-menu-actions button:hover{color:var(--color-error);background:#ef444414}@media(max-width:640px){.header .header-content{padding:0 var(--spacing-4)}.user-name{display:none}.user-menu-dropdown{right:var(--spacing-4);left:var(--spacing-4);min-width:auto}}.env-badge{font-size:10px;font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.08em;padding:2px 8px;border-radius:var(--radius-full);background:#fbbf2426;color:#f59e0b;border:1px solid rgba(251,191,36,.3);line-height:1.4}.tab-navigation{background:color-mix(in srgb,var(--bg-secondary) 92%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--theme-hover-bg);position:sticky;top:var(--header-height);z-index:calc(var(--z-index-sticky) - 1)}.tab-navigation-content{max-width:1440px;margin:0 auto;padding:0 var(--spacing-6)}.tab-list{display:flex;gap:var(--spacing-1);overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.tab-list::-webkit-scrollbar{display:none}.tab-item{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);border:none;background:transparent;color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-decoration:none;white-space:nowrap;border-bottom:2px solid transparent;transition:all var(--transition-fast);cursor:pointer;position:relative}.tab-item:hover{color:var(--text-primary);background-color:var(--theme-hover-bg)}.tab-item-active{color:var(--color-primary-400);border-bottom-color:var(--color-primary-400)}.tab-item-active:hover{background-color:var(--theme-hover-bg)}.tab-item-active:after{content:"";position:absolute;bottom:-1px;left:20%;right:20%;height:2px;background:var(--color-primary-400);filter:blur(4px)}.tab-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.tab-icon svg{width:18px;height:18px}.tab-label{flex-shrink:0}.tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background-color:var(--primary-color-alpha);color:var(--color-primary-300);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);border-radius:var(--radius-full)}.tab-item-active .tab-badge{background-color:var(--color-primary-500);color:#fff}@media(max-width:768px){.tab-navigation-content{padding:0 var(--spacing-4)}.tab-item{padding:var(--spacing-3)}.tab-label{display:none}.tab-icon{margin:0}}@media(max-width:640px){.tab-list{gap:0}.tab-item{flex:1;justify-content:center;padding:var(--spacing-3) var(--spacing-2)}}.footer{background:#0c122280;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid rgba(148,163,184,.06);margin-top:auto}.footer-content{max-width:1440px;margin:0 auto;padding:var(--spacing-5) var(--spacing-6);display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-4)}.footer-text{font-size:var(--font-size-xs);color:var(--color-gray-500);margin:0}.footer-links{display:flex;align-items:center;gap:var(--spacing-3)}.footer-link{font-size:var(--font-size-xs);color:var(--color-gray-500);text-decoration:none;transition:color var(--transition-fast)}.footer-link:hover{color:var(--color-primary-400)}.footer-divider{color:var(--color-gray-600);font-size:var(--font-size-xs)}@media(max-width:768px){.footer-content{flex-direction:column;text-align:center;padding:var(--spacing-4)}}@media(max-width:640px){.footer-links{flex-direction:column;gap:var(--spacing-2)}.footer-divider{display:none}}.main-layout{min-height:100vh;display:flex;flex-direction:column;background:var(--bg-primary);position:relative}.main-layout:before{content:"";position:fixed;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(ellipse at 20% 20%,var(--theme-hover-bg) 0%,transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(139,92,246,.06) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(6,182,212,.04) 0%,transparent 60%);z-index:0;pointer-events:none;animation:ambientDrift 30s ease-in-out infinite alternate}@keyframes ambientDrift{0%{transform:translate(0) rotate(0)}to{transform:translate(-2%,-1%) rotate(1deg)}}.main-layout>*{position:relative}.main-layout>.header{z-index:30}.main-layout>.tab-navigation{z-index:20}.main-layout>.main-content{z-index:1}.main-content{flex:1;display:flex;flex-direction:column;padding:5rem var(--spacing-6) var(--spacing-6);max-width:1440px;width:100%;margin:0 auto}@media(max-width:768px){.main-content{padding:var(--spacing-4)}}@media(max-width:640px){.main-content{padding:var(--spacing-3)}}.input-wrapper{display:flex;flex-direction:column;gap:6px;width:100%}.input-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary)}.input-required{color:var(--color-error);margin-left:2px}.input{width:100%;padding:.625rem var(--spacing-4);font-size:var(--font-size-base);font-family:var(--font-family-sans);color:var(--text-primary);background:var(--glass-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.input:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px var(--primary-color-alpha),0 0 12px var(--theme-hover-bg);background:var(--glass-bg)}.input::placeholder{color:var(--color-gray-500)}.input--error{border-color:var(--color-error)}.input--error:focus{border-color:var(--color-error);box-shadow:0 0 0 3px #ef44441f}.input--disabled{opacity:.5;cursor:not-allowed;background:#1e293b4d}.input-error{font-size:var(--font-size-xs);color:#f87171;display:flex;align-items:center;gap:4px}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.login-background{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:var(--bg-primary)}.login-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 30% 20%,var(--primary-color-alpha) 0%,transparent 50%),radial-gradient(ellipse at 70% 80%,rgba(139,92,246,.08) 0%,transparent 50%)}.login-container{position:relative;z-index:1;width:100%;max-width:420px;padding:var(--spacing-6)}.login-card{background:#111a2eb3;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--theme-glass-border);border-radius:var(--radius-2xl);padding:var(--spacing-10);box-shadow:var(--shadow-2xl),0 0 80px var(--theme-hover-bg);animation:loginFadeIn .5s cubic-bezier(.16,1,.3,1)}@keyframes loginFadeIn{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.login-header{text-align:center;margin-bottom:var(--spacing-8)}.login-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--spacing-2);letter-spacing:.04em}.login-subtitle{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0}.login-form{display:flex;flex-direction:column;gap:var(--spacing-5)}.login-error{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-lg);color:#fca5a5;font-size:var(--font-size-sm);animation:loginShake .4s ease-in-out}@keyframes loginShake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}.login-error-icon{width:18px;height:18px;flex-shrink:0}.login-divider{display:flex;align-items:center;gap:var(--spacing-4);margin:var(--spacing-6) 0;color:var(--text-secondary);font-size:var(--font-size-sm)}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:var(--border-color)}.login-sso-icon{width:20px;height:20px}.login-footer{margin-top:var(--spacing-6);text-align:center}.login-footer-text{font-size:var(--font-size-xs);color:var(--color-gray-500);margin:0}.login-link-button{background:none;border:none;color:var(--color-primary-400, #60a5fa);font-size:var(--font-size-sm);cursor:pointer;text-align:center;width:100%;padding:var(--spacing-1) 0;transition:color .2s}.login-link-button:hover{color:var(--color-primary-300, #93bbfd);text-decoration:underline}.login-card .input{background:var(--glass-bg);border-color:var(--border-color)}.login-card .input:focus{background:var(--glass-bg-dark);border-color:var(--color-primary-500)}.login-card .input-label{color:var(--text-secondary);font-weight:var(--font-weight-medium)}@media(max-width:640px){.login-container{padding:var(--spacing-4)}.login-card{padding:var(--spacing-6)}.login-title{font-size:var(--font-size-2xl)}}.card{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-xl);overflow:hidden;transition:all var(--transition-normal)}.card-default{box-shadow:var(--shadow-md)}.card-elevated{box-shadow:var(--shadow-xl);transform:translateY(0)}.card-bordered{border:2px solid var(--glass-border);box-shadow:var(--shadow-sm)}.card-hoverable:hover{border-color:#ffffff4d;box-shadow:var(--shadow-2xl);transform:translateY(-2px)}.card-clickable{cursor:pointer}.card-clickable:focus{outline:2px solid var(--primary-color);outline-offset:2px}.card-clickable:active{transform:translateY(0)}.card-header{padding:var(--spacing-6);border-bottom:1px solid var(--glass-border)}.card-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--spacing-2) 0}.card-subtitle{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0}.card-body{padding:var(--spacing-6)}.card-footer{padding:var(--spacing-6);border-top:1px solid var(--glass-border);background:#ffffff05}.card:not(:has(.card-header)):not(:has(.card-footer)) .card-body{padding:var(--spacing-6)}@media(max-width:768px){.card-header,.card-body,.card-footer{padding:var(--spacing-4)}.card-title{font-size:var(--font-size-lg)}}.loading-spinner-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-4);padding:var(--spacing-8) 0}.loading-spinner-fullscreen{position:fixed;top:0;left:0;right:0;bottom:0;background:color-mix(in srgb,var(--bg-primary) 80%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;padding:0}.loading-spinner{border:3px solid var(--primary-color-alpha);border-top-color:var(--color-primary-400);border-radius:50%;animation:loadSpin .8s linear infinite}.loading-spinner-sm{width:24px;height:24px;border-width:2px}.loading-spinner-md{width:40px;height:40px;border-width:3px}.loading-spinner-lg{width:56px;height:56px;border-width:3px}@keyframes loadSpin{to{transform:rotate(360deg)}}.loading-text{color:var(--text-secondary);font-size:var(--font-size-sm);margin:0;font-weight:var(--font-weight-medium)}.dashboard{padding-top:var(--spacing-2);animation:dashFadeIn .4s ease-out}@keyframes dashFadeIn{0%{opacity:0}to{opacity:1}}.dashboard-content{max-width:1400px;margin:0 auto}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--spacing-5);margin-bottom:var(--spacing-8)}.stat-card{display:flex;align-items:center;gap:var(--spacing-4);padding:var(--spacing-5)}.stat-card .card-body{display:flex;align-items:center;gap:var(--spacing-4)}.stat-icon{width:52px;height:52px;border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon-reports{background:var(--primary-color-alpha);color:var(--color-primary-400);box-shadow:0 0 16px var(--primary-color-alpha)}.stat-icon-groups{background:#ec48991f;color:#f472b6;box-shadow:0 0 16px #ec48991a}.stat-icon-emails{background:#06b6d41f;color:#22d3ee;box-shadow:0 0 16px #06b6d41a}.stat-content{flex:1}.stat-label{font-size:var(--font-size-xs);color:var(--text-secondary);margin:0 0 4px;font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.04em}.stat-value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0;line-height:1;letter-spacing:-.02em}.stat-detail{font-size:var(--font-size-xs);color:var(--color-success);margin:4px 0 0;font-weight:var(--font-weight-medium)}.dashboard-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:var(--spacing-5)}.card-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--spacing-5) 0;letter-spacing:-.01em}.activity-card,.activity-card .card-body{padding:var(--spacing-5)}.activity-list{display:flex;flex-direction:column;gap:2px}.activity-item{display:flex;align-items:flex-start;gap:var(--spacing-3);padding:var(--spacing-3);border-radius:var(--radius-lg);transition:background-color var(--transition-fast)}.activity-item:hover{background-color:var(--theme-hover-bg)}.activity-icon{width:32px;height:32px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.activity-icon-report{background-color:var(--primary-color-alpha);color:var(--color-primary-400)}.activity-icon-group{background-color:#8b5cf61a;color:var(--color-secondary-400)}.activity-details{flex:1}.activity-text{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0 0 2px}.activity-name{font-weight:var(--font-weight-medium);color:var(--text-primary)}.activity-date{font-size:var(--font-size-xs);color:var(--color-gray-500);margin:0}.empty-state{text-align:center;color:var(--color-gray-500);padding:var(--spacing-8) 0;font-size:var(--font-size-sm)}.actions-card,.actions-card .card-body{padding:var(--spacing-5)}.actions-list{display:flex;flex-direction:column;gap:var(--spacing-3)}.actions-list button{justify-content:flex-start;gap:var(--spacing-3)}.actions-list button svg{flex-shrink:0}@media(max-width:1024px){.dashboard-grid{grid-template-columns:1fr}}@media(max-width:768px){.dashboard-header{flex-direction:column;gap:var(--spacing-4);align-items:stretch}.stats-grid{grid-template-columns:1fr;gap:var(--spacing-4)}}@media(max-width:640px){.dashboard-title,.stat-value{font-size:var(--font-size-2xl)}.card-title{font-size:var(--font-size-sm)}}.table-container{width:100%;overflow-x:auto;border-radius:var(--radius-lg)}.table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.table-header{border-bottom:1px solid var(--theme-glass-border)}.table-header th{text-align:left;font-weight:var(--font-weight-medium);color:var(--text-secondary);padding:var(--spacing-3) var(--spacing-4);white-space:nowrap;font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em}.table-cell-sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:color var(--transition-fast)}.table-cell-sortable:hover{color:var(--text-primary)}.table-cell-content{display:flex;align-items:center;gap:var(--spacing-2)}.table-sort-icon{color:var(--color-gray-500);font-size:var(--font-size-xs)}.table-body tr{border-bottom:1px solid var(--theme-hover-bg);transition:background var(--transition-fast)}.table-body tr:last-child{border-bottom:none}.table-row-clickable{cursor:pointer}.table-row-hovered,.table-row-clickable:hover{background:var(--theme-hover-bg)}.table-cell{padding:var(--spacing-3) var(--spacing-4);color:var(--text-secondary)}.table-cell-checkbox{width:40px;text-align:center}.table-cell-checkbox input[type=checkbox]{cursor:pointer;width:16px;height:16px;accent-color:var(--color-primary-500)}.table-empty{padding:var(--spacing-12) var(--spacing-8);text-align:center;color:var(--text-secondary)}.table-empty p{margin:0;font-size:var(--font-size-sm)}.table-loading{padding:var(--spacing-12) var(--spacing-8);text-align:center;color:var(--text-secondary);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-4)}.table-loading .loading-spinner{width:32px;height:32px;border:3px solid var(--primary-color-alpha);border-top-color:var(--color-primary-400);border-radius:50%;animation:tableSpin .8s linear infinite}@keyframes tableSpin{to{transform:rotate(360deg)}}@media(max-width:768px){.table{font-size:var(--font-size-xs)}.table-cell,.table-header th{padding:var(--spacing-3)}}.search-bar{position:relative;display:flex;align-items:center;background:var(--glass-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:.5rem var(--spacing-4);transition:all var(--transition-fast)}.search-bar-focused{border-color:var(--color-primary-500);box-shadow:0 0 0 3px var(--primary-color-alpha),0 0 12px var(--theme-hover-bg);background:var(--glass-bg)}.search-icon{color:var(--color-gray-500);flex-shrink:0;margin-right:var(--spacing-3)}.search-bar-focused .search-icon{color:var(--color-primary-400)}.search-input{flex:1;background:transparent;border:none;outline:none;color:var(--text-primary);font-size:var(--font-size-sm);font-family:inherit}.search-input::placeholder{color:var(--color-gray-500)}.search-clear{background:transparent;border:none;color:var(--color-gray-500);cursor:pointer;padding:4px;border-radius:var(--radius-base);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);margin-left:var(--spacing-2)}.search-clear:hover{background:var(--theme-glass-border);color:var(--text-primary)}@media(max-width:768px){.search-bar{padding:.4rem var(--spacing-3)}.search-input{font-size:var(--font-size-sm)}}.pagination{display:flex;align-items:center;justify-content:center;gap:6px;padding:var(--spacing-4)}.pagination-button{min-width:36px;height:36px;padding:0 var(--spacing-2);background:transparent;border:1px solid var(--theme-glass-border);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.pagination-button:hover:not(:disabled){background:var(--theme-hover-bg);border-color:var(--primary-color-alpha);color:var(--text-primary)}.pagination-button:disabled{opacity:.3;cursor:not-allowed}.pagination-button-active{background:var(--gradient-primary);border-color:transparent;color:#fff;box-shadow:0 2px 8px var(--primary-color-alpha)}.pagination-button-active:hover{background:var(--gradient-primary);border-color:transparent;color:#fff}.pagination-ellipsis{color:var(--color-gray-500);padding:0 4px;-webkit-user-select:none;user-select:none;font-size:var(--font-size-sm)}@media(max-width:768px){.pagination-button{min-width:32px;height:32px;font-size:var(--font-size-xs)}}.error-message{display:flex;align-items:flex-start;gap:var(--spacing-3);padding:var(--spacing-4);background:#ef444414;border:1px solid rgba(239,68,68,.15);border-radius:var(--radius-lg);color:#fca5a5}.error-icon{flex-shrink:0;color:#f87171}.error-content{flex:1;display:flex;flex-direction:column;gap:var(--spacing-3)}.error-text{margin:0;font-size:var(--font-size-sm);color:#fca5a5}.error-actions{display:flex;gap:var(--spacing-2)}.error-button{padding:.4rem .875rem;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);border:none}.error-button-retry{background:#ef444433;color:#fca5a5}.error-button-retry:hover{background:#ef44444d}.error-button-dismiss{background:transparent;color:#fca5a5;border:1px solid rgba(239,68,68,.2)}.error-button-dismiss:hover{background:#ef444414}.toast{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);min-width:300px;max-width:440px;border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08);animation:toastSlideIn .35s cubic-bezier(.16,1,.3,1);position:fixed;z-index:var(--z-index-tooltip)}.toast-top-right{top:calc(var(--header-height) + 3rem + var(--spacing-4));right:var(--spacing-6)}.toast-top-left{top:calc(var(--header-height) + 3rem + var(--spacing-4));left:var(--spacing-6)}.toast-bottom-right{bottom:var(--spacing-6);right:var(--spacing-6)}.toast-bottom-left{bottom:var(--spacing-6);left:var(--spacing-6)}.toast-success{background:#10b981e6;color:#fff}.toast-error{background:#ef4444e6;color:#fff}.toast-warning{background:#f59e0be6;color:#fff}.toast-info{background:#6366f1e6;color:#fff}.toast-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center}.toast-message{flex:1;margin:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);color:#fff}.toast-close{flex-shrink:0;background:transparent;border:none;color:inherit;cursor:pointer;padding:4px;border-radius:var(--radius-base);display:flex;align-items:center;justify-content:center;opacity:.7;transition:opacity var(--transition-fast)}.toast-close:hover{opacity:1}@keyframes toastSlideIn{0%{transform:translate(100%) scale(.95);opacity:0}to{transform:translate(0) scale(1);opacity:1}}@media(max-width:640px){.toast{min-width:auto;max-width:calc(100vw - var(--spacing-8));left:var(--spacing-4)!important;right:var(--spacing-4)!important}.toast-top-right,.toast-top-left{top:var(--spacing-4)}.toast-bottom-right,.toast-bottom-left{bottom:var(--spacing-4)}}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-4);animation:modalFadeIn .2s ease-out}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.modal-container{background:var(--theme-bg-secondary);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--theme-glass-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl),0 0 60px #0000004d;max-height:90vh;display:flex;flex-direction:column;animation:modalSlideUp .3s cubic-bezier(.16,1,.3,1)}@keyframes modalSlideUp{0%{transform:translateY(16px) scale(.97);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.modal-sm{width:100%;max-width:400px}.modal-md{width:100%;max-width:560px}.modal-lg{width:100%;max-width:760px}.modal-xl{width:100%;max-width:1100px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-5) var(--spacing-6);border-bottom:1px solid var(--theme-hover-bg)}.modal-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0;letter-spacing:-.02em}.modal-close-button{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--spacing-2);border-radius:var(--radius-lg);transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.modal-close-button:hover{background:var(--theme-glass-border);color:var(--text-primary)}.modal-close-button:focus-visible{outline:2px solid var(--color-primary-400);outline-offset:2px}.modal-body{padding:var(--spacing-6);overflow-y:auto;flex:1}.modal-body::-webkit-scrollbar{width:6px}.modal-body::-webkit-scrollbar-track{background:transparent}.modal-body::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-full)}.modal-body::-webkit-scrollbar-thumb:hover{background:var(--theme-hover-border)}.modal-footer{padding:var(--spacing-4) var(--spacing-6);border-top:1px solid var(--theme-hover-bg);display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-3)}@media(max-width:768px){.modal-backdrop{padding:var(--spacing-2)}.modal-container{max-height:95vh}.modal-header,.modal-body,.modal-footer{padding:var(--spacing-4)}.modal-title{font-size:var(--font-size-lg)}.modal-sm,.modal-md,.modal-lg,.modal-xl{width:100%;max-width:none}}.recipient-picker{border:1px solid var(--theme-glass-border);border-radius:var(--radius-xl);overflow:hidden;background:#00000014}.rp-tabs{display:flex;border-bottom:1px solid var(--theme-glass-border)}.rp-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:.375rem;padding:.625rem .75rem;border:none;background:transparent;color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .15s;position:relative}.rp-tab:hover{color:var(--text-primary);background:var(--theme-hover-bg)}.rp-tab.active{color:var(--color-primary-400)}.rp-tab.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--color-primary-500);border-radius:2px 2px 0 0}.rp-tab-count{background:var(--primary-color-alpha);color:var(--color-primary-300);padding:0 6px;border-radius:var(--radius-full);font-size:.65rem;min-width:18px;text-align:center}.rp-body{display:grid;grid-template-columns:1fr 1fr;min-height:180px}.rp-available-panel{padding:.75rem;border-right:1px solid var(--theme-glass-border);display:flex;flex-direction:column;gap:.5rem}.rp-search{display:flex;align-items:center;gap:.375rem;padding:.375rem .625rem;border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--glass-bg);transition:border-color .15s,box-shadow .15s}.rp-search:focus-within{border-color:var(--color-primary-500);box-shadow:0 0 0 3px var(--primary-color-alpha)}.rp-search svg{color:var(--text-secondary);flex-shrink:0}.rp-search-input{flex:1;border:none;background:transparent;color:var(--text-primary);font-size:var(--font-size-xs);outline:none}.rp-search-input::placeholder{color:var(--color-gray-500)}.rp-clear{border:none;background:transparent;color:var(--text-secondary);cursor:pointer;padding:2px;display:flex;border-radius:var(--radius-sm)}.rp-clear:hover{color:var(--text-primary);background:var(--theme-hover-bg)}.rp-available-list{flex:1;display:flex;flex-direction:column;gap:2px;overflow-y:auto;max-height:200px}.rp-available-item{display:flex;align-items:center;justify-content:space-between;padding:.375rem .5rem;border:none;border-radius:var(--radius-md);background:transparent;color:var(--text-primary);font-size:var(--font-size-xs);cursor:pointer;transition:background .1s;text-align:left;width:100%}.rp-available-item:hover:not(:disabled){background:var(--theme-hover-bg)}.rp-available-item:disabled{opacity:.5;cursor:not-allowed}.rp-available-item svg:last-child{color:var(--color-primary-400);flex-shrink:0}.rp-item-label{display:flex;align-items:center;gap:.375rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rp-meta{font-size:.65rem;color:var(--text-secondary);flex-shrink:0}.rp-empty,.rp-overflow{padding:.375rem .5rem;font-size:var(--font-size-xs);color:var(--text-secondary);text-align:center}.rp-selected-panel{padding:.75rem;display:flex;flex-direction:column;gap:.5rem}.rp-selected-heading{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin:0}.rp-none{font-size:var(--font-size-xs);color:var(--text-secondary);font-style:italic;margin:0}.rp-selected-list{display:flex;flex-direction:column;gap:2px;overflow-y:auto;max-height:220px}.rp-selected-item{display:flex;align-items:center;justify-content:space-between;padding:.35rem .5rem;border-radius:var(--radius-md);background:#0000001a;transition:background .1s}.rp-selected-item:hover{background:var(--theme-hover-bg)}.rp-remove{border:none;background:transparent;color:var(--color-gray-500);cursor:pointer;padding:3px;border-radius:var(--radius-sm);display:flex;align-items:center;transition:all .1s;flex-shrink:0}.rp-remove:hover{color:var(--error-color);background:#ef44441a}.rp-status{flex-shrink:0}.rp-verified{color:var(--color-success)}.rp-pending{color:var(--color-warning)}.rp-failed{color:var(--color-error)}.rp-group-icon{color:var(--color-secondary-400);flex-shrink:0}.rp-sftp-icon{color:var(--color-success);flex-shrink:0}@media(max-width:768px){.rp-body{grid-template-columns:1fr}.rp-available-panel{border-right:none;border-bottom:1px solid var(--theme-glass-border)}}.report-form{display:flex;flex-direction:column;gap:1.25rem}.form-group-half{flex:1}.form-textarea{padding:.625rem 1rem;border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--glass-bg);color:var(--text-primary);font-size:var(--font-size-base);font-family:inherit;transition:all var(--transition-fast);resize:vertical;min-height:100px}.form-textarea:hover{border-color:var(--border-color)}.form-textarea:focus{outline:none;background:var(--glass-bg);border-color:var(--color-primary-500);box-shadow:0 0 0 3px var(--primary-color-alpha)}.form-textarea:disabled{opacity:.4;cursor:not-allowed}.form-textarea.error{border-color:var(--error-color)}.report-details{display:flex;flex-direction:column;gap:1.25rem}.detail-section{display:flex;flex-direction:column;gap:.375rem;padding-bottom:1rem;border-bottom:1px solid var(--theme-hover-bg)}.detail-section:last-child{border-bottom:none;padding-bottom:0}.detail-label{display:flex;align-items:center;gap:.5rem;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.detail-value{font-size:var(--font-size-base);color:var(--text-primary);line-height:1.6;padding-left:1.75rem}.detail-value.file-path{font-family:var(--font-family-mono);font-size:var(--font-size-sm);background:#0003;padding:.5rem .75rem;border-radius:var(--radius-md);word-break:break-all}.info-text{font-size:var(--font-size-sm);color:var(--text-secondary);font-style:italic;margin:0}.category-badge{display:inline-flex;align-items:center;padding:.2rem .625rem;background:var(--primary-color-alpha);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-primary-300)}@media(max-width:768px){.report-form,.report-details{gap:1rem}.detail-value{padding-left:0}.form-textarea{min-height:80px}.form-row{flex-direction:column;gap:1rem}}.form-multi-select{min-height:100px;padding:.375rem}.form-multi-select option{padding:.375rem .5rem;border-radius:var(--radius-sm);margin-bottom:2px}.form-multi-select option:checked{background:var(--primary-color-alpha);color:var(--color-primary-300)}.association-list{display:flex;flex-wrap:wrap;gap:.375rem}.association-tag{display:inline-flex;align-items:center;padding:.25rem .625rem;background:var(--glass-bg);border:1px solid var(--border-color);border-radius:var(--radius-full);font-size:var(--font-size-xs);color:var(--text-primary)}.loading-placeholder{padding:2rem;text-align:center;color:var(--text-secondary);font-size:var(--font-size-sm)}.resend-step{display:flex;flex-direction:column;gap:1rem}.resend-step-desc{color:var(--text-secondary);font-size:var(--font-size-sm);margin:0}.resend-date-picker{display:flex;flex-direction:column;gap:.5rem}.resend-date-picker label{display:flex;align-items:center;gap:.5rem;font-weight:500;color:var(--text-primary)}.resend-date-input{padding:.625rem 1rem;border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--glass-bg);color:var(--text-primary);font-size:var(--font-size-base);max-width:220px}.resend-empty{display:flex;align-items:center;gap:.5rem;padding:1.5rem;color:var(--text-secondary);justify-content:center}.resend-file-list{display:flex;flex-direction:column;gap:.5rem;max-height:300px;overflow-y:auto}.resend-file-item{display:flex;align-items:flex-start;padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--glass-bg);cursor:pointer;transition:all var(--transition-fast);text-align:left;width:100%;color:var(--text-primary)}.resend-file-item:hover{border-color:var(--primary-color);background:var(--glass-bg-hover, rgba(255,255,255,.08))}.resend-file-item.selected{border-color:var(--primary-color);background:rgba(var(--primary-rgb, 99,102,241),.1)}.resend-file-item.error-file{border-left:3px solid var(--error-color, #ef4444)}.resend-file-info{display:flex;gap:.75rem;align-items:flex-start}.resend-file-name{font-weight:500}.resend-file-meta{font-size:var(--font-size-xs);color:var(--text-secondary);display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.resend-error-badge{background:var(--error-color, #ef4444);color:#fff;padding:.1rem .4rem;border-radius:var(--radius-sm);font-size:.65rem;font-weight:600;text-transform:uppercase}.resend-error-log{font-size:var(--font-size-xs);color:var(--error-color, #ef4444);margin-top:.25rem;white-space:pre-wrap;max-height:60px;overflow-y:auto}.resend-recipient-options{display:flex;flex-direction:column;gap:.75rem}.resend-radio-option,.resend-checkbox-option{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.5rem .75rem;border-radius:var(--radius-lg);transition:background var(--transition-fast)}.resend-radio-option:hover,.resend-checkbox-option:hover{background:var(--glass-bg-hover, rgba(255,255,255,.05))}.resend-recipient-lists{display:flex;flex-direction:column;gap:1rem;margin-top:.5rem;padding:1rem;border:1px solid var(--border-color);border-radius:var(--radius-lg);max-height:250px;overflow-y:auto}.resend-recipient-section h4{display:flex;align-items:center;gap:.5rem;margin:0 0 .5rem;font-size:var(--font-size-sm);color:var(--text-secondary)}.resend-empty-recipients{color:var(--text-secondary);font-size:var(--font-size-sm)}.resend-summary{display:flex;flex-direction:column;gap:.75rem;padding:1rem;border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--glass-bg)}.resend-summary-row{display:flex;justify-content:space-between;align-items:center}.resend-summary-label{font-weight:500;color:var(--text-secondary)}.resend-error{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-lg);color:var(--error-color, #ef4444);font-size:var(--font-size-sm);margin-bottom:1rem}.reports-page{animation:pageFadeIn .4s ease-out}.reports-page .page-header{margin-bottom:var(--spacing-6)}.reports-page .header-content{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-6)}.reports-page .header-text{flex:1}.reports-page .page-title{display:flex;align-items:center;gap:var(--spacing-3);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--spacing-2) 0;letter-spacing:-.025em}.reports-page .page-title svg{color:var(--color-primary-400);filter:drop-shadow(0 0 6px var(--primary-color-alpha))}.reports-page .page-subtitle{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0}.reports-card{padding:0}.reports-card .card-body{padding:var(--spacing-5)}.reports-controls{display:flex;gap:var(--spacing-3);margin-bottom:var(--spacing-5);flex-wrap:wrap}.reports-controls .search-bar{flex:1;min-width:280px}.category-filter{padding:.5rem 1rem;border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--glass-bg);color:var(--text-primary);font-size:var(--font-size-sm);font-family:inherit;cursor:pointer;transition:all var(--transition-fast);min-width:160px}.category-filter:hover{border-color:var(--primary-color-alpha)}.category-filter:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px var(--primary-color-alpha)}.category-filter option{background:var(--bg-secondary);color:var(--text-primary)}.report-name-cell{display:flex;align-items:center;gap:.5rem;font-weight:var(--font-weight-medium);color:var(--text-primary)}.report-name-cell svg{color:var(--color-primary-400);flex-shrink:0}.category-badge{display:inline-block;padding:.2rem .625rem;background:var(--primary-color-alpha);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-primary-300)}.date-cell,.user-cell{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:var(--font-size-sm)}.date-cell svg,.user-cell svg{flex-shrink:0;color:var(--color-gray-500)}.view-btn:hover{color:var(--color-primary-400);background:var(--theme-hover-bg)}@media(max-width:768px){.reports-page .header-content{flex-direction:column;gap:var(--spacing-4)}.reports-page .page-title{font-size:var(--font-size-xl)}.reports-controls{flex-direction:column}.reports-controls .search-bar{min-width:100%}.filter-controls{flex-direction:column}.category-filter{width:100%}}@media(max-width:480px){.reports-page .page-title{font-size:var(--font-size-lg)}.reports-page .page-title svg{width:24px;height:24px}}.delivery-badge{display:inline-flex;align-items:center;padding:.2rem .625rem;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.delivery-url{background:var(--primary-color-alpha);color:var(--color-primary-300)}.delivery-sftp{background:#10b9811f;color:#34d399}.group-form{display:flex;flex-direction:column;gap:1.25rem}.group-form .form-group{display:flex;flex-direction:column;gap:.375rem}.group-form .form-label{display:flex;align-items:center;gap:.5rem;font-weight:var(--font-weight-medium);color:var(--text-secondary);font-size:var(--font-size-sm)}.group-form .form-textarea{width:100%;padding:.625rem 1rem;border:1px solid var(--border-color);border-radius:var(--radius-lg);font-family:inherit;font-size:var(--font-size-base);color:var(--text-primary);background:var(--glass-bg);resize:vertical;transition:all var(--transition-fast)}.group-form .form-textarea:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px var(--primary-color-alpha);background:var(--glass-bg)}.group-form .form-textarea.error{border-color:var(--error-color)}.group-form .form-textarea:disabled{opacity:.4;cursor:not-allowed}.group-form .error-text{color:#f87171;font-size:var(--font-size-xs);margin-top:2px}.group-form .form-error{padding:.625rem 1rem;background:#ef444414;border:1px solid rgba(239,68,68,.15);border-radius:var(--radius-lg);color:#fca5a5;font-size:var(--font-size-sm)}.group-form .field-hint{font-size:var(--font-size-xs);color:var(--color-gray-500);margin-top:2px}.group-details{display:flex;flex-direction:column;gap:1.25rem}.group-details .detail-section{display:flex;flex-direction:column;gap:.375rem;padding-bottom:1rem;border-bottom:1px solid var(--theme-hover-bg)}.group-details .detail-section:last-child{border-bottom:none;padding-bottom:0}.group-details .detail-label{display:flex;align-items:center;gap:.5rem;font-weight:var(--font-weight-medium);color:var(--text-secondary);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em}.group-details .detail-value{color:var(--text-primary);font-size:var(--font-size-base);line-height:1.6}.group-details .info-text{color:var(--text-secondary);font-style:italic;font-size:var(--font-size-sm)}.group-details .email-list{display:flex;flex-direction:column;gap:4px;max-height:200px;overflow-y:auto;padding:.5rem;background:#00000026;border-radius:var(--radius-lg)}.group-details .email-item{display:flex;align-items:center;justify-content:space-between;padding:.5rem .625rem;background:var(--glass-bg);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--text-primary)}.group-details .email-item:hover{background:var(--theme-hover-bg)}@media(max-width:768px){.group-form,.group-details{gap:1rem}.modal-actions{flex-direction:column-reverse}.modal-actions button{width:100%}}.email-form{display:flex;flex-direction:column;gap:1.25rem}.email-form .form-group{display:flex;flex-direction:column;gap:.375rem}.email-form .form-label{display:flex;align-items:center;gap:.5rem;font-weight:var(--font-weight-medium);color:var(--text-secondary);font-size:var(--font-size-sm)}.email-form .error-text{color:#f87171;font-size:var(--font-size-xs);margin-top:2px}.email-form .form-error{padding:.625rem 1rem;background:#ef444414;border:1px solid rgba(239,68,68,.15);border-radius:var(--radius-lg);color:#fca5a5;font-size:var(--font-size-sm)}.email-form .field-hint{font-size:var(--font-size-xs);color:var(--color-gray-500);margin-top:2px}.modal-actions{display:flex;gap:.75rem;justify-content:flex-end}@media(max-width:768px){.email-form{gap:1rem}.modal-actions{flex-direction:column-reverse}.modal-actions button{width:100%}}.import-upload-area{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem 1rem;border:2px dashed var(--border-color);border-radius:var(--radius-lg);text-align:center}.import-upload-area .upload-icon{color:var(--color-primary-400);opacity:.7}.import-upload-area .upload-text{color:var(--text-secondary);font-size:var(--font-size-sm);margin:0}.import-upload-area .upload-text code{background:var(--glass-bg);padding:.125rem .375rem;border-radius:var(--radius-sm);font-size:var(--font-size-xs)}.import-upload-area .file-input{display:none}.import-preview .preview-count{font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 .75rem}.import-warnings{display:flex;gap:.5rem;padding:.625rem 1rem;background:#fbbf2414;border:1px solid rgba(251,191,36,.15);border-radius:var(--radius-lg);color:var(--warning-color);font-size:var(--font-size-xs);margin-bottom:.75rem}.import-warnings svg{flex-shrink:0;margin-top:2px}.warning-line{margin-bottom:2px}.preview-table-wrap{max-height:280px;overflow-y:auto;border:1px solid var(--border-color);border-radius:var(--radius-lg)}.preview-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.preview-table th{position:sticky;top:0;background:var(--bg-secondary);padding:.5rem .75rem;text-align:left;font-weight:var(--font-weight-semibold);color:var(--text-secondary);border-bottom:1px solid var(--border-color)}.preview-table td{padding:.375rem .75rem;color:var(--text-primary);border-bottom:1px solid var(--border-color)}.preview-table .more-rows{text-align:center;color:var(--text-secondary);font-style:italic}.import-progress{text-align:center;padding:1.5rem 0}.import-progress p{color:var(--text-secondary);margin:0 0 .75rem}.progress-bar-track{height:8px;background:var(--glass-bg);border-radius:var(--radius-full);overflow:hidden}.progress-bar-fill{height:100%;background:var(--color-primary-500);border-radius:var(--radius-full);transition:width .2s ease}.progress-pct{font-weight:var(--font-weight-semibold);color:var(--color-primary-400)}.import-results{display:flex;flex-direction:column;gap:.625rem}.result-row{display:flex;align-items:center;gap:.5rem;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.result-success{color:var(--color-success)}.result-skipped{color:var(--warning-color)}.result-failed{color:var(--error-color)}.import-error-list{margin-top:.5rem;padding:.625rem 1rem;background:#ef444414;border:1px solid rgba(239,68,68,.15);border-radius:var(--radius-lg);font-size:var(--font-size-xs);color:#fca5a5;max-height:120px;overflow-y:auto}.error-line{margin-bottom:2px}.groups-page{animation:pageFadeIn .4s ease-out}.groups-page .page-header{margin-bottom:var(--spacing-6)}.groups-page .header-content{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-6)}.groups-page .header-text{flex:1}.groups-page .page-title{display:flex;align-items:center;gap:var(--spacing-3);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--spacing-2) 0;letter-spacing:-.025em}.groups-page .page-title svg{color:var(--color-primary-400);filter:drop-shadow(0 0 6px var(--primary-color-alpha))}.groups-page .page-subtitle{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0}.groups-card{padding:0}.groups-card .card-body{padding:var(--spacing-5)}.groups-controls{margin-bottom:var(--spacing-5)}.groups-controls .search-bar{max-width:480px}.empty-state{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-3);padding:var(--spacing-10) var(--spacing-4);color:var(--text-secondary)}.empty-icon{opacity:.3}.group-accordion-list{display:flex;flex-direction:column;gap:.5rem}.group-accordion{border:1px solid var(--theme-glass-border);border-radius:var(--radius-xl);overflow:hidden;transition:border-color .2s,box-shadow .2s;background:var(--glass-bg)}.group-accordion:hover{border-color:var(--color-primary-400)}.group-accordion.expanded{border-color:var(--color-primary-500);box-shadow:0 0 0 1px var(--primary-color-alpha),0 4px 24px #00000026}.group-accordion-header{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-4) var(--spacing-5);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s}.group-accordion-header:hover{background:var(--theme-hover-bg)}.group-accordion-toggle{color:var(--text-secondary);flex-shrink:0;display:flex;align-items:center}.group-accordion-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.group-accordion-name{display:flex;align-items:center;gap:.5rem;font-weight:var(--font-weight-semibold);color:var(--text-primary);font-size:var(--font-size-base)}.group-icon{color:var(--color-primary-400);flex-shrink:0}.group-accordion-desc{font-size:var(--font-size-xs);color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.group-accordion-badges{display:flex;gap:.5rem;flex-shrink:0}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.badge-email{background:var(--primary-color-alpha);color:var(--color-primary-300)}.badge-group{background:var(--secondary-color-alpha);color:var(--color-secondary-300)}.group-accordion-actions{display:flex;gap:4px;flex-shrink:0}.action-btn{padding:6px;border:none;border-radius:var(--radius-md);background:transparent;color:var(--color-gray-500);cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center}.group-accordion-body{border-top:1px solid var(--theme-glass-border);padding:0;animation:accordionSlideDown .25s ease-out}@keyframes accordionSlideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:800px}}.member-tabs{display:flex;border-bottom:1px solid var(--theme-glass-border)}.member-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:var(--spacing-3) var(--spacing-4);border:none;background:transparent;color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .15s;position:relative}.member-tab:hover{color:var(--text-primary);background:var(--theme-hover-bg)}.member-tab.active{color:var(--color-primary-400)}.member-tab.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--color-primary-500);border-radius:2px 2px 0 0}.members-loading{padding:var(--spacing-6);display:flex;justify-content:center}.member-content{display:grid;grid-template-columns:1fr 1fr;gap:0;min-height:200px}.add-member-section{padding:var(--spacing-4);border-right:1px solid var(--theme-glass-border);display:flex;flex-direction:column;gap:var(--spacing-3)}.add-member-search{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--glass-bg);transition:border-color .15s,box-shadow .15s}.add-member-search:focus-within{border-color:var(--color-primary-500);box-shadow:0 0 0 3px var(--primary-color-alpha)}.add-member-search svg{color:var(--text-secondary);flex-shrink:0}.add-member-input{flex:1;border:none;background:transparent;color:var(--text-primary);font-size:var(--font-size-sm);outline:none}.add-member-input::placeholder{color:var(--color-gray-500)}.clear-search-btn{border:none;background:transparent;color:var(--text-secondary);cursor:pointer;padding:2px;display:flex;border-radius:var(--radius-sm)}.clear-search-btn:hover{color:var(--text-primary);background:var(--theme-hover-bg)}.available-items-list{flex:1;display:flex;flex-direction:column;gap:2px;overflow-y:auto;max-height:280px;padding-right:4px}.available-item{display:flex;align-items:center;justify-content:space-between;padding:.5rem .625rem;border:none;border-radius:var(--radius-md);background:transparent;color:var(--text-primary);font-size:var(--font-size-sm);cursor:pointer;transition:background .1s;text-align:left;width:100%}.available-item:hover:not(:disabled){background:var(--theme-hover-bg)}.available-item:disabled{opacity:.5;cursor:not-allowed}.available-item svg:last-child{color:var(--color-primary-400);flex-shrink:0}.available-item-label{display:flex;align-items:center;gap:.5rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.available-item-meta{font-size:var(--font-size-xs);color:var(--text-secondary);flex-shrink:0}.no-items-hint,.more-items-hint{padding:.5rem .625rem;font-size:var(--font-size-xs);color:var(--text-secondary);text-align:center}.add-spinner{width:14px;height:14px;border:2px solid var(--theme-glass-border);border-top-color:var(--color-primary-400);border-radius:50%;animation:spin .6s linear infinite}.current-members{padding:var(--spacing-4);display:flex;flex-direction:column;gap:var(--spacing-3)}.members-heading{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin:0}.no-members-text{font-size:var(--font-size-sm);color:var(--text-secondary);font-style:italic;margin:0}.member-list{display:flex;flex-direction:column;gap:2px;overflow-y:auto;max-height:300px;padding-right:4px}.member-item{display:flex;align-items:center;justify-content:space-between;padding:.4rem .625rem;border-radius:var(--radius-md);background:#0000001a;transition:background .1s}.member-item:hover{background:var(--theme-hover-bg)}.member-item-label{display:flex;align-items:center;gap:.5rem;font-size:var(--font-size-sm);color:var(--text-primary);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-item-meta{font-size:var(--font-size-xs);color:var(--text-secondary);flex-shrink:0}.child-group-icon{color:var(--color-secondary-400);flex-shrink:0}.remove-member-btn{border:none;background:transparent;color:var(--color-gray-500);cursor:pointer;padding:4px;border-radius:var(--radius-sm);display:flex;align-items:center;transition:all .1s;flex-shrink:0}.remove-member-btn:hover{color:var(--error-color);background:#ef44441a}.status-icon{flex-shrink:0}.status-verified{color:var(--color-success)}.status-pending{color:var(--color-warning)}.status-failed{color:var(--color-error)}@media(max-width:768px){.groups-page .header-content{flex-direction:column;gap:var(--spacing-4)}.groups-page .page-title{font-size:var(--font-size-xl)}.groups-controls .search-bar{max-width:100%}.member-content{grid-template-columns:1fr}.add-member-section{border-right:none;border-bottom:1px solid var(--theme-glass-border)}.group-accordion-header{flex-wrap:wrap;gap:var(--spacing-2)}.group-accordion-badges{order:5;width:100%;padding-left:calc(20px + var(--spacing-3))}}@media(max-width:480px){.groups-page .page-title{font-size:var(--font-size-lg)}.groups-page .page-title svg{width:24px;height:24px}}.emails-page{animation:pageFadeIn .4s ease-out}.emails-page .page-header{margin-bottom:var(--spacing-6)}.emails-page .header-content{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-6)}.emails-page .header-text{flex:1}.emails-page .page-title{display:flex;align-items:center;gap:var(--spacing-3);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--spacing-2) 0;letter-spacing:-.025em}.emails-page .page-title svg{color:var(--color-primary-400);filter:drop-shadow(0 0 6px var(--primary-color-alpha))}.emails-page .page-subtitle{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0}.emails-page .header-actions{display:flex;gap:var(--spacing-3);flex-shrink:0}.email-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--spacing-4);margin-bottom:var(--spacing-6)}.email-stats .stat-card{padding:0}.email-stats .stat-card .card-body{padding:var(--spacing-4)}.email-stats .stat-content{display:flex;align-items:center;gap:var(--spacing-3)}.email-stats .stat-icon{width:44px;height:44px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon.stat-total{background:var(--primary-color-alpha);color:var(--color-primary-400)}.stat-icon.stat-verified{background:#34d3991a;color:var(--color-success)}.stat-icon.stat-pending{background:#fbbf241a;color:var(--warning-color)}.stat-icon.stat-failed{background:#f871711a;color:var(--error-color)}.email-stats .stat-info{flex:1}.email-stats .stat-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);line-height:1;margin-bottom:2px}.email-stats .stat-label{font-size:var(--font-size-xs);color:var(--text-secondary);font-weight:var(--font-weight-medium)}.emails-card{padding:0}.emails-card .card-body{padding:var(--spacing-5)}.emails-controls{display:flex;gap:var(--spacing-3);margin-bottom:var(--spacing-5);flex-wrap:wrap}.emails-controls .search-bar{flex:1;min-width:280px}.status-filter{padding:.5rem 1rem;border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--glass-bg);color:var(--text-primary);font-size:var(--font-size-sm);font-family:inherit;cursor:pointer;transition:all var(--transition-fast);min-width:140px}.status-filter:hover{border-color:var(--primary-color-alpha)}.status-filter:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px var(--primary-color-alpha)}.status-filter option{background:var(--bg-secondary);color:var(--text-primary)}.email-cell{display:flex;align-items:center;gap:.5rem;font-weight:var(--font-weight-medium);color:var(--text-primary)}.email-cell svg{color:var(--color-primary-400);flex-shrink:0}.status-badge{display:inline-flex;align-items:center;gap:5px;padding:.25rem .625rem;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.status-verified{background:#34d3991a;color:var(--color-success)}.status-pending{background:#fbbf241a;color:var(--warning-color)}.status-failed{background:#f871711a;color:var(--error-color)}.delete-btn:hover{color:var(--error-color);background:#ef444414}.resend-btn:hover{color:var(--color-primary-400);background:var(--theme-hover-bg)}@media(max-width:768px){.emails-page .header-content{flex-direction:column;gap:var(--spacing-4)}.emails-page .header-actions{width:100%;flex-direction:column}.emails-page .page-title{font-size:var(--font-size-xl)}.email-stats{grid-template-columns:repeat(2,1fr)}.email-stats .stat-value{font-size:var(--font-size-xl)}.emails-controls{flex-direction:column}.emails-controls .search-bar{min-width:100%}.filter-controls{flex-direction:column}.status-filter{width:100%}}@media(max-width:480px){.emails-page .page-title{font-size:var(--font-size-lg)}.emails-page .page-title svg{width:24px;height:24px}.email-stats{grid-template-columns:1fr}}.user-form{display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.375rem}.form-label{display:flex;align-items:center;gap:.5rem;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary)}.form-select{padding:.625rem 1rem;border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--glass-bg);color:var(--text-primary);font-size:var(--font-size-base);font-family:inherit;transition:all var(--transition-fast);cursor:pointer}.form-select:hover{border-color:var(--border-color)}.form-select:focus{outline:none;background:var(--glass-bg);border-color:var(--color-primary-500);box-shadow:0 0 0 3px var(--primary-color-alpha)}.form-select:disabled{opacity:.4;cursor:not-allowed}.form-select.error{border-color:var(--error-color)}.form-select option{background:var(--bg-secondary);color:var(--text-primary)}.field-hint{font-size:var(--font-size-xs);color:var(--color-gray-500);margin:0;line-height:1.4}.error-text{font-size:var(--font-size-xs);color:#f87171;display:flex;align-items:center;gap:4px}.form-error{padding:.625rem 1rem;background:#ef444414;border:1px solid rgba(239,68,68,.15);border-radius:var(--radius-lg);color:#fca5a5;font-size:var(--font-size-sm);display:flex;align-items:center;gap:.5rem}.modal-actions{display:flex;justify-content:flex-end;gap:.75rem;width:100%}.confirm-modal-content{display:flex;flex-direction:column;gap:1.25rem;text-align:center}.warning-icon{display:flex;justify-content:center;color:var(--warning-color);animation:warningPulse 2s ease-in-out infinite}@keyframes warningPulse{0%,to{opacity:1}50%{opacity:.6}}.confirm-message{display:flex;flex-direction:column;gap:.5rem}.confirm-text{font-size:var(--font-size-base);color:var(--text-primary);margin:0;line-height:1.5}.confirm-text strong{color:var(--color-primary-300);font-weight:var(--font-weight-semibold)}.confirm-subtext{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0}.user-details-box{padding:1rem;background:#00000026;border:1px solid var(--theme-hover-bg);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:.625rem;text-align:left}.detail-row{display:flex;justify-content:space-between;align-items:center;gap:1rem}.detail-label{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:var(--font-weight-medium)}.detail-value{font-size:var(--font-size-sm);color:var(--text-primary);font-weight:var(--font-weight-semibold);text-align:right}@media(max-width:768px){.user-form{gap:1rem}.modal-actions{flex-direction:column-reverse}.modal-actions button{width:100%}.user-details-box{padding:.875rem}.detail-row{flex-direction:column;align-items:flex-start;gap:2px}.detail-value{text-align:left}}.users-page{animation:pageFadeIn .4s ease-out}@keyframes pageFadeIn{0%{opacity:0}to{opacity:1}}.users-page .page-header{margin-bottom:var(--spacing-6)}.users-page .header-content{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-6)}.users-page .header-text{flex:1}.users-page .page-title{display:flex;align-items:center;gap:var(--spacing-3);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--spacing-2) 0;letter-spacing:-.025em}.users-page .page-title svg{color:var(--color-primary-400);filter:drop-shadow(0 0 6px var(--primary-color-alpha))}.users-page .page-subtitle{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0}.users-card{padding:0}.users-card .card-body{padding:var(--spacing-5)}.users-controls{display:flex;gap:var(--spacing-3);margin-bottom:var(--spacing-5);flex-wrap:wrap}.users-controls .search-bar{flex:1;min-width:280px}.filter-controls{display:flex;gap:var(--spacing-3)}.role-filter,.users-page .status-filter{padding:.5rem 1rem;border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--glass-bg);color:var(--text-primary);font-size:var(--font-size-sm);font-family:inherit;cursor:pointer;transition:all var(--transition-fast);min-width:140px}.role-filter:hover,.users-page .status-filter:hover{border-color:var(--primary-color-alpha)}.role-filter:focus,.users-page .status-filter:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px var(--primary-color-alpha)}.role-filter option,.users-page .status-filter option{background:var(--bg-secondary);color:var(--text-primary)}.user-name-cell{display:flex;align-items:center;gap:.5rem;font-weight:var(--font-weight-medium);color:var(--text-primary)}.user-name-cell svg{color:var(--color-primary-400);flex-shrink:0}.role-badge{display:inline-flex;align-items:center;gap:5px;padding:.25rem .625rem;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.role-admin{background:#f871711a;color:#fca5a5}.role-manager{background:var(--primary-color-alpha);color:var(--primary-color)}.role-viewer{background:#34d3991a;color:#6ee7b7}.role-default{background:var(--theme-glass-border);color:var(--text-secondary)}.users-page .status-badge{display:inline-flex;align-items:center;gap:5px;padding:.25rem .625rem;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.status-active{background:#34d3991a;color:#6ee7b7}.status-disabled{background:var(--theme-hover-bg);color:var(--color-gray-400)}.date-cell{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:var(--font-size-sm)}.date-cell svg{flex-shrink:0;color:var(--color-gray-500)}.disable-btn:hover{color:var(--error-color);background:#ef444414}.enable-btn:hover{color:var(--color-success);background:#34d39914}@media(max-width:768px){.users-page .header-content{flex-direction:column;gap:var(--spacing-4)}.users-page .page-title{font-size:var(--font-size-xl)}.users-controls{flex-direction:column}.users-controls .search-bar{min-width:100%}.filter-controls{flex-direction:column}.role-filter,.users-page .status-filter{width:100%}}@media(max-width:480px){.users-page .page-title{font-size:var(--font-size-lg)}.users-page .page-title svg{width:24px;height:24px}.role-badge,.users-page .status-badge{font-size:.7rem;padding:.2rem .5rem}}.sftp-sites-page{animation:pageFadeIn .4s ease-out}.sftp-sites-page .page-header{margin-bottom:var(--spacing-6)}.sftp-sites-page .header-content{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-6)}.sftp-sites-page .header-text{flex:1}.sftp-sites-page .page-title{display:flex;align-items:center;gap:var(--spacing-3);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--spacing-2) 0;letter-spacing:-.025em}.sftp-sites-page .page-title svg{color:var(--color-primary-400);filter:drop-shadow(0 0 6px var(--primary-color-alpha))}.sftp-sites-page .page-subtitle{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0}.sftp-card{padding:0}.sftp-card .card-body{padding:var(--spacing-5)}.sftp-controls{display:flex;gap:var(--spacing-3);margin-bottom:var(--spacing-5)}.sftp-controls .search-bar{flex:1;min-width:280px}.sftp-name-cell{display:flex;align-items:center;gap:.5rem;font-weight:var(--font-weight-medium);color:var(--text-primary)}.sftp-name-cell svg{color:var(--color-primary-400);flex-shrink:0}.status-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .625rem;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.status-active{background:#10b9811f;color:#34d399}.status-inactive{background:#ef444414;color:#ef4444}.action-buttons{display:flex;gap:4px}.action-btn{padding:6px;border:none;border-radius:var(--radius-md);background:transparent;color:var(--color-gray-500);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.action-btn:hover{background:var(--theme-hover-bg)}.view-btn:hover{color:var(--color-primary-400)}.edit-btn:hover{color:var(--warning-color);background:#fbbf2414}.archive-btn:hover{color:var(--error-color);background:#ef444414}.sftp-details{display:flex;flex-direction:column;gap:1rem}.detail-row{display:flex;flex-direction:column;gap:.25rem;padding-bottom:.75rem;border-bottom:1px solid var(--theme-hover-bg)}.detail-row:last-child{border-bottom:none;padding-bottom:0}.detail-row .detail-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.detail-row .detail-value{font-size:var(--font-size-base);color:var(--text-primary)}.detail-row .detail-value.mono{font-family:var(--font-family-mono);font-size:var(--font-size-sm);background:#0003;padding:.375rem .5rem;border-radius:var(--radius-md)}.sftp-form{display:flex;flex-direction:column;gap:1.25rem}.form-section-label{display:flex;align-items:center;gap:.5rem;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-primary-400);text-transform:uppercase;letter-spacing:.05em;padding-top:.5rem;border-top:1px solid var(--theme-hover-bg)}.form-section-label:first-child{border-top:none;padding-top:0}.form-row{display:flex;gap:1rem}.form-group-grow{flex:1}.form-group-small{width:100px;flex-shrink:0}.auth-method-toggle{display:flex;gap:0;border:1px solid var(--theme-hover-bg);border-radius:var(--radius-md);overflow:hidden}.auth-method-toggle .toggle-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.375rem;padding:.5rem 1rem;border:none;background:transparent;color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast)}.auth-method-toggle .toggle-btn.active{background:var(--color-primary-400);color:#fff}.auth-method-toggle .toggle-btn:not(.active):hover{background:var(--theme-hover-bg)}.mono-textarea{font-family:var(--font-family-mono);font-size:var(--font-size-xs);line-height:1.5}.field-hint-inline{font-weight:var(--font-weight-normal);font-size:var(--font-size-xs);color:var(--text-secondary);margin-left:.25rem}.required{color:var(--error-color, #ef4444);font-weight:var(--font-weight-bold)}.detail-section-header{display:flex;align-items:center;gap:.5rem;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-primary-400);text-transform:uppercase;letter-spacing:.05em;padding-top:.75rem;margin-top:.25rem;border-top:1px solid var(--theme-hover-bg)}@media(max-width:768px){.sftp-sites-page .header-content{flex-direction:column;gap:var(--spacing-4)}.sftp-sites-page .page-title{font-size:var(--font-size-xl)}.sftp-controls{flex-direction:column}.sftp-controls .search-bar{min-width:100%}}.settings-page{padding:0}.settings-card{margin-top:1.5rem}.settings-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color, #e2e8f0)}.section-title{display:flex;align-items:center;gap:.5rem}.section-title h2{margin:0;font-size:1.25rem;font-weight:600}.category-form{background:var(--bg-secondary, #f8fafc);border:1px solid var(--border-color, #e2e8f0);border-radius:8px;padding:1rem;margin-bottom:1.5rem}.form-row-inline{display:flex;gap:.75rem;align-items:center}.form-input{flex:1;padding:.5rem .75rem;border:1px solid var(--border-color, #e2e8f0);border-radius:6px;font-size:.875rem;background:var(--bg-primary, #fff);color:var(--text-primary, #1e293b);transition:border-color .2s}.form-input:focus{outline:none;border-color:var(--primary-color, #6366f1);box-shadow:0 0 0 2px #6366f126}.form-input-team{max-width:200px}.form-actions-inline{display:flex;gap:.25rem}.btn-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:6px;cursor:pointer;transition:background .2s}.btn-save{background:var(--success-color, #22c55e);color:#fff}.btn-save:hover{background:#16a34a}.btn-save:disabled{opacity:.5;cursor:not-allowed}.btn-cancel{background:var(--bg-tertiary, #e2e8f0);color:var(--text-secondary, #64748b)}.btn-cancel:hover{background:#cbd5e1}.categories-table{width:100%;border-collapse:collapse}.categories-table th{text-align:left;padding:.75rem 1rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary, #64748b);border-bottom:2px solid var(--border-color, #e2e8f0)}.categories-table td{padding:.75rem 1rem;border-bottom:1px solid var(--border-color, #e2e8f0);font-size:.875rem;vertical-align:middle}.categories-table tr:last-child td{border-bottom:none}.categories-table tr:hover{background:var(--bg-secondary, #f8fafc)}.category-name{display:flex;align-items:center;gap:.5rem;font-weight:500}.description-cell{color:var(--text-secondary, #64748b);max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.team-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:var(--primary-color-light, #eef2ff);color:var(--primary-color, #6366f1);border-radius:4px;font-size:.8rem;font-weight:500}.action-buttons{display:flex;gap:.25rem}.action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:6px;cursor:pointer;transition:background .2s,color .2s;background:transparent;color:var(--text-secondary, #64748b)}.action-btn:hover{background:var(--bg-secondary, #f1f5f9)}.action-btn.edit-btn:hover{color:var(--primary-color, #6366f1)}.action-btn.delete-btn:hover{color:var(--danger-color, #ef4444)}.action-btn.save-btn{color:var(--success-color, #22c55e)}.action-btn.save-btn:hover{background:#22c55e1a}.action-btn.cancel-btn:hover{background:var(--bg-tertiary, #e2e8f0)}.empty-state{text-align:center;padding:2rem;color:var(--text-secondary, #64748b)}.delivery-audit-page{padding:0}.delivery-audit-page .page-header{margin-bottom:1.5rem}.delivery-audit-page .header-content{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap}.da-header-actions{display:flex;align-items:center;gap:.5rem}.da-days-select{padding:.5rem .75rem;border:1px solid var(--border-color);border-radius:8px;background:var(--glass-bg);color:var(--text-primary);font-size:.875rem;cursor:pointer}.da-refresh-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--border-color);border-radius:8px;background:var(--glass-bg);color:var(--text-secondary);cursor:pointer;transition:all .2s}.da-refresh-btn:hover{background:var(--theme-hover-bg);color:var(--primary-color)}.da-tabs{display:flex;gap:.25rem;margin-bottom:1.5rem;border-bottom:2px solid var(--border-color);padding-bottom:0}.da-tab{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border:none;background:none;color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .2s}.da-tab:hover{color:var(--primary-color)}.da-tab-active{color:var(--primary-color);border-bottom-color:var(--primary-color)}.da-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.da-stat-card{display:flex;align-items:center;gap:1rem;padding:1.25rem}.da-stat-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;flex-shrink:0}.da-stat-sent{background:#3182ce26;color:#63b3ed}.da-stat-clicked{background:#38a16926;color:#68d391}.da-stat-clicks{background:#805ad526;color:#b794f4}.da-stat-rate{background:#dd6b2026;color:#fbd38d}.da-stat-bounced{background:#e53e3e26;color:#fc8181}.da-stat-complained{background:#dd6b2026;color:#fbd38d}.da-stat-content{flex:1}.da-stat-label{font-size:.8rem;color:var(--text-secondary);margin:0}.da-stat-value{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin:0}.da-open-rate-card{margin-bottom:1.5rem;padding:1.25rem}.da-section-title{font-size:1rem;font-weight:600;margin:0 0 1rem;color:var(--text-primary)}.da-progress-bar{height:12px;background:var(--border-color);border-radius:6px;overflow:hidden;margin-bottom:.5rem}.da-progress-bar.da-progress-sm{height:8px;margin-top:.75rem}.da-progress-fill{height:100%;background:var(--gradient-accent);border-radius:6px;transition:width .6s ease}.da-progress-label{font-size:.8rem;color:var(--text-secondary);margin:0}.da-table-wrapper{overflow-x:auto}.da-table{width:100%;border-collapse:collapse;font-size:.875rem}.da-table th{text-align:left;padding:.75rem 1rem;font-weight:600;color:var(--text-secondary);border-bottom:2px solid var(--border-color);white-space:nowrap;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em}.da-table td{padding:.75rem 1rem;border-bottom:1px solid var(--border-color);color:var(--text-primary)}.da-table tbody tr:hover{background:var(--theme-hover-bg)}.da-report-name{font-weight:500;max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.da-date-cell{white-space:nowrap;color:var(--text-secondary);font-size:.8rem}.da-rate-badge{display:inline-block;padding:.2rem .6rem;border-radius:12px;font-size:.75rem;font-weight:600}.da-rate-good{background:#38a16926;color:#68d391}.da-rate-low{background:#e53e3e26;color:#fc8181}.da-status-badge{display:inline-block;padding:.2rem .6rem;border-radius:12px;font-size:.75rem;font-weight:500;text-transform:capitalize}.da-status-sent,.da-status-success{background:#38a16926;color:#68d391}.da-status-failed,.da-status-bounced{background:#e53e3e26;color:#fc8181}.da-status-complained,.da-status-pending{background:#dd6b2026;color:#fbd38d}.da-status-unknown{background:#94a3b826;color:var(--text-secondary)}.da-type-badge{display:inline-block;padding:.2rem .5rem;border-radius:12px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.da-type-email{background:#4299e126;color:#63b3ed}.da-type-sftp{background:#9f7aea26;color:#b794f4}.da-bounce-reason{font-size:.75rem;color:#fc8181}.da-click-count{white-space:nowrap}.da-has-clicks{display:flex;align-items:center;gap:.25rem;color:#68d391;font-weight:600}.da-no-clicks{color:var(--text-secondary)}.da-controls{margin-bottom:1rem;display:flex;gap:.75rem;align-items:center}.da-controls-multi{flex-wrap:wrap}.da-filter-select{padding:.5rem .75rem;border:1px solid var(--border-color);border-radius:8px;background:var(--glass-bg);color:var(--text-primary);font-size:.875rem;cursor:pointer;min-width:130px}.da-pagination{display:flex;justify-content:space-between;align-items:center;padding:1rem;font-size:.875rem;color:var(--text-secondary)}.da-page-buttons{display:flex;gap:.5rem}.da-page-buttons button{padding:.4rem 1rem;border:1px solid var(--border-color);border-radius:6px;background:var(--glass-bg);color:var(--text-primary);cursor:pointer;font-size:.8rem}.da-page-buttons button:disabled{opacity:.4;cursor:not-allowed}.da-page-buttons button:not(:disabled):hover{background:var(--theme-hover-bg)}.da-accordion-list{display:flex;flex-direction:column;gap:.5rem}.da-accordion-card{padding:0;overflow:hidden}.da-accordion-header{display:flex;justify-content:space-between;align-items:center;width:100%;padding:1rem 1.25rem;border:none;background:none;cursor:pointer;text-align:left;color:var(--text-primary);transition:background .2s}.da-accordion-header:hover{background:var(--theme-hover-bg)}.da-accordion-title{display:flex;align-items:center;gap:.75rem;font-weight:500;min-width:0}.da-accordion-title span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.da-accordion-meta{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.da-meta-pill{display:flex;align-items:center;gap:.25rem;font-size:.8rem;color:var(--text-secondary)}.da-accordion-body{padding:0 1.25rem 1.25rem;border-top:1px solid var(--border-color)}.da-mini-stats{display:flex;gap:2rem;padding:1rem 0 .5rem}.da-mini-stat{display:flex;flex-direction:column}.da-mini-label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.da-mini-value{font-size:1.1rem;font-weight:600;color:var(--text-primary)}.da-empty{text-align:center;padding:2rem;color:var(--text-secondary)}.da-report-breakdown{padding:1.25rem}@media(max-width:768px){.da-stats-grid{grid-template-columns:repeat(2,1fr)}.da-tabs{overflow-x:auto}.da-accordion-meta{flex-wrap:wrap}.da-mini-stats{flex-wrap:wrap;gap:1rem}}.da-ip-ok{display:flex;align-items:center;gap:.25rem;color:#68d391;font-weight:600}.da-ip-warning{display:flex;align-items:center;gap:.25rem;color:#fbd38d;font-weight:600}.da-row-flagged{background:#dd6b2014}.da-row-flagged:hover{background:#dd6b2024!important}.da-detail-row td{padding:0!important;border-bottom:2px solid var(--border-color)}.da-ip-detail{padding:1rem 1.25rem;background:var(--bg-tertiary)}.da-ip-detail-header{display:flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem}.da-forward-warning{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .6rem;border-radius:12px;background:#e53e3e26;color:#fc8181;font-size:.75rem;font-weight:600;margin-left:auto}.da-ip-list{display:flex;flex-wrap:wrap;gap:.5rem}.da-ip-item{display:flex;align-items:center;gap:.5rem;padding:.4rem .75rem;background:var(--glass-bg);border:1px solid var(--border-color);border-radius:8px;font-size:.8rem}.da-ip-item code{font-family:var(--font-family-mono);font-size:.8rem;color:var(--text-primary)}.da-ip-count{color:var(--text-secondary);font-size:.75rem}.loading-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-4);background:var(--bg-primary)}.loading-spinner{width:44px;height:44px;border:3px solid var(--primary-color-alpha);border-top-color:var(--color-primary-400);border-radius:50%;animation:spin .8s linear infinite}.loading-screen p{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);letter-spacing:.05em;text-transform:uppercase}:root{font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#f1f5f9;background-color:#0c1222;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}#root{width:100%}:root{--color-primary-50: #eef2ff;--color-primary-100: #e0e7ff;--color-primary-200: #c7d2fe;--color-primary-300: #a5b4fc;--color-primary-400: #818cf8;--color-primary-500: #6366f1;--color-primary-600: #4f46e5;--color-primary-700: #4338ca;--color-primary-800: #3730a3;--color-primary-900: #312e81;--color-secondary-50: #f5f3ff;--color-secondary-100: #ede9fe;--color-secondary-200: #ddd6fe;--color-secondary-300: #c4b5fd;--color-secondary-400: #a78bfa;--color-secondary-500: #8b5cf6;--color-secondary-600: #7c3aed;--color-secondary-700: #6d28d9;--color-secondary-800: #5b21b6;--color-secondary-900: #4c1d95;--color-accent-50: #ecfeff;--color-accent-100: #cffafe;--color-accent-200: #a5f3fc;--color-accent-300: #67e8f9;--color-accent-400: #22d3ee;--color-accent-500: #06b6d4;--color-accent-600: #0891b2;--color-accent-700: #0e7490;--color-accent-800: #155e75;--color-accent-900: #164e63;--color-gray-50: #f8fafc;--color-gray-100: #f1f5f9;--color-gray-200: #e2e8f0;--color-gray-300: #cbd5e1;--color-gray-400: #94a3b8;--color-gray-500: #64748b;--color-gray-600: #475569;--color-gray-700: #334155;--color-gray-800: #1e293b;--color-gray-900: #0f172a;--color-success: #10b981;--color-success-light: rgba(16, 185, 129, .15);--color-success-dark: #065f46;--color-warning: #f59e0b;--color-warning-light: rgba(245, 158, 11, .15);--color-warning-dark: #92400e;--color-error: #ef4444;--color-error-light: rgba(239, 68, 68, .15);--color-error-dark: #991b1b;--color-error-500: #ef4444;--color-error-600: #dc2626;--color-error-700: #b91c1c;--color-info: #6366f1;--color-info-light: rgba(99, 102, 241, .15);--color-info-dark: #3730a3;--primary-color: #818cf8;--primary-hover: #6366f1;--primary-color-alpha: rgba(129, 140, 248, .15);--secondary-color: #a78bfa;--secondary-color-alpha: rgba(167, 139, 250, .15);--success-color: #34d399;--warning-color: #fbbf24;--error-color: #f87171;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--border-color: rgba(148, 163, 184, .15);--border-radius: 10px;--bg-primary: #0c1222;--bg-secondary: #111a2e;--bg-tertiary: #162036;--bg-dark: #0c1222;--bg-dark-secondary: #111a2e;--bg-dark-tertiary: #162036;--glass-bg: rgba(15, 23, 42, .6);--glass-bg-hover: rgba(30, 41, 59, .7);--glass-bg-dark: rgba(15, 23, 42, .8);--glass-border: rgba(148, 163, 184, .1);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .3);--glass-blur: blur(16px);--gradient-primary: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--gradient-secondary: linear-gradient(135deg, #ec4899 0%, #f43f5e 100%);--gradient-accent: linear-gradient(135deg, #06b6d4 0%, #6366f1 100%);--gradient-success: linear-gradient(135deg, #10b981 0%, #34d399 100%);--gradient-warm: linear-gradient(135deg, #f43f5e 0%, #f59e0b 100%);--gradient-cool: linear-gradient(135deg, #06b6d4 0%, #8b5cf6 100%);--gradient-sunset: linear-gradient(135deg, #f43f5e 0%, #fbbf24 100%);--gradient-surface: linear-gradient(135deg, rgba(99, 102, 241, .08) 0%, rgba(139, 92, 246, .04) 100%);--font-family-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif;--font-family-mono: "JetBrains Mono", "Fira Code", "Courier New", monospace;--font-family: var(--font-family-sans);--font-size-xs: .75rem;--font-size-sm: .8125rem;--font-size-base: .9375rem;--font-size-lg: 1.0625rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--line-height-loose: 2;--spacing-0: 0;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--spacing-16: 4rem;--spacing-20: 5rem;--spacing-24: 6rem;--radius-none: 0;--radius-sm: .25rem;--radius-base: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.25rem;--radius-3xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .2);--shadow-base: 0 2px 4px rgba(0, 0, 0, .2);--shadow-md: 0 4px 12px rgba(0, 0, 0, .25);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .3);--shadow-xl: 0 16px 40px rgba(0, 0, 0, .35);--shadow-2xl: 0 24px 56px rgba(0, 0, 0, .4);--shadow-inner: inset 0 2px 4px rgba(0, 0, 0, .2);--shadow-glow: 0 0 20px rgba(99, 102, 241, .15);--shadow-glow-lg: 0 0 40px rgba(99, 102, 241, .2);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .2s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--transition-slower: .5s cubic-bezier(.4, 0, .2, 1);--transition-spring: .5s cubic-bezier(.34, 1.56, .64, 1);--z-index-dropdown: 1000;--z-index-sticky: 1020;--z-index-fixed: 1030;--z-index-modal-backdrop: 1040;--z-index-modal: 1050;--z-index-popover: 1060;--z-index-tooltip: 1070;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px;--header-height: 4rem;--sidebar-width: 16rem;--sidebar-collapsed-width: 4rem;--footer-height: 3rem;--input-height: 2.75rem;--input-height-sm: 2.25rem;--input-height-lg: 3.25rem;--input-border: 1px solid rgba(148, 163, 184, .15);--input-border-focus: 2px solid var(--color-primary-500);--input-bg: rgba(15, 23, 42, .5);--input-bg-disabled: rgba(30, 41, 59, .5);--button-height: 2.75rem;--button-height-sm: 2.25rem;--button-height-lg: 3.25rem;--button-padding-x: 1.25rem;--button-padding-x-sm: 1rem;--button-padding-x-lg: 1.75rem;--theme-bg-primary: var(--bg-primary);--theme-bg-secondary: var(--bg-secondary);--theme-bg-tertiary: var(--bg-tertiary);--theme-text-primary: var(--text-primary);--theme-text-secondary: var(--text-secondary);--theme-text-tertiary: var(--color-gray-500);--theme-border: var(--border-color);--theme-border-primary: var(--border-color);--theme-border-secondary: rgba(148, 163, 184, .2);--theme-glass-bg: var(--glass-bg);--theme-glass-border: var(--glass-border);--theme-card-bg: rgba(15, 23, 42, .6);--theme-card-border: rgba(148, 163, 184, .08);--theme-card-shadow: var(--shadow-lg);--theme-input-bg: var(--input-bg);--theme-input-border: var(--input-border);--theme-input-text: var(--text-primary);--theme-input-placeholder: var(--color-gray-500);--theme-hover-bg: rgba(99, 102, 241, .08);--theme-hover-border: rgba(148, 163, 184, .25)}[data-theme=midnight]{--bg-primary: #0a0e1a;--bg-secondary: #0f1629;--bg-tertiary: #141d35;--text-primary: #e2e8f0;--text-secondary: #8892a8;--glass-bg: rgba(10, 14, 26, .65);--glass-bg-hover: rgba(20, 29, 53, .75);--glass-border: rgba(99, 130, 200, .12);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .4);--border-color: rgba(99, 130, 200, .12);--primary-color: #7c9cf5;--primary-hover: #5b7ee0;--primary-color-alpha: rgba(124, 156, 245, .15);--gradient-primary: linear-gradient(135deg, #4a6cf7 0%, #7c3aed 100%);--gradient-surface: linear-gradient(135deg, rgba(74, 108, 247, .08) 0%, rgba(124, 58, 237, .04) 100%);--shadow-glow: 0 0 20px rgba(74, 108, 247, .15);--shadow-glow-lg: 0 0 40px rgba(74, 108, 247, .2);--input-bg: rgba(10, 14, 26, .6);--theme-hover-bg: rgba(74, 108, 247, .08);--theme-hover-border: rgba(99, 130, 200, .25);--theme-card-bg: rgba(10, 14, 26, .65);--theme-card-border: rgba(99, 130, 200, .08)}[data-theme=light]{--bg-primary: #f8fafc;--bg-secondary: #ffffff;--bg-tertiary: #f1f5f9;--text-primary: #0f172a;--text-secondary: #475569;--glass-bg: rgba(255, 255, 255, .7);--glass-bg-hover: rgba(241, 245, 249, .8);--glass-border: rgba(148, 163, 184, .2);--glass-shadow: 0 4px 24px rgba(0, 0, 0, .06);--border-color: rgba(148, 163, 184, .25);--primary-color: #4f46e5;--primary-hover: #4338ca;--primary-color-alpha: rgba(79, 70, 229, .1);--secondary-color: #7c3aed;--secondary-color-alpha: rgba(124, 58, 237, .1);--success-color: #059669;--warning-color: #d97706;--error-color: #dc2626;--gradient-primary: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%);--gradient-surface: linear-gradient(135deg, rgba(79, 70, 229, .04) 0%, rgba(124, 58, 237, .02) 100%);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-base: 0 2px 4px rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px rgba(0, 0, 0, .06);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .08);--shadow-xl: 0 16px 40px rgba(0, 0, 0, .1);--shadow-glow: 0 0 20px rgba(79, 70, 229, .1);--shadow-glow-lg: 0 0 40px rgba(79, 70, 229, .12);--input-bg: rgba(255, 255, 255, .8);--input-bg-disabled: rgba(241, 245, 249, .8);--theme-hover-bg: rgba(79, 70, 229, .06);--theme-hover-border: rgba(148, 163, 184, .35);--theme-card-bg: rgba(255, 255, 255, .8);--theme-card-border: rgba(148, 163, 184, .15);--theme-card-shadow: var(--shadow-md);--theme-input-placeholder: var(--color-gray-400)}[data-theme=light] ::-webkit-scrollbar-thumb{background:#94a3b84d}[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:#94a3b880}[data-theme=light] ::selection{background:#4f46e533;color:#0f172a}[data-theme=nord]{--bg-primary: #2e3440;--bg-secondary: #3b4252;--bg-tertiary: #434c5e;--text-primary: #eceff4;--text-secondary: #d8dee9;--glass-bg: rgba(46, 52, 64, .65);--glass-bg-hover: rgba(59, 66, 82, .75);--glass-border: rgba(216, 222, 233, .1);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .25);--border-color: rgba(216, 222, 233, .1);--primary-color: #88c0d0;--primary-hover: #81a1c1;--primary-color-alpha: rgba(136, 192, 208, .15);--secondary-color: #b48ead;--secondary-color-alpha: rgba(180, 142, 173, .15);--color-primary-300: #88c0d0;--color-primary-400: #81a1c1;--color-primary-500: #5e81ac;--success-color: #a3be8c;--warning-color: #ebcb8b;--error-color: #bf616a;--gradient-primary: linear-gradient(135deg, #5e81ac 0%, #88c0d0 100%);--gradient-surface: linear-gradient(135deg, rgba(94, 129, 172, .08) 0%, rgba(136, 192, 208, .04) 100%);--shadow-glow: 0 0 20px rgba(136, 192, 208, .12);--shadow-glow-lg: 0 0 40px rgba(136, 192, 208, .15);--input-bg: rgba(46, 52, 64, .6);--theme-hover-bg: rgba(136, 192, 208, .08);--theme-hover-border: rgba(216, 222, 233, .2);--theme-card-bg: rgba(46, 52, 64, .65);--theme-card-border: rgba(216, 222, 233, .08)}[data-theme=tui]{--bg-primary: #f5f7fa;--bg-secondary: #ffffff;--bg-tertiary: #eef1f6;--text-primary: #1a1f36;--text-secondary: #4a5568;--glass-bg: rgba(255, 255, 255, .75);--glass-bg-hover: rgba(245, 247, 250, .85);--glass-border: rgba(26, 31, 54, .08);--glass-shadow: 0 4px 24px rgba(0, 0, 0, .06);--border-color: rgba(26, 31, 54, .1);--primary-color: #D40E14;--primary-hover: #b80c11;--primary-color-alpha: rgba(212, 14, 20, .1);--secondary-color: #0050FF;--secondary-color-alpha: rgba(0, 80, 255, .1);--color-primary-300: #f87171;--color-primary-400: #D40E14;--color-primary-500: #b80c11;--success-color: #059669;--warning-color: #d97706;--error-color: #dc2626;--gradient-primary: linear-gradient(135deg, #D40E14 0%, #0050FF 100%);--gradient-surface: linear-gradient(135deg, rgba(212, 14, 20, .04) 0%, rgba(0, 80, 255, .02) 100%);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-base: 0 2px 4px rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px rgba(0, 0, 0, .06);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .08);--shadow-xl: 0 16px 40px rgba(0, 0, 0, .1);--shadow-glow: 0 0 20px rgba(212, 14, 20, .08);--shadow-glow-lg: 0 0 40px rgba(212, 14, 20, .1);--input-bg: rgba(255, 255, 255, .9);--input-bg-disabled: rgba(238, 241, 246, .8);--theme-hover-bg: rgba(212, 14, 20, .05);--theme-hover-border: rgba(26, 31, 54, .15);--theme-card-bg: rgba(255, 255, 255, .85);--theme-card-border: rgba(26, 31, 54, .06);--theme-card-shadow: var(--shadow-md);--theme-input-placeholder: var(--color-gray-400)}[data-theme=tui] ::-webkit-scrollbar-thumb{background:#1a1f3626}[data-theme=tui] ::-webkit-scrollbar-thumb:hover{background:#1a1f364d}[data-theme=tui] ::selection{background:#d40e1426;color:#1a1f36}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-family-sans);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--text-primary);background:var(--bg-primary);min-height:100vh;overflow-x:hidden;letter-spacing:-.01em}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--text-primary);margin-bottom:var(--spacing-4);letter-spacing:-.025em}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-base)}p{margin-bottom:var(--spacing-4);color:var(--text-secondary)}a{color:var(--color-primary-400);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-300)}a:focus{outline:2px solid var(--color-primary-500);outline-offset:2px}ul,ol{margin-bottom:var(--spacing-4);padding-left:var(--spacing-6)}li{margin-bottom:var(--spacing-2);color:var(--text-secondary)}code{font-family:var(--font-family-mono);font-size:.875em;background:var(--primary-color-alpha);padding:.125rem .375rem;border-radius:var(--radius-base);color:var(--color-primary-300)}pre{font-family:var(--font-family-mono);font-size:var(--font-size-sm);background:#0000004d;color:var(--color-gray-200);padding:var(--spacing-4);border-radius:var(--radius-lg);overflow-x:auto;margin-bottom:var(--spacing-4);border:1px solid var(--glass-border)}pre code{background:transparent;padding:0;color:inherit}img{max-width:100%;height:auto;display:block}table{width:100%;border-collapse:collapse;margin-bottom:var(--spacing-4)}th,td{padding:var(--spacing-3) var(--spacing-4);text-align:left;border-bottom:1px solid var(--glass-border)}th{font-weight:var(--font-weight-semibold);color:var(--text-primary);background:var(--theme-hover-bg)}tr:hover{background:var(--theme-hover-bg)}input,textarea,select,button{font-family:inherit;font-size:inherit;line-height:inherit}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px var(--primary-color-alpha)}button{cursor:pointer;border:none;background:none}button:disabled{cursor:not-allowed;opacity:.5}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--theme-hover-border)}::selection{background:var(--primary-color-alpha);color:#fff}:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 var(--spacing-4)}.container-fluid{width:100%;padding:0 var(--spacing-4)}.glass-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-2xl);box-shadow:var(--glass-shadow);padding:var(--spacing-6)}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--spacing-2)}.gap-4{gap:var(--spacing-4)}.gap-6{gap:var(--spacing-6)}.mt-4{margin-top:var(--spacing-4)}.mb-4{margin-bottom:var(--spacing-4)}.p-4{padding:var(--spacing-4)}.p-6{padding:var(--spacing-6)}.text-center{text-align:center}.text-sm{font-size:var(--font-size-sm)}.text-lg{font-size:var(--font-size-lg)}.font-bold{font-weight:var(--font-weight-bold)}.font-semibold{font-weight:var(--font-weight-semibold)}.hidden{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@keyframes spin{to{transform:rotate(360deg)}}.spinner{animation:spin 1s linear infinite}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn var(--transition-base) ease-out}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media(max-width:768px){html{font-size:15px}.container{padding:0 var(--spacing-3)}}