.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-family);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);transition:all var(--transition-fast);cursor:pointer;white-space:nowrap}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-sm{height:28px;padding:0 var(--space-2);font-size:var(--font-size-sm)}.btn-md{height:36px;padding:0 var(--space-4);font-size:var(--font-size-base)}.btn-lg{height:44px;padding:0 var(--space-6);font-size:var(--font-size-md)}.btn-primary{background-color:var(--interactive-primary);color:#fff;border:none}.btn-primary:hover:not(:disabled){background-color:var(--interactive-primary-hover)}.btn-secondary{background-color:var(--interactive-secondary);color:var(--text-primary);border:var(--border-width) solid var(--border-color)}.btn-secondary:hover:not(:disabled){background-color:var(--interactive-secondary-hover);border-color:var(--color-slate-300)}.btn-ghost{background-color:transparent;color:var(--text-secondary);border:none}.btn-ghost:hover:not(:disabled){background-color:var(--color-slate-100);color:var(--text-primary)}.btn-danger{background-color:var(--color-danger-500);color:#fff;border:none}.btn-danger:hover:not(:disabled){background-color:var(--color-danger-600)}.btn-danger-ghost{background-color:transparent;color:var(--color-danger-600);border:none}.btn-danger-ghost:hover:not(:disabled){background-color:var(--color-danger-50)}.btn-loading{pointer-events:none}.btn-spinner{width:14px;height:14px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite}.btn-icon{display:flex;align-items:center;justify-content:center}.btn-icon svg{width:16px;height:16px}.btn-sm .btn-icon svg{width:14px;height:14px}.btn-lg .btn-icon svg{width:18px;height:18px}.badge{display:inline-flex;align-items:center;gap:var(--space-1);font-weight:var(--font-weight-medium);border-radius:var(--radius-full);text-transform:capitalize;white-space:nowrap}.badge-xs{padding:2px 6px;font-size:10px}.badge-sm{padding:2px 8px;font-size:var(--font-size-xs)}.badge-md{padding:4px 10px;font-size:var(--font-size-sm)}.badge-neutral{background-color:var(--color-slate-100);color:var(--color-slate-600)}.badge-primary{background-color:var(--color-primary-100);color:var(--color-primary-700)}.badge-success{background-color:var(--color-success-100);color:var(--color-success-700)}.badge-warning{background-color:var(--color-warning-100);color:var(--color-warning-700)}.badge-danger{background-color:var(--color-danger-100);color:var(--color-danger-700)}.badge-info{background-color:var(--color-info-100);color:var(--color-info-700)}.badge-purple{background-color:var(--color-purple-100);color:var(--color-purple-700)}.badge-dot-indicator{width:6px;height:6px;border-radius:50%;background-color:currentColor}.modal-backdrop{position:fixed;inset:0;background-color:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;padding:var(--space-4);z-index:var(--z-modal-backdrop);animation:fadeIn .15s ease}.modal{background-color:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:100%;max-height:90vh;display:flex;flex-direction:column;z-index:var(--z-modal);animation:slideUp .2s ease}.modal-sm{max-width:400px}.modal-md{max-width:520px}.modal-lg{max-width:680px}.modal-xl{max-width:900px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);border-bottom:var(--border-width) solid var(--border-color)}.modal-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-md);color:var(--text-tertiary);transition:all var(--transition-fast)}.modal-close:hover{background-color:var(--color-slate-100);color:var(--text-primary)}.modal-close svg{width:20px;height:20px}.modal-body{padding:var(--space-6);overflow-y:auto;flex:1}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:var(--border-width) solid var(--border-color);background-color:var(--color-slate-50);border-radius:0 0 var(--radius-xl) var(--radius-xl)}.input-group{display:flex;flex-direction:column;gap:var(--space-1)}.input-group label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary)}.input-group input,.input-group textarea,.input-group select{width:100%;padding:var(--space-2) var(--space-3);border:var(--border-width) solid var(--border-color);border-radius:var(--radius-md);background-color:#fff;color:var(--text-primary);font-size:var(--font-size-base);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.input-group input:focus,.input-group textarea:focus,.input-group select:focus{outline:none;border-color:var(--interactive-primary);box-shadow:0 0 0 3px var(--color-primary-100)}.input-group input::placeholder,.input-group textarea::placeholder{color:var(--text-tertiary)}.input-group textarea{resize:vertical;min-height:80px}.input-group.has-error input,.input-group.has-error textarea,.input-group.has-error select{border-color:var(--color-danger-500)}.input-group.has-error input:focus,.input-group.has-error textarea:focus,.input-group.has-error select:focus{box-shadow:0 0 0 3px var(--color-danger-100)}.input-error{font-size:var(--font-size-sm);color:var(--color-danger-600)}.input-help{font-size:var(--font-size-sm);color:var(--text-tertiary)}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.form-section{margin-bottom:var(--space-6)}.form-section h4{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--space-4);padding-bottom:var(--space-2);border-bottom:var(--border-width) solid var(--border-color)}.checkbox-group{display:flex;align-items:center;gap:var(--space-2)}.checkbox-group input[type=checkbox]{width:16px;height:16px;border-radius:var(--radius-sm);cursor:pointer}.checkbox-group label{cursor:pointer;margin-bottom:0}.select-group{display:flex;flex-direction:column;gap:var(--space-1)}.select-group label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary)}.select-wrapper{position:relative}.select-wrapper select{width:100%;padding:var(--space-2) var(--space-8) var(--space-2) var(--space-3);border:var(--border-width) solid var(--border-color);border-radius:var(--radius-md);background-color:#fff;color:var(--text-primary);font-size:var(--font-size-base);cursor:pointer;appearance:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.select-wrapper select:focus{outline:none;border-color:var(--interactive-primary);box-shadow:0 0 0 3px var(--color-primary-100)}.select-arrow{position:absolute;right:var(--space-3);top:50%;transform:translateY(-50%);pointer-events:none;color:var(--text-tertiary)}.select-arrow svg{width:16px;height:16px}.select-group.has-error select{border-color:var(--color-danger-500)}.select-group.has-error select:focus{box-shadow:0 0 0 3px var(--color-danger-100)}.select-error{font-size:var(--font-size-sm);color:var(--color-danger-600)}.filter-select{padding:6px 32px 6px 12px;font-size:var(--font-size-sm);border-color:var(--border-color);background-color:#fff;border-radius:var(--radius-md);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2394a3b8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19.5 8.25l-7.5 7.5-7.5-7.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;background-size:14px}.filter-select:focus{outline:none;border-color:var(--interactive-primary)}.table-wrapper{background-color:#fff;border:var(--border-width) solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden}.data-table{width:100%;border-collapse:collapse}.data-table thead{background-color:var(--color-slate-50);border-bottom:var(--border-width) solid var(--border-color)}.data-table th{padding:var(--space-3) var(--space-4);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);text-align:left;white-space:nowrap}.data-table td{padding:var(--space-3) var(--space-4);font-size:var(--font-size-base);color:var(--text-primary);border-bottom:var(--border-width) solid var(--border-color-light);vertical-align:middle}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr.clickable{cursor:pointer;transition:background-color var(--transition-fast)}.data-table tbody tr.clickable:hover{background-color:var(--color-slate-50)}.cell-truncate{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cell-nowrap{white-space:nowrap}.cell-muted{color:var(--text-tertiary)}.user-cell{display:flex;align-items:center;gap:var(--space-3)}.user-cell-avatar{width:32px;height:32px;border-radius:50%;background-color:var(--color-primary-100);color:var(--color-primary-700);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);flex-shrink:0}.user-cell-info{display:flex;flex-direction:column;min-width:0}.user-cell-name{font-weight:var(--font-weight-medium);color:var(--text-primary)}.user-cell-email{font-size:var(--font-size-sm);color:var(--text-tertiary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.actions-cell{display:flex;align-items:center;gap:var(--space-2)}.row-chevron{color:var(--text-tertiary);margin-left:auto}.row-chevron svg{width:16px;height:16px}.table-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12) var(--space-6);text-align:center;color:var(--text-tertiary)}.table-empty svg{width:48px;height:48px;margin-bottom:var(--space-4);opacity:.5}.table-empty p{font-size:var(--font-size-md);color:var(--text-secondary)}.alert-backdrop{position:fixed;inset:0;background-color:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;padding:var(--space-4);z-index:var(--z-modal-backdrop);animation:fadeIn .15s ease}.alert-box{background-color:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:100%;max-width:400px;padding:var(--space-6);text-align:center;animation:slideUp .2s ease}.alert-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-4)}.alert-icon svg{width:24px;height:24px}.alert-icon-success{background-color:var(--color-success-100);color:var(--color-success-600)}.alert-icon-error{background-color:var(--color-danger-100);color:var(--color-danger-600)}.alert-icon-warning{background-color:var(--color-warning-100);color:var(--color-warning-600)}.alert-icon-info{background-color:var(--color-info-100);color:var(--color-info-600)}.alert-content{margin-bottom:var(--space-6)}.alert-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--space-2) 0}.alert-message{font-size:var(--font-size-base);color:var(--text-secondary);margin:0;line-height:var(--line-height-relaxed)}.alert-actions{display:flex;gap:var(--space-3);justify-content:center}.alert-actions .btn{min-width:100px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.login-page{display:flex;min-height:100vh}.login-visual{flex:1;background:linear-gradient(135deg,var(--color-slate-900) 0%,var(--color-slate-800) 100%);display:flex;align-items:center;justify-content:center;padding:var(--space-10);position:relative;overflow:hidden}.login-visual:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 70% 30%,rgba(99,102,241,.15) 0%,transparent 50%);animation:pulse 15s ease-in-out infinite}@keyframes pulse{0%,to{transform:translate(0)}50%{transform:translate(-5%,5%)}}.visual-content{position:relative;z-index:1;max-width:480px;color:#fff}.visual-logo{margin-bottom:var(--space-8)}.login-logo-image{max-width:200px;height:auto;display:block}.visual-content h1{font-size:2.5rem;font-weight:var(--font-weight-bold);line-height:1.2;margin-bottom:var(--space-4);color:#fff}.visual-content p{font-size:var(--font-size-lg);color:var(--color-slate-300);line-height:var(--line-height-relaxed);margin-bottom:var(--space-8)}.visual-features{display:flex;flex-wrap:wrap;gap:var(--space-4)}.feature{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:#ffffff1a;border-radius:var(--radius-full);font-size:var(--font-size-sm);color:var(--color-slate-200);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.feature svg{width:16px;height:16px;color:var(--color-primary-400)}.login-form-panel{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--space-10);background-color:#fff}.login-form-container{width:100%;max-width:400px}.login-header{text-align:center;margin-bottom:var(--space-8)}.login-header h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--space-2) 0}.login-header p{font-size:var(--font-size-md);color:var(--text-secondary);margin:0}.google-btn,.email-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background-color:#fff;border:var(--border-width) solid var(--border-color);border-radius:var(--radius-lg);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast)}.google-btn:hover,.email-btn:hover{background-color:var(--color-slate-50);border-color:var(--color-slate-300)}.google-icon{width:20px;height:20px}.email-btn svg{width:20px;height:20px;color:var(--text-secondary)}.login-divider{display:flex;align-items:center;gap:var(--space-4);margin:var(--space-6) 0}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background-color:var(--border-color)}.login-divider span{font-size:var(--font-size-sm);color:var(--text-tertiary)}.email-form{display:flex;flex-direction:column;gap:var(--space-4)}.form-error{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background-color:var(--color-danger-50);border:var(--border-width) solid var(--color-danger-100);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-danger-700)}.form-error svg{width:16px;height:16px;flex-shrink:0}.full-width{width:100%}.back-link{background:none;border:none;color:var(--text-secondary);font-size:var(--font-size-sm);cursor:pointer;text-align:center;margin-top:var(--space-2)}.back-link:hover{color:var(--text-primary)}.login-security{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-top:var(--space-8);padding:var(--space-3);background-color:var(--color-slate-50);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--text-secondary)}.login-security svg{width:16px;height:16px;color:var(--color-success-500)}.login-footer{margin-top:var(--space-6);text-align:center;font-size:var(--font-size-sm);color:var(--text-tertiary)}.login-footer a{color:var(--text-secondary)}.login-footer a:hover{color:var(--interactive-primary)}@media(max-width:900px){.login-visual{display:none}.login-form-panel{flex:1}}.dashboard-layout{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);background-color:var(--bg-sidebar);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:var(--z-sticky)}.sidebar-header{padding:var(--space-5) var(--space-4);border-bottom:1px solid rgba(255,255,255,.08)}.sidebar-logo{display:flex;align-items:center;gap:var(--space-3)}.logo-image{max-width:160px;height:auto;display:block}.sidebar-nav{flex:1;padding:var(--space-4) var(--space-3);overflow-y:auto}.nav-section{margin-bottom:var(--space-4)}.nav-section-title{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--color-slate-500);padding:0 var(--space-3);margin-bottom:var(--space-2);font-weight:var(--font-weight-medium)}.nav-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--text-sidebar);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);text-decoration:none;transition:all var(--transition-fast);margin-bottom:2px;border:none;background:transparent;width:100%;text-align:left;cursor:pointer}.nav-item:hover:not(.disabled){color:#fff;background-color:var(--bg-sidebar-hover)}.nav-item.active{color:#fff;background-color:var(--bg-sidebar-active);position:relative}.nav-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:60%;background-color:var(--color-primary-500);border-radius:0 2px 2px 0}.nav-item.disabled{opacity:.4;cursor:not-allowed}.nav-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.nav-icon svg{width:18px;height:18px}.nav-label{flex:1}.nav-badge{font-size:9px;padding:2px 6px;background-color:#ffffff1a;border-radius:var(--radius-sm);color:var(--color-slate-400);text-transform:uppercase;letter-spacing:.02em}.sidebar-footer{padding:var(--space-3);border-top:1px solid rgba(255,255,255,.08);position:relative}.user-menu-trigger{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2);border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-fast)}.user-menu-trigger:hover,.user-menu-trigger.open{background-color:var(--bg-sidebar-hover)}.user-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary-400),var(--color-primary-600));display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);flex-shrink:0}.user-info{flex:1;min-width:0;display:flex;flex-direction:column}.user-name{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role{font-size:var(--font-size-xs);color:var(--color-slate-400);text-transform:capitalize}.user-chevron{color:var(--color-slate-400);transition:transform var(--transition-fast)}.user-chevron svg{width:14px;height:14px}.user-menu-trigger.open .user-chevron{transform:rotate(180deg)}.user-menu{position:absolute;bottom:100%;left:var(--space-3);right:var(--space-3);background-color:var(--color-slate-700);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);margin-bottom:var(--space-2);overflow:hidden;animation:slideUp .15s ease}.user-menu-header{padding:var(--space-3) var(--space-4);border-bottom:1px solid rgba(255,255,255,.08)}.user-menu-email{font-size:var(--font-size-sm);color:var(--color-slate-300)}.user-menu-item{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);font-size:var(--font-size-base);color:var(--color-slate-300);background:transparent;border:none;cursor:pointer;transition:all var(--transition-fast);text-align:left}.user-menu-item:hover{background-color:#ffffff0d;color:#fff}.user-menu-icon svg{width:16px;height:16px}.main-content{flex:1;margin-left:var(--sidebar-width);min-height:100vh;display:flex;flex-direction:column}.page-header{background-color:#fff;border-bottom:var(--border-width) solid var(--border-color);padding:var(--space-4) var(--space-6);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:var(--z-sticky)}.page-header-content{min-width:0}.page-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 2px}.page-description{font-size:var(--font-size-base);color:var(--text-secondary);margin:0}.page-header-meta{text-align:right;flex-shrink:0}.current-date{font-size:var(--font-size-sm);color:var(--text-tertiary)}.page-content{flex:1;padding:var(--space-6);background-color:var(--bg-primary)}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1024px){.sidebar{width:200px}.main-content{margin-left:200px}}@media(max-width:768px){.sidebar{transform:translate(-100%);transition:transform var(--transition-base)}.sidebar.open{transform:translate(0)}.main-content{margin-left:0}.page-header,.page-content{padding:var(--space-4)}}.overview-page{max-width:1200px}.welcome-card{background:linear-gradient(135deg,var(--color-slate-800) 0%,var(--color-slate-900) 100%);border-radius:var(--radius-xl);padding:var(--space-8);display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6);position:relative;overflow:hidden}.welcome-card:before{content:"";position:absolute;top:-50%;right:-20%;width:60%;height:200%;background:radial-gradient(circle,rgba(99,102,241,.2) 0%,transparent 60%)}.welcome-content{position:relative;z-index:1}.welcome-content h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:#fff;margin:0 0 var(--space-2) 0}.welcome-content p{font-size:var(--font-size-md);color:var(--color-slate-300);margin:0}.welcome-illustration{width:200px;height:120px;flex-shrink:0;position:relative;z-index:1}.welcome-illustration svg{width:100%;height:100%}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);margin-bottom:var(--space-8)}.stat-card{background-color:#fff;border:var(--border-width) solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-5);display:flex;align-items:flex-start;gap:var(--space-4)}.stat-icon{width:44px;height:44px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon svg{width:22px;height:22px}.stat-primary .stat-icon{background-color:var(--color-primary-100);color:var(--color-primary-600)}.stat-info .stat-icon{background-color:var(--color-info-100);color:var(--color-info-600)}.stat-success .stat-icon{background-color:var(--color-success-100);color:var(--color-success-600)}.stat-warning .stat-icon{background-color:var(--color-warning-100);color:var(--color-warning-600)}.stat-content{display:flex;flex-direction:column;min-width:0}.stat-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);margin-bottom:var(--space-1)}.stat-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);line-height:1;margin-bottom:var(--space-1)}.stat-subtext{font-size:var(--font-size-xs);color:var(--text-tertiary)}.quick-actions{background-color:#fff;border:var(--border-width) solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-6)}.quick-actions h3{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--space-4) 0}.actions-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4)}.action-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-6) var(--space-4);background-color:var(--color-slate-50);border-radius:var(--radius-lg);text-decoration:none;transition:all var(--transition-fast)}.action-card:hover{background-color:var(--color-primary-50);transform:translateY(-2px)}.action-card svg{width:24px;height:24px;color:var(--color-primary-500)}.action-card span{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary)}@media(max-width:1024px){.stats-grid,.actions-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.welcome-card{flex-direction:column;text-align:center}.welcome-illustration{display:none}.stats-grid{grid-template-columns:1fr}.actions-grid{grid-template-columns:repeat(2,1fr)}}.users-page{display:flex;flex-direction:column;gap:24px}.page-actions{display:flex;align-items:center;justify-content:space-between}.filter-group{display:flex;align-items:center;gap:8px}.filter-select{height:36px;padding:0 32px 0 12px;background:var(--surface-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:.875rem;color:var(--text-primary);appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' viewBox='0 0 24 24' stroke='%23888'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:12px}.user-cell{display:flex;align-items:center;gap:12px}.user-cell-avatar{width:36px;height:36px;border-radius:50%;background:var(--accent-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:600;flex-shrink:0}.user-cell-info{display:flex;flex-direction:column;gap:2px}.user-cell-name{font-weight:500;color:var(--text-primary)}.user-cell-email{font-size:.75rem;color:var(--text-secondary)}.error-banner{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--red-50);border:1px solid var(--red-200);border-radius:var(--radius-md);color:var(--red-600);font-size:.875rem}.error-banner svg{width:18px;height:18px;flex-shrink:0}.form-error{padding:12px;background:var(--red-50);border-radius:var(--radius-md);color:var(--red-600);font-size:.875rem;margin-bottom:16px}.user-detail{max-width:800px}.detail-avatar{width:64px;height:64px;border-radius:50%;background:var(--accent-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:600;flex-shrink:0}.user-email{font-size:.875rem;color:var(--text-secondary);margin:0 0 12px}.info-item.full-width{grid-column:1 / -1}.specialization-tags{display:flex;gap:8px;flex-wrap:wrap}.trainers-page{display:flex;flex-direction:column;gap:24px}.page-tabs{display:flex;align-items:center;gap:4px;padding:4px;background:var(--surface-secondary);border-radius:var(--radius-lg);width:fit-content}.page-tabs .tab{padding:8px 16px;background:transparent;border:none;border-radius:var(--radius-md);font-size:.875rem;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .15s}.page-tabs .tab:hover{color:var(--text-primary)}.page-tabs .tab.active{background:var(--surface-primary);color:var(--text-primary);box-shadow:var(--shadow-sm)}.page-tabs .btn{margin-left:auto}.trainer-cell{display:flex;align-items:center;gap:12px}.trainer-avatar{width:36px;height:36px;border-radius:50%;background:var(--accent-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:600;flex-shrink:0}.trainer-avatar.external{background:var(--purple-500)}.trainer-info{display:flex;flex-direction:column;gap:2px}.trainer-name-link{text-decoration:none;color:inherit}.trainer-name-link:hover strong{color:var(--accent-primary)}.trainer-email,.trainer-type{font-size:.75rem;color:var(--text-secondary)}.empty-state{display:flex;flex-direction:column;align-items:center;padding:64px 20px;text-align:center;background:var(--surface-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg)}.empty-state svg{width:64px;height:64px;color:var(--text-secondary);margin-bottom:16px}.empty-state h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 8px}.empty-state p{font-size:.875rem;color:var(--text-secondary);margin:0 0 20px}.trainer-detail{max-width:800px}.trainer-header{display:flex;align-items:center;gap:20px;padding:24px;background:var(--surface-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-bottom:24px}.trainer-avatar-large{width:64px;height:64px;border-radius:50%;background:var(--accent-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:600;flex-shrink:0}.trainer-header-info{flex:1}.trainer-header-info h2{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 4px}.trainer-header-info p{font-size:.875rem;color:var(--text-secondary);margin:0 0 8px}.certifications-section{background:var(--surface-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:24px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid var(--border-color)}.section-header h3{font-size:.875rem;font-weight:600;color:var(--text-primary);margin:0}.cert-alert{padding:12px 16px;border-radius:var(--radius-md);margin-bottom:16px}.cert-alert.warning{background:var(--yellow-50);border:1px solid var(--yellow-200);color:var(--yellow-700)}.cert-alert.error{background:var(--red-50);border:1px solid var(--red-200);color:var(--red-600)}.certifications-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.cert-card{padding:20px;background:var(--surface-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md)}.cert-card.expired{border-color:var(--red-200);background:var(--red-50)}.cert-card.expiring_soon{border-color:var(--yellow-200);background:var(--yellow-50)}.cert-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.cert-header h4{font-size:.875rem;font-weight:600;color:var(--text-primary);margin:0}.cert-issuer{font-size:.8125rem;color:var(--text-secondary);margin:0 0 12px}.cert-dates{display:flex;flex-direction:column;gap:4px;font-size:.75rem;color:var(--text-secondary);margin-bottom:12px}.cert-credential{font-size:.75rem;color:var(--text-secondary);font-family:monospace;margin:0 0 12px}.no-certs{padding:32px;text-align:center;color:var(--text-secondary)}.clients-page{display:flex;flex-direction:column;gap:24px}.filter-select{height:36px;padding:0 32px 0 12px;background:var(--surface-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:.875rem;color:var(--text-primary);appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' viewBox='0 0 24 24' stroke='%23888'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:12px}.client-name-cell{display:flex;flex-direction:column;gap:2px}.via-vendor{font-size:.75rem;color:var(--text-secondary)}.client-detail{max-width:800px}.detail-icon{width:56px;height:56px;border-radius:var(--radius-md);background:var(--accent-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:600;flex-shrink:0}.detail-info h2{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 8px}.address-block{margin-top:16px}.address-block label{display:block;font-size:.6875rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:8px}.address-lines{display:flex;flex-direction:column;gap:2px;font-size:.875rem;color:var(--text-primary)}.end-clients-list{display:flex;flex-direction:column;gap:8px}.end-client-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--surface-secondary);border-radius:var(--radius-md)}.end-client-name{font-size:.875rem;font-weight:500;color:var(--text-primary)}.checkbox-group{margin-bottom:16px}form h4{font-size:.8125rem;font-weight:600;color:var(--text-primary);margin:24px 0 12px;padding-top:16px;border-top:1px solid var(--border-color)}form h4:first-of-type{margin-top:16px}.courses-page{display:flex;flex-direction:column;gap:24px}.filter-group{display:flex;gap:12px;align-items:center}.filter-select{height:36px;padding:0 32px 0 12px;background:var(--surface-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:.875rem;color:var(--text-primary);appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' viewBox='0 0 24 24' stroke='%23888'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:12px;transition:border-color .15s}.course-name-cell{display:flex;flex-direction:column;gap:2px}.course-name-cell strong{font-weight:500}.course-name-cell .course-code{font-size:.75rem;color:var(--text-secondary)}.cert-name{font-size:.875rem;color:var(--purple-600)}.text-muted{color:var(--text-secondary)}.course-detail{max-width:800px}.detail-icon{width:56px;height:56px;border-radius:var(--radius-md);background:var(--surface-secondary);display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:600;color:var(--text-secondary);flex-shrink:0}.detail-badges{display:flex;gap:6px;margin-bottom:8px}.detail-info h2{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 4px}.course-code-large{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin:0}.course-for-client{font-size:.875rem;color:var(--purple-600);margin:8px 0 0}.detail-section h3{display:flex;align-items:center;gap:8px;font-size:.875rem;font-weight:600;color:var(--text-primary);margin:0 0 16px}.section-description{font-size:.8125rem;color:var(--text-secondary);margin:-8px 0 16px}.auth-requirements .requirement-cert-selector{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px}.auth-requirements .requirement-cert-selector label{font-size:.875rem;font-weight:500;color:var(--text-primary)}.auth-requirements .requirement-cert-selector select{min-width:250px;padding:8px 12px;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:.875rem}.auth-requirements-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.requirement-toggle{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:16px;background:var(--surface-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all .15s}.requirement-toggle:hover{border-color:var(--border-hover)}.requirement-toggle.active{background:var(--green-50);border-color:var(--green-200)}.requirement-icon{font-size:1.25rem}.requirement-label{font-size:.875rem;font-weight:500;color:var(--text-primary)}.requirement-status{font-size:.75rem;color:var(--text-secondary)}.requirement-toggle.active .requirement-status{color:var(--green-600)}.no-requirements-note{margin-top:16px;padding:12px;background:var(--blue-50);border-radius:var(--radius-md);font-size:.875rem;color:var(--blue-600)}.format-tags{display:flex;gap:8px;flex-wrap:wrap}.authorised-trainers-list{display:flex;flex-direction:column;gap:8px}.trainer-auth-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--surface-secondary);border-radius:var(--radius-md)}.trainer-name{font-size:.875rem;font-weight:500;color:var(--text-primary)}.in-progress-note{margin-top:12px;font-size:.8125rem;color:var(--text-secondary)}.notes-text{font-size:.875rem;color:var(--text-secondary);font-style:italic}.type-selector{display:grid;grid-template-columns:1fr 1fr;gap:12px}.type-option{padding:16px;background:var(--surface-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);text-align:left;cursor:pointer;transition:all .15s}.type-option:hover{border-color:var(--border-hover)}.type-option.selected{border-color:var(--accent-primary);background:var(--surface-primary)}.type-option strong{display:block;font-size:.875rem;font-weight:500;color:var(--text-primary);margin-bottom:4px}.type-option span{font-size:.75rem;color:var(--text-secondary)}.checkbox-row{display:flex;flex-wrap:wrap;gap:16px}.certifications-page{display:flex;flex-direction:column;gap:24px}.page-stats{display:flex;gap:24px;padding:16px 20px;background:var(--surface-elevated);border:1px solid var(--border-color);border-radius:var(--radius-lg)}.stat-item{display:flex;align-items:center;gap:8px}.stat-value{font-size:1.25rem;font-weight:600;color:var(--text-primary)}.stat-label{font-size:.8125rem;color:var(--text-secondary)}.filter-select{height:36px;padding:0 32px 0 12px;background:var(--surface-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:.875rem;color:var(--text-primary);appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' viewBox='0 0 24 24' stroke='%23888'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:12px}.filter-select:hover{border-color:var(--border-hover)}.filter-select:focus{outline:none;border-color:var(--accent-primary)}.code-cell{font-family:monospace;font-size:.8125rem;color:var(--text-secondary)}.cert-detail{max-width:800px}.back-button{margin-bottom:20px}.back-button svg{width:16px;height:16px}.detail-header{display:flex;align-items:flex-start;gap:20px;padding:24px;background:var(--surface-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-bottom:24px}.detail-icon{width:56px;height:56px;border-radius:var(--radius-md);background:var(--purple-100);display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.detail-info{flex:1}.detail-info h2{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:8px 0 4px}.detail-badges{display:flex;gap:8px;flex-wrap:wrap}.cert-code{font-family:monospace;font-size:.875rem;color:var(--text-secondary);margin:0}.official-link{display:inline-flex;align-items:center;gap:6px;margin-top:8px;font-size:.8125rem;color:var(--accent-primary);text-decoration:none}.official-link:hover{text-decoration:underline}.official-link svg{width:14px;height:14px}.detail-actions{display:flex;gap:8px}.detail-sections{display:flex;flex-direction:column;gap:20px}.detail-section h3{font-size:.875rem;font-weight:600;color:var(--text-primary);margin:0 0 16px;padding-bottom:12px;border-bottom:1px solid var(--border-color)}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}.info-item{display:flex;flex-direction:column;gap:4px}.info-item label{font-size:.6875rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary)}.info-item>span{font-size:.875rem;color:var(--text-primary)}.retake-policy{margin-top:16px;padding-top:16px;border-top:1px solid var(--border-color)}.retake-policy label{display:block;font-size:.6875rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:8px}.retake-policy p{font-size:.875rem;color:var(--text-primary);margin:0}.prereq-tags{display:flex;gap:8px;flex-wrap:wrap}.linked-list{display:flex;flex-direction:column;gap:8px}.linked-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--surface-secondary);border-radius:var(--radius-md)}.linked-icon{font-size:1.25rem}.linked-info{flex:1;display:flex;flex-direction:column;gap:2px}.linked-info strong{font-size:.875rem;font-weight:500;color:var(--text-primary)}.linked-info span{font-size:.75rem;color:var(--text-secondary)}.text-muted{font-size:.875rem;color:var(--text-secondary);font-style:italic}.notes-text{font-size:.875rem;color:var(--text-secondary);font-style:italic;margin:0}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.input-group{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.input-group select{width:100%;padding:10px 12px;background:var(--surface-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:.875rem;color:var(--text-primary)}.prereq-checkboxes{display:flex;flex-direction:column;gap:8px;max-height:150px;overflow-y:auto;padding:12px;background:var(--surface-secondary);border-radius:var(--radius-md)}.error-banner{padding:12px 16px;background:var(--red-50);border:1px solid var(--red-200);border-radius:var(--radius-md);color:var(--red-600);font-size:.875rem}.trainer-profile{padding:0}.trainer-profile-loading,.trainer-profile-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:var(--text-secondary);gap:1rem}.trainer-profile-error svg{width:48px;height:48px;color:var(--danger);margin-bottom:.5rem}.trainer-profile-error h3{color:var(--text-primary);margin:0;font-size:1.25rem}.trainer-profile-error p{margin:0;color:var(--text-secondary)}.back-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--text-secondary);text-decoration:none;font-size:.875rem;margin-bottom:1.5rem;transition:color .2s}.back-link:hover{color:var(--primary)}.back-link svg{width:18px;height:18px}.profile-header{display:flex;align-items:flex-start;gap:1.5rem;padding:1.5rem;background:var(--gradient-primary);border-radius:var(--radius-xl);color:#fff;margin-bottom:1.5rem}.profile-avatar{width:80px;height:80px;border-radius:var(--radius-lg);background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:600;flex-shrink:0}.profile-info h1{font-size:1.5rem;font-weight:600;margin:0 0 .25rem}.profile-email{font-size:.9rem;opacity:.9;margin:0 0 .25rem}.profile-company{font-size:.875rem;opacity:.8;margin:0 0 .75rem}.profile-badges{display:flex;gap:.5rem;flex-wrap:wrap}.profile-badges .badge{background:#fff3;color:#fff;border:none}.profile-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:2rem}.profile-stats .stat-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.25rem;text-align:center;transition:var(--transition-base)}.profile-stats .stat-card:hover{border-color:var(--primary);box-shadow:var(--shadow-md)}.profile-stats .stat-card.warning{border-color:var(--warning);background:linear-gradient(135deg,#fbbf241a,#fbbf240d)}.profile-stats .stat-card.danger{border-color:var(--danger);background:linear-gradient(135deg,#ef44441a,#ef44440d)}.profile-stats .stat-value{display:block;font-size:1.75rem;font-weight:700;color:var(--text-primary);margin-bottom:.25rem}.profile-stats .stat-card.warning .stat-value{color:#b45309}.profile-stats .stat-card.danger .stat-value{color:var(--danger)}.profile-stats .stat-label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.profile-section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:1.5rem}.profile-section .section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.profile-section h2{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0}.profile-section .section-header .btn svg{width:16px;height:16px}.empty-section{display:flex;flex-direction:column;align-items:center;padding:2rem;text-align:center;color:var(--text-secondary)}.empty-section svg{width:48px;height:48px;opacity:.5;margin-bottom:1rem}.empty-section p{margin:0;font-size:.9rem}.empty-section .coming-soon{font-size:.75rem;color:var(--primary);margin-top:.5rem;padding:.25rem .75rem;background:#6366f11a;border-radius:50px}.cert-alert{padding:.75rem 1rem;border-radius:var(--radius-md);margin-bottom:1rem;font-size:.875rem}.cert-alert.warning{background:#fbbf241a;border:1px solid var(--warning);color:#b45309}.cert-alert.error{background:#ef44441a;border:1px solid var(--danger);color:var(--danger)}.certifications-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.cert-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1rem;position:relative;transition:var(--transition-base)}.cert-card:hover{border-color:var(--primary);box-shadow:var(--shadow-sm)}.cert-card.expiring_soon{border-color:var(--warning);background:linear-gradient(135deg,rgba(251,191,36,.1) 0%,transparent 100%)}.cert-card.expired{border-color:var(--danger);background:linear-gradient(135deg,rgba(239,68,68,.1) 0%,transparent 100%)}.cert-card .cert-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem;margin-bottom:.5rem}.cert-card h4{margin:0;font-size:.9rem;font-weight:600;color:var(--text-primary);line-height:1.3}.cert-issuer{font-size:.8rem;color:var(--text-secondary);margin:0 0 .5rem}.cert-dates{display:flex;flex-direction:column;gap:.125rem;font-size:.75rem;color:var(--text-secondary);margin-bottom:.5rem}.cert-credential{font-size:.75rem;color:var(--text-secondary);margin:.5rem 0 0;font-family:var(--font-mono)}.cert-actions{display:flex;align-items:center;gap:.5rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border-color)}.credly-link{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .625rem;background:#ff6b35;color:#fff;text-decoration:none;border-radius:var(--radius-sm);font-size:.7rem;font-weight:500;transition:var(--transition-base)}.credly-link:hover{background:#e55a2b}.credly-link svg{width:12px;height:12px}.delete-cert-btn{margin-left:auto;opacity:0;padding:.375rem .625rem;background:#ef44441a;color:var(--danger);border:none;border-radius:var(--radius-sm);font-size:.7rem;cursor:pointer;transition:var(--transition-base)}.cert-card:hover .delete-cert-btn{opacity:1}.delete-cert-btn:hover{background:#ef444433}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.checkbox-group{margin-bottom:1rem}.checkbox-label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:400;cursor:pointer;color:var(--text-primary)}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--primary)}.form-hint{font-size:.75rem;color:var(--text-secondary);margin-top:.25rem}.form-hint.warning{color:#b45309}.auth-table-wrapper{overflow-x:auto}.auth-table{width:100%;border-collapse:collapse;font-size:.875rem}.auth-table th,.auth-table td{padding:.75rem .5rem;text-align:left;border-bottom:1px solid var(--border-color)}.auth-table th{font-weight:600;color:var(--text-secondary);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.auth-table tbody tr{transition:var(--transition-base)}.auth-table tbody tr:hover{background:var(--bg-secondary)}.auth-table .course-cell{display:flex;flex-direction:column;gap:.125rem}.auth-table .course-name{font-weight:500;color:var(--text-primary)}.auth-table .course-code{font-size:.75rem;color:var(--text-secondary);font-family:var(--font-mono)}.auth-table .date-cell{font-size:.8rem;color:var(--text-secondary)}.auth-table .actions-cell{width:50px;text-align:center}.toggle-btn{width:32px;height:32px;border:2px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-secondary);color:var(--text-muted);font-size:1rem;cursor:pointer;transition:var(--transition-base)}.toggle-btn:hover{border-color:var(--primary);color:var(--primary)}.toggle-btn.active{background:#22c55e1a;border-color:var(--success);color:var(--success)}.delete-auth-btn{width:28px;height:28px;padding:0;background:transparent;border:none;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);font-size:1rem;transition:var(--transition-base)}.delete-auth-btn:hover{background:#ef44441a;color:var(--danger)}@media(max-width:768px){.profile-stats{grid-template-columns:repeat(2,1fr)}.profile-header{flex-direction:column;align-items:center;text-align:center}.profile-badges{justify-content:center}.form-row,.certifications-grid{grid-template-columns:1fr}}.schedules-page{max-width:1400px}.stats-bar{display:flex;align-items:center;gap:var(--space-6);padding:var(--space-4);background-color:#fff;border:var(--border-width) solid var(--border-color);border-radius:var(--radius-lg);margin-bottom:var(--space-4)}.stat-item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--text-secondary)}.stat-item strong{color:var(--text-primary)}.stat-dot{width:8px;height:8px;border-radius:50%}.stat-dot.warning{background-color:var(--color-warning-500)}.stat-dot.info{background-color:var(--color-info-500)}.stat-dot.success{background-color:var(--color-success-500)}.stat-dot.purple{background-color:var(--color-purple-500)}.stat-dot.danger{background-color:var(--color-danger-500)}.filter-tabs{display:flex;gap:var(--space-1);margin-bottom:var(--space-3);padding:var(--space-1);background-color:var(--color-slate-100);border-radius:var(--radius-lg);width:fit-content}.filter-tab{padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.filter-tab:hover{color:var(--text-primary)}.filter-tab.active{background-color:#fff;color:var(--text-primary);box-shadow:var(--shadow-xs)}.date-filters{display:flex;gap:var(--space-2);margin-bottom:var(--space-4)}.date-btn{padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs);color:var(--text-secondary);background:transparent;border:var(--border-width) solid var(--border-color);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast)}.date-btn:hover{border-color:var(--color-slate-300)}.date-btn.active{background-color:var(--color-slate-800);color:#fff;border-color:var(--color-slate-800)}.status-select{padding:4px 24px 4px 8px;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-full);border:var(--border-width) solid transparent;cursor:pointer;appearance:none;background-repeat:no-repeat;background-position:right 6px center;background-size:12px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19.5 8.25l-7.5 7.5-7.5-7.5'/%3E%3C/svg%3E")}.status-select.status-warning{background-color:var(--color-warning-100);color:var(--color-warning-700)}.status-select.status-info{background-color:var(--color-info-100);color:var(--color-info-700)}.status-select.status-success{background-color:var(--color-success-100);color:var(--color-success-700)}.status-select.status-purple{background-color:var(--color-purple-100);color:var(--color-purple-700)}.status-select.status-danger{background-color:var(--color-danger-100);color:var(--color-danger-700)}.schedule-detail-page{max-width:900px}.detail-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;gap:16px}.header-left{display:flex;flex-direction:column;gap:8px}.header-left h1{display:flex;align-items:center;gap:12px;font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0}.header-actions{display:flex;gap:12px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media(max-width:640px){.form-grid{grid-template-columns:1fr}}.detail-content{display:flex;flex-direction:column;gap:24px}.detail-section{background:var(--surface-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:24px}.detail-section h2{font-size:.875rem;font-weight:600;color:var(--text-primary);margin:0 0 20px;padding-bottom:12px;border-bottom:1px solid var(--border-color)}.input-group{display:flex;flex-direction:column;gap:6px}.input-group label{font-size:.8125rem;font-weight:500;color:var(--text-primary)}.input-group select{width:100%;padding:10px 12px;background:var(--surface-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:.875rem;color:var(--text-primary);transition:border-color .15s}.input-group select:hover{border-color:var(--border-hover)}.input-group select:focus{outline:none;border-color:var(--accent-primary)}.input-help{font-size:.75rem;color:var(--text-secondary)}.label-with-action{display:flex;justify-content:space-between;align-items:center}.authorization-warning{display:flex;gap:12px;padding:16px;margin-top:16px;background:var(--yellow-50);border:1px solid var(--yellow-200);border-radius:var(--radius-md);color:var(--yellow-700)}.authorization-warning svg{flex-shrink:0;color:var(--yellow-500)}.authorization-warning strong{display:block;margin-bottom:4px}.authorization-warning p{font-size:.8125rem;margin:0}.checkbox-group{display:flex;gap:24px}.checkbox-label{display:flex;align-items:center;gap:8px;font-size:.875rem;color:var(--text-primary);cursor:pointer}.checkbox-label input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent-primary)}.documents-section{display:flex;flex-direction:column;gap:16px}.upload-area{display:flex;align-items:center;gap:12px}.upload-area small{font-size:.75rem;color:var(--text-secondary)}.documents-list{display:flex;flex-direction:column;gap:8px}.document-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--surface-secondary);border-radius:var(--radius-md);cursor:pointer;transition:background .15s}.document-item:hover{background:var(--surface-tertiary)}.document-icon{color:var(--text-secondary)}.document-info{flex:1;display:flex;flex-direction:column;gap:2px}.document-name{font-size:.875rem;font-weight:500;color:var(--text-primary)}.document-date{font-size:.75rem;color:var(--text-secondary)}.document-actions{display:flex;gap:8px}.no-documents{font-size:.875rem;color:var(--text-secondary);padding:16px;text-align:center;background:var(--surface-secondary);border-radius:var(--radius-md)}.metadata-section{background:var(--surface-secondary)}.metadata-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}.metadata-item{display:flex;flex-direction:column;gap:4px}.metadata-item .label{font-size:.6875rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary)}.metadata-item .value{font-size:.8125rem;color:var(--text-primary);font-family:monospace}.lightbox-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px}.lightbox-content{background:var(--surface-primary);border-radius:var(--radius-lg);width:100%;max-width:900px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.lightbox-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border-color)}.lightbox-title{font-size:.875rem;font-weight:500;color:var(--text-primary)}.lightbox-actions{display:flex;gap:8px}.lightbox-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--surface-secondary);border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all .15s;text-decoration:none}.lightbox-btn:hover{background:var(--surface-tertiary);color:var(--text-primary)}.lightbox-body{flex:1;overflow:auto;padding:0}.lightbox-iframe{width:100%;height:70vh;border:none}.lightbox-image{max-width:100%;max-height:70vh;display:block;margin:0 auto}.warning-icon{display:flex;justify-content:center;margin-bottom:16px}.loading-state,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px;text-align:center}.error-state h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:8px}.error-state p{font-size:.875rem;color:var(--text-secondary);margin-bottom:20px}.notification-settings-page{max-width:1000px}.page-header-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;gap:16px}.page-header-row h1{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0 0 4px}.page-header-row .subtitle{color:var(--text-secondary);font-size:.875rem;margin:0}.header-actions{display:flex;gap:10px;flex-shrink:0}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;background:#f97316;color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn-primary:hover:not(:disabled){background:#ea580c}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;background:var(--surface-secondary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn-secondary:hover:not(:disabled){background:var(--surface-tertiary);border-color:var(--border-hover)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.settings-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:32px}.settings-card{background:var(--surface-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden}.card-header{padding:16px 20px;border-bottom:1px solid var(--border-color);background:var(--surface-secondary)}.card-header h3{margin:0 0 4px;font-size:.9375rem;font-weight:600;color:var(--text-primary)}.card-description{font-size:.8125rem;color:var(--text-secondary)}.card-content{padding:16px 20px}.test-email-row{display:flex;gap:10px}.input-field{flex:1;padding:10px 14px;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:.875rem;background:var(--surface-primary);color:var(--text-primary);transition:all .2s ease}.input-field:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #f973161a}.input-field::placeholder{color:var(--text-muted)}.sandbox-row{display:flex;align-items:center;justify-content:space-between}.status-indicator{display:inline-flex;align-items:center;padding:6px 12px;border-radius:var(--radius-md);font-size:.8125rem;font-weight:500}.status-indicator.test{background:#fef3c7;color:#92400e}.status-indicator.live{background:#dcfce7;color:#166534}.toggle-button{position:relative;width:48px;height:26px;background:var(--surface-tertiary);border:1px solid var(--border-color);border-radius:13px;cursor:pointer;transition:all .2s ease}.toggle-button:hover{background:var(--border-color)}.toggle-button.active{background:var(--accent-primary);border-color:var(--accent-primary)}.toggle-button .toggle-slider{position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .2s ease;box-shadow:0 1px 3px #00000026}.toggle-button.active .toggle-slider{transform:translate(22px)}.notifications-section{background:var(--surface-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden}.notifications-section h2{margin:0;padding:16px 20px;font-size:.9375rem;font-weight:600;color:var(--text-primary);border-bottom:1px solid var(--border-color);background:var(--surface-secondary)}.table-container{overflow-x:auto}.notifications-table{width:100%;border-collapse:collapse}.notifications-table th,.notifications-table td{padding:14px 20px;text-align:left;border-bottom:1px solid var(--border-color)}.notifications-table th{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);background:var(--surface-secondary)}.notifications-table tbody tr:last-child td{border-bottom:none}.notifications-table tbody tr:hover{background:var(--surface-secondary)}.col-name{min-width:240px}.col-channel{width:100px;text-align:center!important}.notif-name{font-size:.875rem;font-weight:500;color:var(--text-primary);margin-bottom:2px}.notif-desc{font-size:.75rem;color:var(--text-secondary)}.coming-soon{display:inline-block;margin-left:6px;padding:2px 6px;font-size:.625rem;font-weight:500;color:var(--text-muted);background:var(--surface-tertiary);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.3px}.channel-toggle{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:2px solid #e2e8f0;border-radius:8px;background:#fff;color:#94a3b8;cursor:pointer;transition:all .2s ease}.channel-toggle:hover:not(:disabled){background:#f1f5f9;border-color:#cbd5e1}.channel-toggle.active{background:#10b981;border-color:#10b981;color:#fff}.channel-toggle.active:hover:not(:disabled){background:#059669;border-color:#059669}.channel-toggle.disabled{opacity:.4;cursor:not-allowed;background:#f1f5f9}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;color:var(--text-secondary)}@media(max-width:768px){.page-header-row{flex-direction:column}.header-actions{width:100%}.header-actions .btn-primary,.header-actions .btn-secondary{flex:1}.settings-cards{grid-template-columns:1fr}.test-email-row{flex-direction:column}.col-name{min-width:180px}}:root{--color-slate-50: #f8fafc;--color-slate-100: #f1f5f9;--color-slate-200: #e2e8f0;--color-slate-300: #cbd5e1;--color-slate-400: #94a3b8;--color-slate-500: #64748b;--color-slate-600: #475569;--color-slate-700: #334155;--color-slate-800: #1e293b;--color-slate-900: #0f172a;--color-slate-950: #020617;--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-success-50: #f0fdf4;--color-success-100: #dcfce7;--color-success-500: #22c55e;--color-success-600: #16a34a;--color-success-700: #15803d;--color-warning-50: #fffbeb;--color-warning-100: #fef3c7;--color-warning-500: #f59e0b;--color-warning-600: #d97706;--color-warning-700: #b45309;--color-danger-50: #fef2f2;--color-danger-100: #fee2e2;--color-danger-500: #ef4444;--color-danger-600: #dc2626;--color-danger-700: #b91c1c;--color-info-50: #eff6ff;--color-info-100: #dbeafe;--color-info-500: #3b82f6;--color-info-600: #2563eb;--color-info-700: #1d4ed8;--color-purple-50: #faf5ff;--color-purple-100: #f3e8ff;--color-purple-500: #a855f7;--color-purple-600: #9333ea;--color-purple-700: #7e22ce;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-xs: .6875rem;--font-size-sm: .75rem;--font-size-base: .8125rem;--font-size-md: .875rem;--font-size-lg: 1rem;--font-size-xl: 1.125rem;--font-size-2xl: 1.5rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-2xl: 16px;--radius-full: 9999px;--border-width: 1px;--border-color: var(--color-slate-200);--border-color-light: var(--color-slate-100);--shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--sidebar-width: 240px;--sidebar-width-collapsed: 64px;--header-height: 56px;--content-max-width: 1400px;--z-dropdown: 100;--z-sticky: 200;--z-modal-backdrop: 300;--z-modal: 400;--z-tooltip: 500;--z-toast: 600}:root{--bg-primary: var(--color-slate-50);--bg-secondary: #ffffff;--bg-sidebar: var(--color-slate-800);--bg-sidebar-hover: var(--color-slate-700);--bg-sidebar-active: var(--color-slate-900);--text-primary: var(--color-slate-900);--text-secondary: var(--color-slate-600);--text-tertiary: var(--color-slate-400);--text-inverse: #ffffff;--text-sidebar: var(--color-slate-300);--text-sidebar-active: #ffffff;--interactive-primary: var(--color-primary-500);--interactive-primary-hover: var(--color-primary-600);--interactive-secondary: var(--color-slate-100);--interactive-secondary-hover: var(--color-slate-200)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--text-primary);background-color:var(--bg-primary)}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--text-primary)}h1{font-size:var(--font-size-2xl)}h2{font-size:var(--font-size-xl)}h3{font-size:var(--font-size-lg)}h4{font-size:var(--font-size-md)}p{color:var(--text-secondary)}a{color:var(--interactive-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--interactive-primary-hover)}input,select,textarea,button{font-family:inherit;font-size:inherit}input[type=text],input[type=email],input[type=password],input[type=number],input[type=date],input[type=tel],select,textarea{width:100%;padding:var(--space-2) var(--space-3);border:var(--border-width) solid var(--border-color);border-radius:var(--radius-md);background-color:#fff;color:var(--text-primary);font-size:var(--font-size-base);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--interactive-primary);box-shadow:0 0 0 3px var(--color-primary-100)}input::placeholder,textarea::placeholder{color:var(--text-tertiary)}label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);margin-bottom:var(--space-1)}button{cursor:pointer;border:none;background:none}button:disabled{cursor:not-allowed;opacity:.5}.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}.loading-spinner{width:24px;height:24px;border:2px solid var(--color-slate-200);border-top-color:var(--interactive-primary);border-radius:50%;animation:spin .8s linear infinite}.loading-spinner.lg{width:40px;height:40px;border-width:3px}@keyframes spin{to{transform:rotate(360deg)}}.loading-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background-color:var(--bg-primary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-slate-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-slate-400)}