.card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow);overflow:hidden;transition:all var(--transition-base)}.card:hover{box-shadow:var(--shadow-md)}.card-header{align-items:flex-start;border-bottom:1px solid var(--border-color);display:flex;gap:var(--spacing-md);justify-content:space-between;padding:var(--spacing-lg)}.card-title{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0}.card-subtitle{color:var(--text-secondary);font-size:var(--font-size-sm);margin:var(--spacing-xs) 0 0 0}.card-actions{display:flex;flex-shrink:0;gap:var(--spacing-sm)}.card-body{padding:var(--spacing-lg)}.card-body-no-padding{padding:0}.card-compact .card-body,.card-compact .card-header{padding:var(--spacing-md)}.card-bordered{border:2px solid var(--border-color)}.card-elevated{box-shadow:var(--shadow-lg)}.card-elevated:hover{box-shadow:var(--shadow-xl)}.btn{align-items:center;border:none;border-radius:var(--border-radius);cursor:pointer;display:inline-flex;font-family:var(--font-family);font-weight:var(--font-weight-medium);gap:var(--spacing-sm);justify-content:center;position:relative;text-decoration:none;transition:all var(--transition-base);white-space:nowrap}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background:var(--primary);color:var(--text-inverse);font-weight:var(--font-weight-semibold)}.btn-primary:hover:not(:disabled){background:var(--primary-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-primary:active:not(:disabled){box-shadow:var(--shadow);transform:translateY(0)}.btn-secondary{background:var(--gray-100)!important;border:1px solid var(--border-color);color:var(--gray-700)!important;font-weight:var(--font-weight-medium)}.btn-secondary:hover:not(:disabled){background:var(--gray-200)!important;border-color:var(--gray-300);color:var(--gray-800)!important}.btn-success{background:var(--success);color:var(--text-inverse);font-weight:var(--font-weight-semibold)}.btn-success:hover:not(:disabled){background:var(--success-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-success:active:not(:disabled){box-shadow:var(--shadow);transform:translateY(0)}.btn-danger{background:var(--error);color:var(--text-inverse);font-weight:var(--font-weight-semibold)}.btn-danger:hover:not(:disabled){background:var(--error-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-danger:active:not(:disabled){box-shadow:var(--shadow);transform:translateY(0)}.btn-warning{background:var(--warning);color:var(--text-inverse);font-weight:var(--font-weight-semibold)}.btn-warning:hover:not(:disabled){background:var(--warning-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-warning:active:not(:disabled){box-shadow:var(--shadow);transform:translateY(0)}.btn-ghost{background:#0000!important;border:1px solid var(--border-color);color:var(--gray-700)!important}.btn-ghost:hover:not(:disabled){background:var(--bg-tertiary)!important;border-color:var(--gray-300);color:var(--gray-800)!important}.btn-sm{font-size:var(--font-size-sm);height:32px;padding:var(--spacing-xs) var(--spacing-md)}.btn-md{font-size:var(--font-size-base);height:40px;padding:var(--spacing-sm) var(--spacing-lg)}.btn-lg{font-size:var(--font-size-lg);height:48px;padding:var(--spacing-md) var(--spacing-xl)}.btn-loading{pointer-events:none}.btn-spinner{align-items:center;display:inline-flex;margin-right:var(--spacing-xs)}.btn-spinner .spinner{animation:spin 1s linear infinite;height:16px;width:16px}.btn-content-loading{opacity:.7}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.btn-icon{height:40px;padding:var(--spacing-sm);width:40px}.btn-icon.btn-sm{height:32px;padding:var(--spacing-xs);width:32px}.btn-icon.btn-lg{height:48px;padding:var(--spacing-md);width:48px}.input-group{display:flex;flex-direction:column;gap:var(--spacing-xs);width:100%}.input-label{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xs)}.input-required{color:var(--error);margin-left:2px}.input{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-primary);font-family:var(--font-family);font-size:var(--font-size-base);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-base);width:100%}.input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a;outline:none}.input:disabled{background:var(--bg-tertiary);cursor:not-allowed}.input::placeholder,.input:disabled{color:var(--text-tertiary)}.input-error,.input-error:focus{border-color:var(--error)}.input-error:focus{box-shadow:0 0 0 3px #ef44441a}.input-error-message{color:var(--error);font-size:var(--font-size-sm)}.input-helper{color:var(--text-secondary);font-size:var(--font-size-sm)}select.input{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right var(--spacing-sm) center;background-repeat:no-repeat;background-size:16px;cursor:pointer;padding-right:var(--spacing-2xl)}textarea.input{font-family:var(--font-family);min-height:100px;resize:vertical}.modal-backdrop{align-items:center;animation:fadeIn var(--transition-base);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:var(--z-modal)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{animation:slideUp var(--transition-base);background:var(--bg-primary);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;max-height:90vh;max-width:90%;overflow:hidden}.modal-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:var(--spacing-xl)}.modal-title{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0}.modal-close{align-items:center;background:none;border:none;border-radius:var(--border-radius);color:var(--text-secondary);cursor:pointer;display:flex;font-size:var(--font-size-2xl);height:32px;justify-content:center;padding:0;transition:all var(--transition-fast);width:32px}.modal-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.modal-body{flex:1 1;overflow-y:auto;padding:var(--spacing-xl)}.search-input-wrapper{align-items:center;display:flex;max-width:400px;position:relative;width:100%}.search-icon{color:var(--text-tertiary);height:18px;left:var(--spacing-md);pointer-events:none;position:absolute;width:18px;z-index:1}.search-input{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-primary);font-family:var(--font-family);font-size:var(--font-size-base);padding:var(--spacing-sm) var(--spacing-md) var(--spacing-sm) var(--spacing-2xl);transition:all var(--transition-base);width:100%}.search-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a;outline:none}.search-clear,.search-input::placeholder{color:var(--text-tertiary)}.search-clear{align-items:center;background:none;border:none;border-radius:var(--border-radius-sm);cursor:pointer;display:flex;font-size:var(--font-size-xl);height:24px;justify-content:center;padding:var(--spacing-xs);position:absolute;right:var(--spacing-sm);transition:all var(--transition-fast);width:24px}.search-clear:hover{background:var(--bg-tertiary);color:var(--text-primary)}.spinner-container{align-items:center;display:flex;justify-content:center;padding:var(--spacing-xl)}.spinner{display:inline-block;position:relative}.spinner-ring{animation:spinner-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;border:3px solid var(--primary);border-color:var(--primary) #0000 #0000 #0000;border-radius:50%;display:block;position:absolute}.spinner-ring:first-child{animation-delay:-.45s}.spinner-ring:nth-child(2){animation-delay:-.3s}.spinner-ring:nth-child(3){animation-delay:-.15s}.spinner-sm .spinner-ring{border-width:2px;height:16px;margin:2px;width:16px}.spinner-md .spinner-ring{height:32px;margin:4px;width:32px}.spinner-lg .spinner-ring{height:48px;margin:6px;width:48px}@keyframes spinner-ring{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.skeleton-container{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-lg)}.skeleton-line{animation:skeleton-loading 1.5s ease-in-out infinite;background:linear-gradient(90deg,var(--gray-200) 0,var(--gray-100) 50%,var(--gray-200) 100%);background-size:200% 100%;border-radius:var(--border-radius);height:16px}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.table-skeleton{background:var(--bg-primary);border-radius:var(--border-radius);overflow:hidden}.table-skeleton-header{background:var(--gray-100)}.table-skeleton-header,.table-skeleton-row{grid-gap:var(--spacing-md);border-bottom:1px solid var(--border-color);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(100px,1fr));padding:var(--spacing-md)}.skeleton-cell{animation:skeleton-loading 1.5s ease-in-out infinite;background:linear-gradient(90deg,var(--gray-200) 0,var(--gray-100) 50%,var(--gray-200) 100%);background-size:200% 100%;border-radius:var(--border-radius-sm);height:20px}.page-actions{align-items:center;display:flex;gap:var(--spacing-md)}.campaign-name{color:var(--text-primary);font-weight:var(--font-weight-medium)}.badge{background:var(--gray-100);border:1px solid var(--gray-200);border-radius:var(--border-radius);color:var(--gray-700);font-weight:var(--font-weight-semibold);justify-content:center}.badge,.status-badge{align-items:center;display:inline-flex;font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-md)}.status-badge{border-radius:var(--border-radius);font-weight:var(--font-weight-medium);letter-spacing:.05em;text-transform:uppercase}.status-active{background:#05966926;border:1px solid #05966933;color:var(--success)}.status-active,.status-inactive{font-weight:var(--font-weight-semibold)}.status-inactive{background:#6b728026;border:1px solid #6b728033;color:var(--gray-700)}.table-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.text-secondary{color:var(--text-secondary);font-size:var(--font-size-sm)}.template-subject{color:var(--text-primary);font-weight:var(--font-weight-medium)}.template-preview{color:var(--text-secondary);font-size:var(--font-size-sm);max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filters-section{align-items:flex-end;display:flex;flex-wrap:wrap;gap:var(--spacing-lg)}.filter-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.filter-label{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xs)}.filter-select{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-primary);cursor:pointer;font-family:var(--font-family);font-size:var(--font-size-base);min-width:150px;padding:var(--spacing-sm) var(--spacing-md)}.filter-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a;outline:none}.lead-name{color:var(--text-primary);font-weight:var(--font-weight-medium)}.status-new{background:#2563eb26;border:1px solid #2563eb33;color:var(--info)}.status-contacted,.status-new{font-weight:var(--font-weight-semibold)}.status-contacted{background:#6b728026;border:1px solid #6b728033;color:var(--secondary)}.status-booked,.status-engaged,.status-replied{background:#05966926;border:1px solid #05966933;color:var(--success);font-weight:var(--font-weight-semibold)}.status-not_interested{background:#dc262626;border:1px solid #dc262633;color:var(--error)}.status-dead,.status-not_interested{font-weight:var(--font-weight-semibold)}.status-dead{background:#6b728026;border:1px solid #6b728033;color:var(--gray-700)}.log-lead-name{color:var(--text-primary);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-xs)}.text-sm{font-size:var(--font-size-sm)}.badge-channel{background:var(--gray-100);border:1px solid var(--gray-200);color:var(--gray-700);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.05em;padding:var(--spacing-xs) var(--spacing-sm);text-transform:uppercase}.reply-indicator{align-items:center;border-radius:var(--border-radius);display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--spacing-xs) var(--spacing-md)}.reply-yes{background:#05966926;border:1px solid #05966933;color:var(--success)}.reply-no,.reply-yes{font-weight:var(--font-weight-semibold)}.reply-no{background:var(--gray-100)!important;border:1px solid var(--gray-200)!important;color:var(--gray-700)!important}.status-pending{background:#d9770626;border:1px solid #d9770633;font-weight:var(--font-weight-semibold)}.status-delivered,.status-sent{background:#05966926;border:1px solid #05966933;font-weight:var(--font-weight-semibold)}.status-delivered{color:var(--success)}.status-bounced,.status-failed{background:#dc262626;border:1px solid #dc262633;font-weight:var(--font-weight-semibold)}.status-bounced{color:var(--error)}.dashboard-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:var(--spacing-xl)}.stat-card{background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);border:none;color:#fff}.stat-card.stat-success{background:linear-gradient(135deg,var(--success) 0,#059669 100%)}.stat-card.stat-info{background:linear-gradient(135deg,var(--info) 0,#2563eb 100%)}.stat-card.stat-warning{background:linear-gradient(135deg,var(--warning) 0,#d97706 100%)}.stat-content{gap:var(--spacing-lg)}.stat-content,.stat-icon{align-items:center;display:flex}.stat-icon{color:#fffffff2;justify-content:center;opacity:.9}.stat-info{flex:1 1}.stat-value{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);line-height:1}.stat-label,.stat-value{margin-bottom:var(--spacing-xs)}.stat-label{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);opacity:.95}.stat-sublabel{font-size:var(--font-size-sm);opacity:.8}.dashboard-content{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:1fr 2fr}.quick-actions{display:flex;flex-direction:column;gap:var(--spacing-md)}.quick-actions a{color:inherit;text-decoration:none}.quick-actions a .btn{justify-content:center;width:100%}.activity-list{flex-direction:column}.activity-item,.activity-list{display:flex;gap:var(--spacing-md)}.activity-item{align-items:center;border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-md);transition:all var(--transition-base)}.activity-item:hover{background:var(--bg-secondary);border-color:var(--primary)}.activity-icon{flex-shrink:0;font-size:24px}.activity-content{flex:1 1}.activity-title{color:var(--text-primary);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-xs)}.activity-meta{color:var(--text-secondary);font-size:var(--font-size-sm)}.activity-status{border-radius:var(--border-radius);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:.05em;padding:var(--spacing-xs) var(--spacing-md);text-transform:uppercase}.status-sent{background:#10b9811a;color:var(--success)}.status-failed{background:#ef44441a;color:var(--error)}.status-pending{background:#f59e0b1a;color:var(--warning)}@media (max-width:1024px){.dashboard-content{grid-template-columns:1fr}}@media (max-width:768px){.dashboard-grid{grid-template-columns:1fr}}.login-container{align-items:center;background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:var(--spacing-xl);position:relative}.login-container:before{background:radial-gradient(circle at 20% 50%,#ffffff1a 0,#0000 50%),radial-gradient(circle at 80% 80%,#ffffff1a 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.login-card{animation:slideUp .4s ease-out;box-shadow:var(--shadow-xl);max-width:440px;position:relative;width:100%;z-index:1}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-header{margin-bottom:var(--spacing-2xl);text-align:center}.login-logo{align-items:center;animation:float 3s ease-in-out infinite;display:flex;justify-content:center;margin-bottom:var(--spacing-lg)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.login-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-xs) 0}.login-subtitle{color:var(--text-secondary);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);margin:0 0 var(--spacing-md) 0}.login-description{color:var(--text-tertiary);font-size:var(--font-size-sm);margin:0}.login-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.login-error{align-items:center;animation:shake .3s ease-in-out;background:#ef44441a;border:1px solid var(--error);border-radius:var(--border-radius);color:var(--error);display:flex;font-size:var(--font-size-sm);gap:var(--spacing-sm);padding:var(--spacing-md)}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.login-field-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.login-label{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transform:translateY(0);transition:all var(--transition-base)}.login-label.focused{color:var(--primary)}.login-input-wrapper{align-items:center;display:flex;position:relative}.login-input{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-primary);font-family:var(--font-family);font-size:var(--font-size-base);outline:none;padding:var(--spacing-md) var(--spacing-lg);transition:all var(--transition-base);width:100%}.login-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.login-input:disabled{background:var(--bg-tertiary);cursor:not-allowed}.login-input::placeholder,.login-input:disabled{color:var(--text-tertiary)}.login-input.error,.login-input.error:focus{border-color:var(--error)}.login-input.error:focus{box-shadow:0 0 0 3px #ef44441a}.password-wrapper{position:relative}.password-toggle{align-items:center;background:none;border:none;border-radius:var(--border-radius-sm);color:var(--text-tertiary);cursor:pointer;display:flex;justify-content:center;padding:var(--spacing-xs);position:absolute;right:var(--spacing-md);transition:all var(--transition-fast);z-index:1}.password-toggle:hover{background:var(--bg-tertiary);color:var(--text-primary)}.password-toggle:focus{outline:2px solid var(--primary);outline-offset:2px}.login-footer{border-top:1px solid var(--border-color);margin-top:var(--spacing-2xl);padding-top:var(--spacing-lg);text-align:center}.login-help{color:var(--text-secondary);font-size:var(--font-size-sm);margin:0 0 var(--spacing-xs) 0}.login-help-secondary{color:var(--text-tertiary);font-size:var(--font-size-xs);margin:0}@media (max-width:480px){.login-container{padding:var(--spacing-md)}.login-card{max-width:100%}.login-title{font-size:var(--font-size-3xl)}}.top-header{align-items:center;background:var(--bg-primary);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-sm);display:flex;height:64px;padding:0 var(--spacing-xl);position:-webkit-sticky;position:sticky;top:0;z-index:var(--z-sticky)}.top-header-content{align-items:center;display:flex;justify-content:space-between;width:100%}.top-header-left{flex:1 1}.top-header-right{align-items:center;display:flex;gap:var(--spacing-md)}.header-actions{align-items:center;display:flex;gap:var(--spacing-sm)}.header-action-btn{align-items:center;background:#0000;border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--gray-700);cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-base)}.header-action-btn:hover{background:var(--bg-secondary);border-color:var(--gray-300);color:var(--gray-900)}.header-action-btn .action-label{display:none}@media (min-width:768px){.header-action-btn .action-label{display:inline}}.user-menu{position:relative}.user-menu-trigger{align-items:center;background:#0000;border:1px solid var(--border-color);border-radius:var(--border-radius-lg);cursor:pointer;display:flex;gap:var(--spacing-sm);min-width:180px;padding:var(--spacing-xs) var(--spacing-sm);transition:all var(--transition-base)}.user-menu-trigger:hover{background:var(--bg-secondary);border-color:var(--gray-300)}.user-avatar{align-items:center;background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);height:36px;justify-content:center;width:36px}.user-info{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;min-width:0}.user-name{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);line-height:1.2;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-role{font-size:var(--font-size-xs);line-height:1.2}.dropdown-icon,.user-role{color:var(--text-secondary)}.dropdown-icon{flex-shrink:0;transition:transform var(--transition-base)}.dropdown-icon.open{transform:rotate(180deg)}.user-dropdown{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);min-width:240px;overflow:hidden;position:absolute;right:0;top:calc(100% + var(--spacing-xs));z-index:var(--z-dropdown)}.dropdown-header{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;gap:var(--spacing-md);padding:var(--spacing-md)}.dropdown-avatar{align-items:center;background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);height:48px;justify-content:center;width:48px}.dropdown-user-info{flex:1 1;min-width:0}.dropdown-name{color:var(--text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xs)}.dropdown-email,.dropdown-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-email{color:var(--text-secondary);font-size:var(--font-size-sm)}.dropdown-divider{background:var(--border-color);height:1px;margin:var(--spacing-xs) 0}.dropdown-menu{padding:var(--spacing-xs) 0}.dropdown-item{align-items:center;background:#0000;border:none;color:var(--text-primary);cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--spacing-md);padding:var(--spacing-md);text-align:left;transition:background var(--transition-fast);width:100%}.dropdown-item:hover{background:var(--bg-secondary)}.dropdown-item svg{color:var(--text-secondary);flex-shrink:0}.dropdown-item:hover svg{color:var(--text-primary)}.dropdown-item-danger{color:var(--error)}.dropdown-item-danger:hover{background:#dc26261a;color:var(--error)}.dropdown-item-danger svg{color:var(--error)}@media (max-width:768px){.top-header{padding:0 var(--spacing-md)}.user-menu-trigger{min-width:auto;padding:var(--spacing-xs)}.user-info{display:none}.user-dropdown{left:auto;min-width:200px;right:0}}.toast-container{display:flex;flex-direction:column;gap:var(--spacing-sm);max-width:400px;pointer-events:none;position:fixed;right:var(--spacing-lg);top:var(--spacing-lg);z-index:var(--z-tooltip)}.toast{align-items:center;animation:slideIn .3s ease-out;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-lg);display:flex;gap:var(--spacing-md);justify-content:space-between;min-width:300px;padding:var(--spacing-md) var(--spacing-lg);pointer-events:auto}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.toast-content{flex:1 1;gap:var(--spacing-md)}.toast-content,.toast-icon{align-items:center;display:flex}.toast-icon{border-radius:50%;color:#fff;flex-shrink:0;height:20px;justify-content:center;width:20px}.toast-message{color:var(--text-primary);font-size:var(--font-size-sm);line-height:1.5}.toast-close{align-items:center;background:none;border:none;border-radius:var(--border-radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;font-size:var(--font-size-xl);height:20px;justify-content:center;padding:0;transition:all var(--transition-fast);width:20px}.toast-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.toast-success{border-left:4px solid var(--success)}.toast-success .toast-icon{background:var(--success);color:#fff}.toast-error{border-left:4px solid var(--error)}.toast-error .toast-icon{background:var(--error);color:#fff}.toast-warning{border-left:4px solid var(--warning)}.toast-warning .toast-icon{background:var(--warning);color:#fff}.toast-info{border-left:4px solid var(--info)}.toast-info .toast-icon{background:var(--info);color:#fff}.App{background:var(--bg-secondary);display:flex;min-height:100vh}.sidebar{background:var(--bg-sidebar);border-right:1px solid var(--border-color);color:var(--text-inverse);display:flex;flex-direction:column;height:100vh;overflow-y:auto;position:-webkit-sticky;position:sticky;top:0;width:260px}.sidebar-header{border-bottom:1px solid #ffffff1a;padding:var(--spacing-xl)}.sidebar-logo{align-items:center;color:var(--text-inverse);display:flex;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);gap:var(--spacing-md)}.sidebar-logo>div{display:flex;flex-direction:column;gap:2px}.sidebar-nav{flex:1 1}.nav-item,.sidebar-nav{padding:var(--spacing-md)}.nav-item{align-items:center;border-radius:var(--border-radius);color:var(--text-inverse);display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-xs);opacity:.8;text-decoration:none;transition:all var(--transition-base)}.nav-item:hover{background:#ffffff1a;opacity:1}.nav-item.active{background:var(--primary);font-weight:var(--font-weight-medium);opacity:1}.nav-icon{align-items:center;display:flex;flex-shrink:0;height:20px;justify-content:center;width:20px}.main-content{background:var(--bg-secondary);display:flex;flex:1 1;flex-direction:column;overflow:hidden}.main-header{align-items:center;background:var(--bg-primary);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:var(--spacing-lg) var(--spacing-xl);position:-webkit-sticky;position:sticky;top:0;z-index:var(--z-sticky)}.main-header h1{color:var(--text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);margin:0}.content-wrapper{background:var(--bg-secondary);flex:1 1;overflow-y:auto;padding:var(--spacing-xl)}.page-header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:space-between;margin-bottom:var(--spacing-xl)}.page-title{color:var(--text-primary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);line-height:1.2;margin:0}.page-subtitle{color:var(--text-secondary);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);margin:var(--spacing-xs) 0 0 0}.data-table{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow);overflow:hidden;width:100%}.data-table table{border-collapse:collapse;width:100%}.data-table thead{border-bottom:2px solid var(--border-color)}.data-table th,.data-table thead{background:var(--gray-100)!important}.data-table th{color:var(--gray-700)!important;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);letter-spacing:.05em;text-align:left;text-transform:uppercase}.data-table td,.data-table th{padding:var(--spacing-md) var(--spacing-lg)}.data-table td{border-bottom:1px solid var(--border-color);color:var(--text-primary)}.data-table tbody tr{transition:background var(--transition-fast)}.data-table tbody tr:hover{background:var(--bg-secondary)}.data-table tbody tr:last-child td{border-bottom:none}.empty-state{color:var(--text-secondary);padding:var(--spacing-2xl);text-align:center}.empty-state-icon{font-size:48px;margin-bottom:var(--spacing-md);opacity:.5}.empty-state-title{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-sm)}.empty-state-description{color:var(--text-secondary);font-size:var(--font-size-base)}@media (max-width:768px){.App{flex-direction:column}.sidebar{height:auto;position:relative;width:100%}.content-wrapper{padding:var(--spacing-md)}.page-header{align-items:flex-start;flex-direction:column}}.data-table thead td,.data-table thead th{background:var(--gray-100)!important;color:var(--gray-700)!important}.card .btn,.quick-actions .btn,a .btn{color:inherit}.card .btn-primary,a .btn-primary{color:var(--text-inverse)!important}.card .btn-secondary,a .btn-secondary{background:var(--gray-100)!important;color:var(--gray-700)!important}.card .btn-ghost,a .btn-ghost{color:var(--gray-700)!important}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}:root{--primary:#4f46e5;--primary-dark:#4338ca;--primary-light:#6366f1;--primary-hover:#5b52f0;--secondary:#6b7280;--secondary-dark:#4b5563;--success:#059669;--success-dark:#047857;--warning:#d97706;--warning-dark:#b45309;--error:#dc2626;--error-dark:#b91c1c;--info:#2563eb;--info-dark:#1d4ed8;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--bg-primary:#fff;--bg-secondary:#f9fafb;--bg-tertiary:#f3f4f6;--bg-dark:#1f2937;--bg-sidebar:#111827;--text-primary:#111827;--text-secondary:#6b7280;--text-tertiary:#9ca3af;--text-inverse:#fff;--border-color:#e5e7eb;--border-radius:8px;--border-radius-sm:4px;--border-radius-lg:12px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--font-mono:"SF Mono","Monaco","Inconsolata","Fira Code","Droid Sans Mono",monospace;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--transition-fast:150ms ease;--transition-base:200ms ease;--transition-slow:300ms ease;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070}@media (prefers-color-scheme:dark){:root{--bg-primary:#1f2937;--bg-secondary:#111827;--bg-tertiary:#0f172a;--text-primary:#f9fafb;--text-secondary:#d1d5db;--border-color:#374151}}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f9fafb;background-color:var(--bg-secondary);color:#111827;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-family:var(--font-family);font-size:1rem;font-size:var(--font-size-base);line-height:1.5}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f9fafb;background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:#9ca3af;background:var(--gray-400);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#6b7280;background:var(--gray-500)}:focus-visible{outline:2px solid #4f46e5;outline:2px solid var(--primary);outline-offset:2px}::selection{background-color:#6366f1;background-color:var(--primary-light);color:#fff}
/*# sourceMappingURL=main.8ffe52cb.css.map*/