@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";#root{width:100%;max-width:100%;margin:0;padding:0;text-align:left}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em rgba(99,102,241,.67))}.logo.react:hover{filter:drop-shadow(0 0 2em rgba(34,211,238,.67))}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.fade-in{animation:fadeIn .3s ease-in}.main-layout{display:flex;flex-direction:column;min-height:100vh;background-color:var(--color-gray-50, #f8fafc)}.main-layout__wrapper{display:flex;flex:1;padding-top:64px;position:relative}.main-layout__sidebar{display:block;position:fixed;left:0;top:64px;bottom:0;z-index:10;transition:width .3s ease}.main-layout__sidebar--expanded{width:256px}.main-layout__sidebar--compact{width:80px}.main-layout__content{flex:1;transition:margin-left .3s ease;padding-bottom:32px;min-width:0}.main-layout__content--sidebar-expanded{margin-left:256px}.main-layout__content--sidebar-compact{margin-left:80px}.main-layout__content-inner{padding:24px;animation:fadeIn .3s ease-out}.main-layout__footer{margin-top:auto;transition:margin-left .3s ease}.main-layout__footer--sidebar-expanded{margin-left:256px}.main-layout__footer--sidebar-compact{margin-left:80px}.glare-hover{position:relative;overflow:hidden;display:block}.glare-hover:before{content:"";position:absolute;inset:0;background:linear-gradient(var(--gh-angle, -30deg),hsla(0,0%,0%,0) 60%,var(--gh-rgba, rgba(255, 255, 255, .15)) 70%,hsla(0,0%,0%,0),hsla(0,0%,0%,0) 100%);transition:var(--gh-duration, .65s) ease;background-size:var(--gh-size, 300%) var(--gh-size, 300%),100% 100%;background-repeat:no-repeat;background-position:-100% -100%,0 0;pointer-events:none;z-index:1;border-radius:inherit}.glare-hover:hover:before{background-position:100% 100%,0 0}@keyframes shiny-text-sweep{0%{background-position:200% center}to{background-position:-200% center}}.shiny-text{display:inline-block}.shiny-text--disabled{animation:none!important}.rotating-text{display:inline-flex;align-items:center;position:relative;overflow:hidden}.rotating-text__word{display:inline-flex;position:absolute;top:0;left:0;width:100%;justify-content:center}.rotating-text__word--active .rotating-text__char{animation:rotatingCharIn .4s cubic-bezier(.22,1,.36,1) forwards}.rotating-text__word--exit .rotating-text__char{animation:rotatingCharOut .3s cubic-bezier(.55,0,1,.45) forwards}.rotating-text__word--hidden{visibility:hidden}.rotating-text__char{display:inline-block;opacity:0;transform:translateY(100%)}.rotating-text__space{display:inline-block;width:.3em}@keyframes rotatingCharIn{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes rotatingCharOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-120%)}}.rotating-text__char--gradient{background:linear-gradient(135deg,#60a5fa,#a78bfa 35%,#818cf8 60%,#38bdf8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}:root{--dashboard-primary: var(--color-info-dark);--dashboard-primary-light: var(--color-info);--dashboard-glow: rgba(37, 99, 235, .15);--dashboard-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--dashboard-shadow-hover: 0 10px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -5px rgba(0, 0, 0, .04);--transition-smooth: cubic-bezier(.4, 0, .2, 1)}.dashboard-container{max-width:1400px;margin:0 auto}.dashboard-container .grid.lg\:grid-cols-3{align-items:stretch}.dashboard-container .grid.lg\:grid-cols-3>div{min-height:220px}.dashboard-container .grid.lg\:grid-cols-3>.bg-white{display:flex;flex-direction:column;height:100%}.dashboard-container .grid.lg\:grid-cols-3>.bg-white>div:not(:first-child){flex:1}.dashboard-container .grid.lg\:grid-cols-5>div{min-height:auto}.dashboard-container .bg-white.rounded-lg.border{transition:transform .25s var(--transition-smooth),box-shadow .25s var(--transition-smooth),border-color .25s var(--transition-smooth)}.dashboard-container .bg-white.rounded-lg.border:hover{transform:translateY(-2px);box-shadow:var(--dashboard-shadow-hover);border-color:var(--dashboard-primary-light)}.dashboard-container .bg-white.rounded-lg.border:active{transform:translateY(0);box-shadow:var(--dashboard-shadow)}.kpi-card{background:#fff;border:1px solid var(--color-gray-200);border-radius:.5rem;padding:1rem;transition:transform .25s var(--transition-smooth),box-shadow .25s var(--transition-smooth),border-color .25s var(--transition-smooth);position:relative;overflow:hidden}.kpi-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--dashboard-primary),var(--color-accent));opacity:0;transition:opacity .25s var(--transition-smooth)}.kpi-card:hover{border-color:var(--dashboard-primary-light);transform:translateY(-3px);box-shadow:0 8px 25px -5px var(--dashboard-glow)}.kpi-card:hover:before{opacity:1}.kpi-card-warning{border-color:var(--color-warning-accent);background:var(--color-warning-lighter)}.kpi-card-warning:hover{border-color:var(--color-warning);box-shadow:0 8px 25px -5px #f59e0b33}.kpi-card-danger{border-color:var(--color-error-accent);background:var(--color-error-lighter)}.kpi-card-danger:hover{border-color:var(--color-error);box-shadow:0 8px 25px -5px #ef444433}.kpi-card-success{border-color:var(--color-success-accent);background:var(--color-success-lighter)}.kpi-card-success:hover{border-color:var(--color-success);box-shadow:0 8px 25px -5px #10b98133}.dashboard-card{background:#fff;border:1px solid var(--color-gray-200);border-radius:.5rem;overflow:hidden;display:flex;flex-direction:column;min-height:200px;transition:transform .25s var(--transition-smooth),box-shadow .25s var(--transition-smooth),border-color .25s var(--transition-smooth)}.dashboard-card:hover{transform:translateY(-2px);box-shadow:var(--dashboard-shadow-hover);border-color:var(--dashboard-primary-light)}.dashboard-card-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.75rem 1rem;border-bottom:1px solid var(--color-gray-100);font-size:.875rem;font-weight:500;color:var(--color-gray-900);background:var(--color-gray-50)}.dashboard-card-header>span:first-child,.dashboard-card-header>h2:first-child{display:flex;align-items:center;gap:.5rem}.dashboard-card-body{padding:1rem;flex:1}.dashboard-card-footer{padding:.75rem 1rem;border-top:1px solid var(--color-gray-100);background:var(--color-gray-50)}.widget-card{background:#fff;border:1px solid var(--color-gray-200);border-radius:.5rem;overflow:hidden;transition:transform .25s var(--transition-smooth),box-shadow .25s var(--transition-smooth)}.widget-card:hover{transform:translateY(-2px);box-shadow:var(--dashboard-shadow-hover)}.widget-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid var(--color-gray-100)}.widget-title{font-size:.875rem;font-weight:500;color:var(--color-gray-900);margin:0}.widget-body{padding:1rem}.widget-footer{padding:.75rem 1rem;border-top:1px solid var(--color-gray-100)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,var(--color-gray-100) 0%,var(--color-gray-200) 20%,var(--color-gray-50) 40%,var(--color-gray-200) 60%,var(--color-gray-100) 100%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:.25rem}.skeleton-text{height:1rem;width:100%;margin-bottom:.5rem}.skeleton-text-sm{height:.75rem;width:60%}.skeleton-circle{border-radius:50%}.skeleton-chart{height:200px;width:100%;border-radius:.5rem}.skeleton-kpi{height:80px;width:100%;border-radius:.5rem}.animate-number{animation:fadeInUp .4s var(--transition-smooth) forwards}.animate-number-delay-1{animation-delay:.1s}.animate-number-delay-2{animation-delay:.2s}.animate-number-delay-3{animation-delay:.3s}.gradient-border{position:relative}.gradient-border:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-info-dark),var(--color-accent),var(--color-secondary));border-radius:.5rem .5rem 0 0}.data-table{width:100%;border-collapse:collapse}.data-table th{text-align:left;font-size:.75rem;font-weight:500;color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.05em;padding:.75rem 1rem;border-bottom:1px solid var(--color-gray-200)}.data-table td{padding:.75rem 1rem;font-size:.875rem;color:var(--color-gray-700);border-bottom:1px solid var(--color-gray-100);transition:background-color .15s ease}.data-table tbody tr{transition:background-color .15s ease}.data-table tbody tr:hover{background:var(--color-gray-50)}.data-table tbody tr:hover td{color:var(--color-gray-900)}.data-table tbody tr:last-child td{border-bottom:none}.btn-link{font-size:.875rem;color:var(--color-info-dark);background:none;border:none;cursor:pointer;padding:0;transition:color .15s ease}.btn-link:hover{color:var(--color-info-dark);text-decoration:underline}.btn-action{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;color:var(--color-gray-700);background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:.375rem;cursor:pointer;transition:all .2s var(--transition-smooth),transform .1s ease}.btn-action:hover{background:var(--color-gray-100);border-color:var(--color-gray-300);transform:translateY(-1px)}.btn-action:active{transform:translateY(0)}.btn-action .animate-spin,button .animate-spin{animation:spin .8s linear infinite}.badge{display:inline-flex;align-items:center;padding:.125rem .5rem;font-size:.75rem;font-weight:500;border-radius:.25rem;transition:transform .15s ease}.badge:hover{transform:scale(1.05)}.badge-default{color:var(--color-gray-500);background:var(--color-gray-100)}.badge-primary{color:var(--color-info-dark);background:var(--color-info-light)}.badge-success{color:var(--color-success-dark);background:var(--color-success-light)}.badge-warning{color:var(--color-warning-dark);background:var(--color-warning-light)}.badge-danger{color:var(--color-error-dark);background:var(--color-error-light)}@keyframes pulse-subtle{0%,to{opacity:1}50%{opacity:.7}}.badge-pulse{animation:pulse-subtle 2s ease-in-out infinite}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center}.empty-state-icon{width:2rem;height:2rem;color:var(--color-gray-300);margin-bottom:.75rem}.empty-state-text{font-size:.875rem;color:var(--color-gray-500);margin:0 0 .75rem}.empty-state-action{font-size:.875rem;color:var(--color-info-dark);transition:color .15s ease}.empty-state-action:hover{color:var(--color-info-dark);text-decoration:underline}.loading-spinner{display:inline-block;width:1rem;height:1rem;border:2px solid var(--color-gray-200);border-top-color:var(--color-info-dark);border-radius:50%;animation:spin .6s linear infinite}.loading-state{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:2rem;color:var(--color-gray-500)}.recharts-tooltip-wrapper{filter:drop-shadow(0 4px 6px rgba(0,0,0,.1))}@media (max-width: 768px){.kpi-card{padding:.75rem}.kpi-card:hover{transform:none;box-shadow:none}.dashboard-card:hover,.widget-card:hover{transform:none}.widget-header,.widget-body,.widget-footer{padding:.75rem}.data-table th,.data-table td{padding:.5rem .75rem}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.datatable-container{background:#fff;border-radius:var(--radius-xl);border:1px solid var(--color-gray-100);box-shadow:var(--shadow-sm);overflow:hidden}.datatable-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;background:linear-gradient(180deg,var(--color-gray-50) 0%,white 100%);border-bottom:1px solid var(--color-gray-100)}.datatable-search{position:relative;flex:1;max-width:400px}.datatable-search-icon{position:absolute;left:.875rem;top:50%;transform:translateY(-50%);width:1.125rem;height:1.125rem;color:var(--color-gray-400);pointer-events:none;transition:color var(--transition-fast)}.datatable-search-input{width:100%;padding:.625rem 2.5rem;font-size:.875rem;background:#fff;border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);transition:all var(--transition)}.datatable-search-input:hover{border-color:var(--color-gray-300)}.datatable-search-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f11a}.datatable-search-input:focus+.datatable-search-icon,.datatable-search:focus-within .datatable-search-icon{color:var(--color-primary)}.datatable-search-clear{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;color:var(--color-gray-400);background:transparent;border:none;border-radius:var(--radius);cursor:pointer;transition:all var(--transition-fast)}.datatable-search-clear:hover{background:var(--color-gray-100);color:var(--color-gray-600)}.datatable-header-actions{display:flex;align-items:center;gap:.75rem}.datatable-count{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:var(--color-primary-50);border-radius:var(--radius-lg)}.datatable-count-number{font-size:.875rem;font-weight:700;color:var(--color-primary-600)}.datatable-count-label{font-size:.75rem;color:var(--color-primary-500)}.datatable-action-btn{display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;background:#fff;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);color:var(--color-gray-500);cursor:pointer;transition:all var(--transition)}.datatable-action-btn:hover{background:var(--color-gray-50);border-color:var(--color-gray-300);color:var(--color-gray-700)}.datatable-table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.datatable-table{width:100%;border-collapse:collapse}.datatable-th{padding:.75rem 1rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-gray-500);background:var(--color-gray-50);border-bottom:1px solid var(--color-gray-200);white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none}.datatable-th-checkbox{width:3rem;text-align:center}.datatable-th-sortable{display:inline-flex;align-items:center;gap:.375rem;background:transparent;border:none;padding:0;font:inherit;text-transform:inherit;letter-spacing:inherit;color:inherit;cursor:pointer;transition:color var(--transition-fast)}.datatable-th-sortable:hover{color:var(--color-primary-600)}.datatable-sort-icon{display:flex;align-items:center;justify-content:center;transition:opacity var(--transition-fast)}.datatable-th-sortable:hover .datatable-sort-icon{opacity:1!important}.datatable-row{transition:background-color var(--transition-fast)}.datatable-row:hover{background:var(--color-gray-50)}.datatable-row-clickable{cursor:pointer}.datatable-row-clickable:hover{background:linear-gradient(90deg,var(--color-primary-50) 0%,var(--color-gray-50) 100%)}.datatable-row-selected{background:var(--color-primary-50)!important}.datatable-td{padding:.875rem 1rem;font-size:.875rem;color:var(--color-gray-700);border-bottom:1px solid var(--color-gray-100);vertical-align:middle}.datatable-td-checkbox{width:3rem;text-align:center}.datatable-checkbox-btn{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;margin:0 auto;background:transparent;border:none;cursor:pointer;transition:transform var(--transition-fast)}.datatable-checkbox-btn:hover{transform:scale(1.1)}.datatable-loading{padding:3rem;text-align:center}.datatable-loading-content{display:flex;flex-direction:column;align-items:center;gap:1rem;color:var(--color-gray-500)}.datatable-spinner{width:2.5rem;height:2.5rem;border:3px solid var(--color-gray-200);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}.datatable-empty{padding:4rem 2rem;text-align:center}.datatable-empty-content{display:flex;flex-direction:column;align-items:center;gap:.75rem}.datatable-empty-icon{font-size:3rem;line-height:1;opacity:.8}.datatable-empty-message{font-size:.9375rem;font-weight:500;color:var(--color-gray-500)}.datatable-empty-action{margin-top:.5rem;padding:.5rem 1rem;font-size:.8125rem;font-weight:500;color:var(--color-primary);background:var(--color-primary-50);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition)}.datatable-empty-action:hover{background:var(--color-primary-100)}.datatable-pagination{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;background:linear-gradient(0deg,var(--color-gray-50) 0%,white 100%);border-top:1px solid var(--color-gray-100)}.datatable-pagination-info{font-size:.8125rem;color:var(--color-gray-600)}.datatable-pagination-info strong{font-weight:600;color:var(--color-gray-800)}.datatable-pagination-pages{display:flex;align-items:center;gap:.25rem}.datatable-pagination-numbers{display:flex;align-items:center;gap:.25rem;margin:0 .25rem}.datatable-pagination-btn{display:flex;align-items:center;justify-content:center;min-width:2rem;height:2rem;padding:0 .5rem;font-size:.8125rem;font-weight:500;color:var(--color-gray-600);background:#fff;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.datatable-pagination-btn:hover:not(:disabled){background:var(--color-gray-50);border-color:var(--color-gray-300);color:var(--color-gray-800)}.datatable-pagination-btn:disabled{opacity:.4;cursor:not-allowed}.datatable-pagination-btn-nav{padding:0;width:2rem}.datatable-pagination-btn-active{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-accent) 100%);border-color:transparent;color:#fff;box-shadow:var(--shadow-sm),0 2px 8px -2px #6366f166}.datatable-pagination-btn-active:hover:not(:disabled){background:linear-gradient(135deg,var(--color-primary-dark) 0%,var(--color-accent-dark) 100%);color:#fff}.datatable-pagination-ellipsis{padding:0 .375rem;color:var(--color-gray-400);font-size:.875rem}.datatable-pagination-size{display:flex;align-items:center}.datatable-pagination-select{padding:.375rem 2rem .375rem .625rem;font-size:.8125rem;color:var(--color-gray-700);background:#fff;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);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 9l-7 7-7-7'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center;background-size:1rem}.datatable-pagination-select:hover{border-color:var(--color-gray-300)}.datatable-pagination-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #6366f11a}@media (max-width: 768px){.datatable-header{flex-direction:column;align-items:stretch;gap:.75rem}.datatable-search{max-width:none}.datatable-header-actions{justify-content:space-between}.datatable-pagination{flex-direction:column;gap:.75rem}.datatable-pagination-info{order:2;text-align:center}.datatable-pagination-pages{order:1;flex-wrap:wrap;justify-content:center}.datatable-pagination-size{order:3}.datatable-table-container{position:relative}.datatable-table-container:after{content:"";position:absolute;top:0;right:0;bottom:0;width:2rem;background:linear-gradient(90deg,transparent,white);pointer-events:none;opacity:.8}}.datatable-row{animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.datatable-row:nth-child(1){animation-delay:0ms}.datatable-row:nth-child(2){animation-delay:20ms}.datatable-row:nth-child(3){animation-delay:40ms}.datatable-row:nth-child(4){animation-delay:60ms}.datatable-row:nth-child(5){animation-delay:80ms}.datatable-row:nth-child(6){animation-delay:.1s}.datatable-row:nth-child(7){animation-delay:.12s}.datatable-row:nth-child(8){animation-delay:.14s}.datatable-row:nth-child(9){animation-delay:.16s}.datatable-row:nth-child(10){animation-delay:.18s}@keyframes bounce{0%,to{transform:translateY(-5%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:translateY(0);animation-timing-function:cubic-bezier(0,0,.2,1)}}@keyframes fadeColor{0%{background-color:var(--color-warning-light)}50%{background-color:var(--color-warning-lighter)}to{background-color:var(--color-warning-light)}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-bounce{animation:bounce 2s infinite}.session-completed{border-left-color:var(--color-success)!important}.session-cancelled{border-left-color:var(--color-error)!important}.session-needs-attendance{border-left-color:var(--color-warning)!important;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.session-future{border-left-color:var(--color-info)!important}.session-card:hover{transform:translateY(-2px);transition:all .3s ease;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.session-needs-attendance:hover{background-color:var(--color-error-light)!important;border-left-color:var(--color-error)!important;transition:all .3s ease}.session-completed:hover{background-color:var(--color-success-light)!important}.session-cancelled:hover{background-color:var(--color-gray-100)!important}.session-status-message{margin-top:.5rem;padding:.5rem;border-radius:.25rem;font-size:.875rem;line-height:1.25rem}.session-needs-attendance-message{background-color:var(--color-warning-lighter);color:var(--color-warning-dark);border-left:4px solid var(--color-warning);animation:fadeColor 2s infinite}.session-future-message{background-color:var(--color-info-light);color:var(--color-info-dark);border-left:4px solid var(--color-info)}.view-tabs{display:inline-flex;background:var(--color-gray-100, #f1f5f9);border-radius:.75rem;padding:4px;gap:4px}.view-tab{padding:.5rem 1.25rem;font-size:.875rem;font-weight:600;border-radius:.5rem;border:none;cursor:pointer;transition:all .2s ease;background:transparent;color:var(--color-gray-600, #475569)}.view-tab:hover{background:#ffffff80}.view-tab.active{background:#fff;color:var(--color-primary, #6366f1);box-shadow:0 1px 3px #0000001a}.calendar-nav{display:flex;align-items:center;gap:.5rem}.calendar-nav-btn{width:2.25rem;height:2.25rem;display:flex;align-items:center;justify-content:center;border-radius:.5rem;border:1px solid var(--color-gray-200, #e2e8f0);background:#fff;color:var(--color-gray-600, #475569);cursor:pointer;transition:all .2s ease}.calendar-nav-btn:hover{background:var(--color-gray-50, #f8fafc);border-color:var(--color-gray-300, #cbd5e1)}.calendar-nav-btn svg{width:1rem;height:1rem}.today-btn{padding:.5rem 1rem;font-size:.875rem;font-weight:500;border-radius:.5rem;border:1px solid var(--color-primary, #6366f1);background:var(--color-primary-50, #eef2ff);color:var(--color-primary, #6366f1);cursor:pointer;transition:all .2s ease}.today-btn:hover{background:var(--color-primary, #6366f1);color:#fff}.calendar-title{font-size:1.25rem;font-weight:700;color:var(--color-gray-900, #0f172a);min-width:200px}.calendar-container{background:#fff;border-radius:1rem;border:1px solid var(--color-gray-100, #f1f5f9);box-shadow:0 1px 3px #0000000d;overflow:hidden}.calendar-header{display:grid;grid-template-columns:repeat(7,1fr);background:var(--color-gray-50, #f8fafc);border-bottom:1px solid var(--color-gray-100, #f1f5f9)}.calendar-header-cell{padding:1rem;text-align:center;border-right:1px solid var(--color-gray-100, #f1f5f9)}.calendar-header-cell:last-child{border-right:none}.calendar-header-cell.today{background:linear-gradient(135deg,#6366f11a,#8b5cf61a)}.day-name{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-gray-500, #64748b);margin-bottom:.25rem}.day-number{font-size:1.125rem;font-weight:700;color:var(--color-gray-900, #0f172a)}.day-number.today{width:2rem;height:2rem;display:inline-flex;align-items:center;justify-content:center;background:var(--color-primary, #6366f1);color:#fff;border-radius:50%}.calendar-body{display:grid;grid-template-columns:repeat(7,1fr);min-height:500px}.calendar-day-column{border-right:1px solid var(--color-gray-100, #f1f5f9);padding:.75rem;min-height:400px;display:flex;flex-direction:column;gap:.5rem}.calendar-day-column:last-child{border-right:none}.calendar-day-column.today{background:linear-gradient(180deg,#6366f10d,#6366f105)}.empty-day-message{flex:1;display:flex;align-items:center;justify-content:center;font-size:.875rem;color:var(--color-gray-400, #94a3b8)}.session-card{background:#fff;border-radius:.75rem;border:1px solid var(--color-gray-100, #f1f5f9);padding:.75rem;position:relative;overflow:hidden;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 2px #0000000d}.session-card:before{content:"";position:absolute;top:0;left:0;bottom:0;width:4px;border-radius:4px 0 0 4px}.session-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:var(--color-gray-200, #e2e8f0)}.session-card.available:before{background:linear-gradient(180deg,var(--color-primary),var(--color-accent))}.session-card.full:before{background:linear-gradient(180deg,var(--color-gray-400),var(--color-gray-500))}.session-card.completed:before{background:linear-gradient(180deg,var(--color-success),var(--color-success-accent))}.session-card.cancelled:before{background:linear-gradient(180deg,var(--color-error),var(--color-error-accent))}.session-card.needs-attendance:before{background:linear-gradient(180deg,var(--color-warning),var(--color-warning-accent))}.session-card.full{background:var(--color-gray-50, #f8fafc);opacity:.8}.session-card.completed{background:linear-gradient(135deg,#10b9810d,#34d3991a)}.session-card.cancelled{background:var(--color-gray-100, #f1f5f9);opacity:.7}.session-card.needs-attendance{background:linear-gradient(135deg,#f59e0b1a,#fbbf241a);animation:pulse-attention 2s ease-in-out infinite}@keyframes pulse-attention{0%,to{box-shadow:0 0 #f59e0b4d}50%{box-shadow:0 0 0 4px #f59e0b00}}.session-time{font-size:.75rem;font-weight:700;color:var(--color-primary-700, #4338ca);margin-bottom:.25rem;display:flex;align-items:center;gap:.25rem}.session-title{font-size:.875rem;font-weight:600;color:var(--color-gray-900, #0f172a);margin-bottom:.5rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.session-meta{display:flex;align-items:center;justify-content:space-between;font-size:.75rem}.session-trainer{display:flex;align-items:center;gap:.25rem;color:var(--color-gray-500, #64748b)}.session-trainer-avatar{width:1.25rem;height:1.25rem;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),var(--color-accent));display:flex;align-items:center;justify-content:center;font-size:.625rem;font-weight:600;color:#fff}.session-capacity{display:flex;align-items:center;gap:.25rem}.capacity-bar{width:50px;height:4px;background:var(--color-gray-200, #e2e8f0);border-radius:2px;overflow:hidden}.capacity-fill{height:100%;border-radius:2px;transition:width .3s ease}.capacity-fill.low{background:var(--color-success, #10b981)}.capacity-fill.medium{background:var(--color-warning, #f59e0b)}.capacity-fill.high{background:var(--color-error, #ef4444)}.capacity-text{font-weight:600;color:var(--color-gray-700, #334155)}.session-status-badge{position:absolute;top:.5rem;right:.5rem;width:1.5rem;height:1.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem}.session-status-badge.completed{background:var(--color-success-light, #d1fae5);color:var(--color-success, #10b981)}.session-status-badge.cancelled{background:var(--color-error-light, #fee2e2);color:var(--color-error, #ef4444)}.session-status-badge.needs-attendance{background:var(--color-warning-light, #fef3c7);color:var(--color-warning, #f59e0b)}.sessions-table-container{background:#fff;border-radius:1rem;border:1px solid var(--color-gray-100, #f1f5f9);box-shadow:0 1px 3px #0000000d;overflow:hidden}.sessions-table{width:100%;border-collapse:collapse}.sessions-table thead{background:var(--color-gray-50, #f8fafc)}.sessions-table th{padding:.875rem 1rem;text-align:left;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-gray-500, #64748b);border-bottom:1px solid var(--color-gray-200, #e2e8f0)}.sessions-table td{padding:1rem;border-bottom:1px solid var(--color-gray-100, #f1f5f9);vertical-align:middle}.sessions-table tbody tr{transition:background-color .15s ease}.sessions-table tbody tr:hover{background:var(--color-gray-50, #f8fafc)}.sessions-table tbody tr.today-row{background:linear-gradient(135deg,#6366f10d,#8b5cf60d)}.table-date{font-weight:600;color:var(--color-gray-900, #0f172a)}.table-date-badge{display:inline-flex;align-items:center;gap:.5rem}.table-today-badge{font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:.125rem .5rem;background:var(--color-primary, #6366f1);color:#fff;border-radius:9999px}.table-time{font-weight:600;color:var(--color-gray-800, #1e293b)}.table-session-title{font-weight:600;color:var(--color-gray-900, #0f172a)}.table-session-type{font-size:.75rem;color:var(--color-gray-500, #64748b)}.table-trainer{display:flex;align-items:center;gap:.5rem}.table-trainer-avatar{width:2rem;height:2rem;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),var(--color-accent));display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;color:#fff}.table-status-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600;border-radius:9999px}.table-status-badge.available{background:var(--color-primary-50, #eef2ff);color:var(--color-primary-700, #4338ca)}.table-status-badge.full{background:var(--color-gray-100, #f1f5f9);color:var(--color-gray-600, #475569)}.table-status-badge.completed{background:var(--color-success-light, #d1fae5);color:var(--color-success-dark, #059669)}.table-status-badge.cancelled{background:var(--color-error-light, #fee2e2);color:var(--color-error-dark, #dc2626)}.table-status-badge.needs-attendance{background:var(--color-warning-light, #fef3c7);color:var(--color-warning-dark, #d97706);animation:pulse 2s ease-in-out infinite}.table-capacity-bar{display:flex;align-items:center;gap:.5rem}.table-capacity-progress{width:80px;height:6px;background:var(--color-gray-200, #e2e8f0);border-radius:3px;overflow:hidden}.table-capacity-fill{height:100%;border-radius:3px}.table-capacity-text{font-size:.75rem;font-weight:600;color:var(--color-gray-600, #475569)}.table-actions{display:flex;gap:.5rem}.table-action-btn{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:.5rem;border:1px solid var(--color-gray-200, #e2e8f0);background:#fff;color:var(--color-gray-600, #475569);cursor:pointer;transition:all .2s ease;text-decoration:none}.table-action-btn:hover{background:var(--color-gray-50, #f8fafc);border-color:var(--color-primary, #6366f1);color:var(--color-primary, #6366f1)}.table-action-btn.primary{background:var(--color-primary, #6366f1);border-color:var(--color-primary, #6366f1);color:#fff}.table-action-btn.primary:hover{background:var(--color-primary-dark, #4f46e5)}.month-grid{display:grid;grid-template-columns:repeat(7,1fr)}.month-header{display:grid;grid-template-columns:repeat(7,1fr);background:var(--color-gray-50, #f8fafc);border-bottom:1px solid var(--color-gray-100, #f1f5f9)}.month-header-cell{padding:.75rem;text-align:center;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-gray-500, #64748b);border-right:1px solid var(--color-gray-100, #f1f5f9)}.month-header-cell:last-child{border-right:none}.month-day-cell{min-height:120px;padding:.5rem;border-right:1px solid var(--color-gray-100, #f1f5f9);border-bottom:1px solid var(--color-gray-100, #f1f5f9);transition:background-color .15s ease}.month-day-cell:nth-child(7n){border-right:none}.month-day-cell:hover{background:var(--color-gray-50, #f8fafc)}.month-day-cell.today{background:linear-gradient(135deg,#6366f10d,#8b5cf61a)}.month-day-cell.other-month{background:var(--color-gray-50, #f8fafc);opacity:.6}.month-day-number{display:flex;justify-content:flex-end;margin-bottom:.25rem}.month-day-number span{width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;color:var(--color-gray-700, #334155)}.month-day-number span.today{background:var(--color-primary, #6366f1);color:#fff;border-radius:50%}.month-session-list{display:flex;flex-direction:column;gap:.25rem;max-height:80px;overflow-y:auto}.month-session-pill{display:flex;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.6875rem;font-weight:500;border-radius:.375rem;background:#fff;border-left:3px solid var(--color-primary, #6366f1);color:var(--color-gray-700, #334155);text-decoration:none;transition:all .15s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.month-session-pill:hover{background:var(--color-gray-50, #f8fafc);transform:translate(2px)}.month-session-pill.full{border-left-color:var(--color-gray-400, #94a3b8);opacity:.7}.month-session-pill.completed{border-left-color:var(--color-success, #10b981);background:var(--color-success-light, #d1fae5)}.month-session-pill.cancelled{border-left-color:var(--color-gray-400, #94a3b8);text-decoration:line-through;opacity:.5}.month-session-pill.needs-attendance{border-left-color:var(--color-warning, #f59e0b);background:var(--color-warning-light, #fef3c7)}.color-legend{display:flex;flex-wrap:wrap;gap:1rem;padding:1rem;background:#fff;border-radius:.75rem;border:1px solid var(--color-gray-100, #f1f5f9);margin-bottom:1rem}.legend-item{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:var(--color-gray-600, #475569)}.legend-color{width:.75rem;height:.75rem;border-radius:.25rem}.legend-color.available{background:linear-gradient(135deg,var(--color-primary),var(--color-accent))}.legend-color.full{background:var(--color-gray-400, #94a3b8)}.legend-color.completed{background:var(--color-success, #10b981)}.legend-color.cancelled{background:var(--color-error, #ef4444)}.legend-color.needs-attendance{background:var(--color-warning, #f59e0b)}.calendar-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem}.calendar-loading .spinner{width:3rem;height:3rem;border:3px solid var(--color-gray-200, #e2e8f0);border-top-color:var(--color-primary, #6366f1);border-radius:50%;animation:spin .8s linear infinite}.calendar-loading-text{font-size:.875rem;color:var(--color-gray-500, #64748b)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.calendar-container,.sessions-table-container{animation:fadeIn .3s ease-out}@media (max-width: 1024px){.calendar-body{grid-template-columns:repeat(1,1fr);min-height:auto}.calendar-header{display:none}.calendar-day-column{border-right:none;border-bottom:1px solid var(--color-gray-100, #f1f5f9);min-height:auto}.calendar-day-column:before{content:attr(data-day);display:block;font-weight:600;margin-bottom:.5rem;padding-bottom:.5rem;border-bottom:1px solid var(--color-gray-100, #f1f5f9)}.month-day-cell{min-height:80px}}@media (max-width: 768px){.view-tabs{width:100%;display:grid;grid-template-columns:repeat(4,1fr)}.view-tab{padding:.5rem;font-size:.75rem}.sessions-table td{padding:.75rem .5rem}.table-capacity-bar{flex-direction:column;align-items:flex-start;gap:.25rem}.calendar-title{font-size:1rem;min-width:auto}.calendar-nav{flex-wrap:wrap}.month-grid{font-size:.8rem}.month-header-cell{padding:.5rem .25rem;font-size:.65rem}.month-day-cell{min-height:60px;padding:.25rem}.month-session-pill{font-size:.6rem;padding:.15rem .25rem}}.pagination-container{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;background:linear-gradient(0deg,var(--color-gray-50) 0%,white 100%);border:1px solid var(--color-gray-100);border-radius:var(--radius-xl)}.pagination-compact{padding:.75rem 1rem;gap:.75rem}.pagination-info{font-size:.8125rem;color:var(--color-gray-600)}.pagination-info strong{font-weight:600;color:var(--color-gray-800)}.pagination-pages{display:flex;align-items:center;gap:.25rem}.pagination-numbers{display:flex;align-items:center;gap:.25rem;margin:0 .25rem}.pagination-btn{display:flex;align-items:center;justify-content:center;min-width:2rem;height:2rem;padding:0 .5rem;font-size:.8125rem;font-weight:500;color:var(--color-gray-600);background:#fff;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.pagination-btn:hover:not(:disabled){background:var(--color-gray-50);border-color:var(--color-gray-300);color:var(--color-gray-800)}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-btn-nav{padding:0;width:2rem}.pagination-btn-active{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-accent) 100%);border-color:transparent;color:#fff;box-shadow:var(--shadow-sm),0 2px 8px -2px #6366f166}.pagination-btn-active:hover:not(:disabled){background:linear-gradient(135deg,var(--color-primary-dark) 0%,var(--color-accent-dark) 100%);color:#fff}.pagination-ellipsis{padding:0 .375rem;color:var(--color-gray-400);font-size:.875rem}.pagination-size{display:flex;align-items:center}.pagination-select{padding:.375rem 2rem .375rem .625rem;font-size:.8125rem;color:var(--color-gray-700);background:#fff;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);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 9l-7 7-7-7'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center;background-size:1rem}.pagination-select:hover{border-color:var(--color-gray-300)}.pagination-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #6366f11a}.pagination-minimal{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem;background:var(--color-gray-50);border-radius:var(--radius-lg)}.pagination-btn-minimal{display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;background:#fff;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);color:var(--color-gray-600);cursor:pointer;transition:all var(--transition-fast)}.pagination-btn-minimal:hover:not(:disabled){background:var(--color-gray-100);color:var(--color-gray-800)}.pagination-btn-minimal:disabled{opacity:.4;cursor:not-allowed}.pagination-info-minimal{font-size:.75rem;font-weight:600;color:var(--color-gray-600);min-width:3rem;text-align:center}@media (max-width: 768px){.pagination-container{flex-direction:column;gap:.75rem}.pagination-info{order:2;text-align:center}.pagination-pages{order:1;flex-wrap:wrap;justify-content:center}.pagination-size{order:3}}.crm-dashboard{padding:1.5rem;min-height:calc(100vh - 60px);background:linear-gradient(135deg,var(--color-gray-50) 0%,var(--color-gray-200) 100%)}.crm-loading,.crm-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem;color:var(--color-gray-500)}.crm-loading-spinner{width:48px;height:48px;border:4px solid var(--color-gray-200);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}.crm-error{color:var(--color-error)}.crm-error svg{width:48px;height:48px}.crm-error button{margin-top:1rem;padding:.75rem 1.5rem;background:var(--color-primary);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:500}.crm-dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.crm-dashboard-title h1{font-size:1.75rem;font-weight:700;color:var(--color-gray-800);margin:0}.crm-dashboard-title p{color:var(--color-gray-500);margin:.25rem 0 0}.crm-dashboard-actions{display:flex;gap:.75rem}.crm-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border-radius:10px;font-weight:500;font-size:.9rem;cursor:pointer;transition:all .2s ease;text-decoration:none;border:none}.crm-btn svg{width:18px;height:18px}.crm-btn-primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-accent) 100%);color:#fff;box-shadow:0 4px 12px #6366f14d}.crm-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #6366f166}.crm-btn-secondary{background:#fff;color:var(--color-gray-600);border:1px solid var(--color-gray-200)}.crm-btn-secondary:hover{background:var(--color-gray-50);border-color:var(--color-gray-300)}.crm-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem;margin-bottom:2rem}.crm-stat-card{background:#fff;border-radius:16px;padding:1.5rem;display:flex;gap:1rem;box-shadow:0 1px 3px #0000000d;transition:all .3s ease}.crm-stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000014}.crm-stat-icon{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.crm-stat-icon svg{width:28px;height:28px}.crm-stat-opportunities .crm-stat-icon{background:linear-gradient(135deg,var(--color-info-light) 0%,var(--color-info-light) 100%);color:var(--color-info-dark)}.crm-stat-value .crm-stat-icon{background:linear-gradient(135deg,var(--color-success-light) 0%,var(--color-success-light) 100%);color:var(--color-success-dark)}.crm-stat-tasks .crm-stat-icon{background:linear-gradient(135deg,var(--color-warning-light) 0%,var(--color-warning-light) 100%);color:var(--color-warning-dark)}.crm-stat-overdue .crm-stat-icon{background:linear-gradient(135deg,var(--color-error-light) 0%,var(--color-error-light) 100%);color:var(--color-error-dark)}.crm-stat-overdue.has-overdue{border:2px solid var(--color-error-light);animation:pulse-danger 2s infinite}@keyframes pulse-danger{0%,to{box-shadow:0 0 #dc262633}50%{box-shadow:0 0 0 8px #dc262600}}.crm-stat-content h3{font-size:.85rem;color:var(--color-gray-500);font-weight:500;margin:0 0 .5rem}.crm-stat-content .crm-stat-value{font-size:1.75rem;font-weight:700;color:var(--color-gray-800);line-height:1}.crm-stat-meta{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.5rem;font-size:.8rem;color:var(--color-gray-500)}.crm-stat-won{color:var(--color-success-dark)}.crm-stat-lost{color:var(--color-error-dark)}.crm-dashboard-content{display:flex;flex-direction:column;gap:1.5rem}.crm-dashboard-section{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 1px 3px #0000000d}.crm-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.crm-section-header h2{font-size:1.1rem;font-weight:600;color:var(--color-gray-800);margin:0}.crm-link{color:var(--color-primary);text-decoration:none;font-size:.9rem;font-weight:500}.crm-link:hover{text-decoration:underline}.crm-badge{background:var(--color-gray-200);color:var(--color-gray-600);padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:600}.crm-badge-danger{background:var(--color-error-light);color:var(--color-error-dark)}.crm-badge-default{background:var(--color-info-light);color:var(--color-info-dark);padding:.2rem .5rem;border-radius:4px;font-size:.7rem;font-weight:600}.crm-pipelines-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.crm-pipeline-card{background:linear-gradient(135deg,var(--color-gray-50) 0%,var(--color-gray-100) 100%);border:1px solid var(--color-gray-200);border-radius:12px;padding:1.25rem;text-decoration:none;color:inherit;transition:all .3s ease}.crm-pipeline-card:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 8px 24px #6366f11a}.crm-pipeline-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.crm-pipeline-header h3{font-size:1rem;font-weight:600;color:var(--color-gray-800);margin:0}.crm-pipeline-desc{font-size:.85rem;color:var(--color-gray-500);margin:0 0 1rem}.crm-pipeline-meta{display:flex;gap:1rem;font-size:.8rem;color:var(--color-gray-500);margin-bottom:.75rem}.crm-pipeline-stages{display:flex;align-items:center;gap:.375rem}.crm-stage-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.crm-stage-more{font-size:.7rem;color:var(--color-gray-500);margin-left:.25rem}.crm-dashboard-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem}.crm-tasks-list{display:flex;flex-direction:column;gap:.75rem}.crm-task-item{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:var(--color-gray-50);border-radius:10px;border-left:4px solid var(--color-primary);transition:all .2s ease}.crm-task-item:hover{background:var(--color-gray-100)}.crm-task-item.priority-urgent{border-left-color:var(--color-error-dark);background:var(--color-error-lighter)}.crm-task-item.priority-high{border-left-color:var(--color-warning);background:var(--color-warning-lighter)}.crm-task-item.crm-task-overdue{border-left-color:var(--color-error-dark);background:var(--color-error-lighter)}.crm-task-content h4{font-size:.9rem;font-weight:500;color:var(--color-gray-800);margin:0 0 .375rem}.crm-task-meta{display:flex;flex-wrap:wrap;gap:.5rem;font-size:.75rem;color:var(--color-gray-500)}.crm-task-type{background:var(--color-gray-200);padding:.125rem .5rem;border-radius:4px;text-transform:uppercase;font-weight:600;font-size:.65rem}.crm-task-due{display:flex;align-items:center;gap:.25rem;color:var(--color-error-dark)}.crm-task-opp{color:var(--color-primary)}.crm-task-complete-btn{width:36px;height:36px;border:none;background:transparent;color:var(--color-success-dark);cursor:pointer;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.crm-task-complete-btn:hover{background:var(--color-success-light);transform:scale(1.1)}.crm-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;color:var(--color-gray-400);text-align:center}.crm-empty-state svg{color:var(--color-success);margin-bottom:.5rem}@media (max-width: 768px){.crm-dashboard{padding:1rem}.crm-dashboard-header{flex-direction:column;align-items:flex-start}.crm-stats-grid,.crm-pipelines-grid{grid-template-columns:1fr 1fr}.crm-dashboard-columns{grid-template-columns:1fr}}@media (max-width: 480px){.crm-stats-grid,.crm-pipelines-grid{grid-template-columns:1fr}.crm-stat-card{padding:1rem}}.crm-modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:60;padding:1rem;animation:fadeIn .2s ease}.crm-modal{background:#fff;border-radius:20px;width:100%;max-height:90vh;overflow-y:auto;animation:slideIn .3s ease;box-shadow:0 25px 50px -12px #00000040}.crm-modal-sm{max-width:400px}.crm-modal-md{max-width:560px}.crm-modal-lg{max-width:800px}.crm-modal-xl{max-width:1000px}@media (max-width: 640px){.crm-modal-sm,.crm-modal-md,.crm-modal-lg,.crm-modal-xl{max-width:calc(100vw - 2rem)}.crm-modal-header{padding:1rem}.crm-modal-header h2{font-size:1.1rem}.crm-modal-body{padding:1rem}.crm-modal-footer{padding:.75rem 1rem;flex-wrap:wrap}.crm-form-group input[type=text],.crm-form-group input[type=number],.crm-form-group input[type=date],.crm-form-group input[type=email],.crm-form-group input[type=tel],.crm-form-group select,.crm-form-group textarea{font-size:16px}.start-trial-modal,.convert-student-modal{width:calc(100% - 1rem);max-width:none}}@keyframes slideIn{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.crm-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--color-gray-200)}.crm-modal-header h2{font-size:1.25rem;font-weight:600;color:var(--color-gray-800);margin:0}.crm-modal-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--color-gray-100);border:none;border-radius:10px;color:var(--color-gray-500);cursor:pointer;transition:all .2s}.crm-modal-close:hover{background:var(--color-gray-200);color:var(--color-gray-800)}.crm-modal-body{padding:1.5rem}.crm-modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid var(--color-gray-200);background:var(--color-gray-50);border-radius:0 0 20px 20px}.crm-form-group{margin-bottom:1.25rem}.crm-form-group label{display:block;font-size:.85rem;font-weight:500;color:var(--color-gray-600);margin-bottom:.5rem}.crm-form-group input[type=text],.crm-form-group input[type=number],.crm-form-group input[type=date],.crm-form-group input[type=email],.crm-form-group input[type=tel],.crm-form-group select,.crm-form-group textarea{width:100%;padding:.75rem 1rem;font-size:.95rem;border:1.5px solid var(--color-gray-200);border-radius:10px;background:#fff;color:var(--color-gray-800);transition:all .2s}.crm-form-group input:focus,.crm-form-group select:focus,.crm-form-group textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f11a}.crm-form-group input::-moz-placeholder,.crm-form-group textarea::-moz-placeholder{color:var(--color-gray-400)}.crm-form-group input::placeholder,.crm-form-group textarea::placeholder{color:var(--color-gray-400)}.crm-form-group small{display:block;margin-top:.375rem;font-size:.75rem;color:var(--color-gray-400)}.crm-form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 480px){.crm-form-row{grid-template-columns:1fr}}.crm-student-search,.crm-search-input-wrapper{position:relative}.crm-search-input-wrapper svg{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--color-gray-400)}.crm-search-input-wrapper input{padding-left:2.75rem!important}.crm-student-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid var(--color-gray-200);border-radius:10px;margin-top:.5rem;max-height:240px;overflow-y:auto;box-shadow:0 10px 25px #0000001a;z-index:10}.crm-student-option{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;cursor:pointer;transition:background .15s}.crm-student-option:hover{background:var(--color-gray-100)}.crm-student-option:not(:last-child){border-bottom:1px solid var(--color-gray-100)}.crm-student-name{font-weight:500;color:var(--color-gray-800)}.crm-student-info{font-size:.8rem;color:var(--color-gray-500);margin-left:auto}.crm-risk-badge{font-size:.65rem;font-weight:600;padding:.2rem .5rem;border-radius:4px;text-transform:uppercase}.crm-risk-badge.high{background:var(--color-error-lighter);color:var(--color-error-dark)}.crm-risk-badge.medium{background:var(--color-warning-lighter);color:var(--color-warning-dark)}.crm-risk-badge.low{background:var(--color-success-lighter);color:var(--color-success-dark)}.crm-source-options{display:flex;flex-wrap:wrap;gap:.5rem}.crm-source-option{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:var(--color-gray-50);border:1.5px solid var(--color-gray-200);border-radius:10px;cursor:pointer;transition:all .2s}.crm-source-option input{display:none}.crm-source-option:hover{border-color:var(--color-gray-300)}.crm-source-option.selected{background:linear-gradient(135deg,var(--color-primary-50) 0%,var(--color-primary-100) 100%);border-color:var(--color-primary)}.crm-source-icon{font-size:1.1rem}.crm-source-label{font-size:.85rem;font-weight:500;color:var(--color-gray-600)}.crm-source-option.selected .crm-source-label{color:var(--color-primary-dark)}.crm-alert{padding:.875rem 1rem;border-radius:10px;margin-bottom:1.25rem;font-size:.9rem}.crm-alert-error{background:var(--color-error-lighter);color:var(--color-error-dark);border:1px solid var(--color-error-light)}.crm-alert-success{background:var(--color-success-lighter);color:var(--color-success-dark);border:1px solid var(--color-success-light)}.crm-alert-warning{background:var(--color-warning-lighter);color:var(--color-warning-dark);border:1px solid var(--color-warning-light)}.crm-alert-info{background:var(--color-info-lighter);color:var(--color-info-dark);border:1px solid var(--color-info-light)}.crm-modal .crm-btn{padding:.75rem 1.5rem;border-radius:10px;font-weight:500;font-size:.9rem;cursor:pointer;transition:all .2s;border:none}.crm-modal .crm-btn-primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-accent) 100%);color:#fff}.crm-modal .crm-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.crm-modal .crm-btn-primary:disabled{opacity:.6;cursor:not-allowed}.crm-modal .crm-btn-secondary{background:var(--color-gray-100);color:var(--color-gray-600)}.crm-modal .crm-btn-secondary:hover:not(:disabled){background:var(--color-gray-200)}.crm-activity-types{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;margin-bottom:1.5rem}@media (max-width: 480px){.crm-activity-types{grid-template-columns:repeat(2,1fr)}}.crm-activity-type-btn{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;background:var(--color-gray-50);border:1.5px solid var(--color-gray-200);border-radius:12px;cursor:pointer;transition:all .2s}.crm-activity-type-btn:hover{border-color:var(--color-gray-300);background:var(--color-gray-100)}.crm-activity-type-btn.selected{background:linear-gradient(135deg,var(--color-primary-50) 0%,var(--color-primary-100) 100%);border-color:var(--color-primary)}.crm-activity-type-btn .icon{font-size:1.5rem}.crm-activity-type-btn .label{font-size:.75rem;font-weight:500;color:var(--color-gray-500)}.crm-activity-type-btn.selected .label{color:var(--color-primary-dark)}.crm-priority-options{display:flex;gap:.5rem}.crm-priority-option{flex:1;padding:.625rem;text-align:center;background:var(--color-gray-50);border:1.5px solid var(--color-gray-200);border-radius:8px;cursor:pointer;font-size:.8rem;font-weight:500;transition:all .2s}.crm-priority-option input{display:none}.crm-priority-option.low{color:var(--color-success-dark)}.crm-priority-option.normal{color:var(--color-info-dark)}.crm-priority-option.high{color:var(--color-warning)}.crm-priority-option.urgent{color:var(--color-error-dark)}.crm-priority-option.selected.low{background:var(--color-success-lighter);border-color:var(--color-success)}.crm-priority-option.selected.normal{background:var(--color-info-lighter);border-color:var(--color-info)}.crm-priority-option.selected.high{background:var(--color-warning-lighter);border-color:var(--color-warning)}.crm-priority-option.selected.urgent{background:var(--color-error-lighter);border-color:var(--color-error)}.modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:55}.start-trial-modal,.convert-student-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);max-width:480px;width:90%;z-index:65}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--color-gray-200)}.modal-header h2{margin:0;font-size:1.25rem;font-weight:600;color:var(--color-gray-800)}.modal-close{background:none;border:none;font-size:1.5rem;color:var(--color-gray-500);cursor:pointer;line-height:1}.modal-close:hover{color:var(--color-gray-800)}.modal-body{padding:1.5rem}.modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid var(--color-gray-200);background:var(--color-gray-50);border-radius:0 0 20px 20px}.modal-error{background:var(--color-error-lighter);color:var(--color-error-dark);padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem;font-size:.9rem}.modal-info-box{background:var(--color-gray-100);padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem;font-size:.9rem}.modal-info-box.info-highlight{background:var(--color-info-lighter);border:1px solid var(--color-info-light);color:var(--color-info-dark)}.modal-info-box.success-highlight{background:var(--color-success-lighter);border:1px solid var(--color-success-light);color:var(--color-success-dark)}.modal-loading{text-align:center;padding:2rem;color:var(--color-gray-500)}.form-group{margin-bottom:1.25rem}.form-group label{display:block;font-size:.875rem;font-weight:500;color:var(--color-gray-600);margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem 1rem;font-size:.95rem;border:1.5px solid var(--color-gray-200);border-radius:10px;background:#fff}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--color-primary)}.form-hint{display:block;margin-top:.25rem;font-size:.75rem;color:var(--color-gray-400)}.btn-primary,.btn-secondary,.btn-success{padding:.75rem 1.5rem;border-radius:10px;font-weight:500;font-size:.9rem;cursor:pointer;border:none;transition:all .2s}.btn-primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-accent) 100%);color:#fff}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.btn-secondary{background:var(--color-gray-100);color:var(--color-gray-600)}.btn-secondary:hover:not(:disabled){background:var(--color-gray-200)}.btn-success{background:linear-gradient(135deg,var(--color-success) 0%,var(--color-success-dark) 100%);color:#fff}.btn-success:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #22c55e4d}button:disabled{opacity:.6;cursor:not-allowed}.trial-summary{display:flex;gap:1rem;padding:1rem;background:var(--color-gray-50);border-radius:10px;margin-bottom:1.25rem}.trial-summary .summary-item{flex:1;text-align:center}.trial-summary .summary-item span{display:block;font-size:.75rem;color:var(--color-gray-500);margin-bottom:.25rem}.trial-summary .summary-item strong{font-size:1rem;color:var(--color-gray-800)}.drawer-overlay{position:fixed;inset:0;background:#00000080;z-index:48;animation:fadeIn .2s ease}.opportunity-drawer{position:fixed;top:0;right:-500px;width:100%;max-width:500px;height:100vh;background:#fff;z-index:50;display:flex;flex-direction:column;box-shadow:-10px 0 30px #0000001a;transition:right .3s ease}@media (max-width: 640px){.opportunity-drawer{max-width:100%;right:-100%}.drawer-header,.drawer-content{padding:1rem}.drawer-tab{padding:.75rem .5rem;font-size:.8rem}.drawer-info-grid{grid-template-columns:1fr}.drawer-actions{flex-direction:column}}.opportunity-drawer.open{right:0}.drawer-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--color-gray-200);display:flex;align-items:flex-start;gap:1rem}.drawer-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--color-gray-100);border:none;border-radius:10px;color:var(--color-gray-500);cursor:pointer;flex-shrink:0;transition:all .2s}.drawer-close:hover{background:var(--color-gray-200);color:var(--color-gray-800)}.drawer-title{flex:1}.drawer-title h2{font-size:1.1rem;font-weight:600;color:var(--color-gray-800);margin:0 0 .5rem;line-height:1.3}.drawer-stage-badge{display:inline-block;padding:.25rem .75rem;border-radius:6px;color:#fff;font-size:.75rem;font-weight:600}.drawer-tabs{display:flex;border-bottom:1px solid var(--color-gray-200);background:var(--color-gray-50)}.drawer-tab{flex:1;padding:.875rem 1rem;background:transparent;border:none;font-size:.85rem;font-weight:500;color:var(--color-gray-500);cursor:pointer;transition:all .2s;border-bottom:2px solid transparent;margin-bottom:-1px}.drawer-tab:hover{color:var(--color-gray-800);background:var(--color-gray-100)}.drawer-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary);background:#fff}.drawer-content{flex:1;overflow-y:auto;padding:1.5rem}.drawer-loading,.drawer-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;color:var(--color-gray-500)}.drawer-loading .spinner{width:32px;height:32px;border:3px solid var(--color-gray-200);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:1rem}.drawer-section{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--color-gray-100)}.drawer-section:last-child{border-bottom:none}.drawer-section h3{display:flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;color:var(--color-gray-800);margin:0 0 1rem}.drawer-section h3 svg{color:var(--color-primary)}.drawer-student-card{background:linear-gradient(135deg,var(--color-gray-50) 0%,var(--color-gray-100) 100%);border-radius:12px;padding:1rem}.student-name{font-size:1rem;font-weight:600;color:var(--color-gray-800);margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem}.risk-badge{font-size:.7rem;background:var(--color-error-lighter);color:var(--color-error-dark);padding:.2rem .5rem;border-radius:4px}.student-contact{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--color-primary);text-decoration:none;margin-bottom:.5rem;transition:color .2s}.student-contact:hover{color:var(--color-primary-dark)}.student-lifecycle{font-size:.8rem;color:var(--color-gray-500);margin-top:.5rem}.drawer-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.info-item{background:var(--color-gray-50);padding:.875rem;border-radius:10px}.info-item label{display:block;font-size:.7rem;font-weight:500;color:var(--color-gray-500);text-transform:uppercase;margin-bottom:.375rem}.info-item span{font-size:.95rem;color:var(--color-gray-800);font-weight:500}.value-highlight{font-size:1.25rem!important;font-weight:700!important;color:var(--color-success-dark)!important}.churn-info{background:linear-gradient(135deg,var(--color-error-lighter) 0%,var(--color-error-light) 100%);border-radius:12px;padding:1rem}.churn-score{display:flex;justify-content:space-between;align-items:center}.churn-score .label{font-size:.85rem;color:var(--color-gray-500)}.churn-score .score{font-size:1.5rem;font-weight:700;color:var(--color-error-dark)}.result-info{background:var(--color-gray-50);padding:1rem;border-radius:10px}.result-info p{margin:0 0 .5rem;font-size:.9rem;color:var(--color-gray-600)}.drawer-actions{display:flex;gap:.75rem}.drawer-btn-won,.drawer-btn-lost{flex:1;padding:.875rem;border:none;border-radius:10px;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .2s}.drawer-btn-won{background:linear-gradient(135deg,var(--color-success) 0%,var(--color-success-dark) 100%);color:#fff}.drawer-btn-won:hover{transform:translateY(-1px);box-shadow:0 4px 12px #22c55e4d}.drawer-btn-lost{background:var(--color-gray-100);color:var(--color-error-dark)}.drawer-btn-lost:hover{background:var(--color-error-light)}.drawer-btn-trial{flex:1;padding:.875rem;border:none;border-radius:10px;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .2s;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-accent) 100%);color:#fff}.drawer-btn-trial:hover{transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.drawer-btn-lesson{flex:1;padding:.875rem;border:none;border-radius:10px;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .2s;background:linear-gradient(135deg,var(--color-warning) 0%,var(--color-warning-dark) 100%);color:#fff}.drawer-btn-lesson:hover{transform:translateY(-1px);box-shadow:0 4px 12px #f59e0b4d}.drawer-activities h3,.drawer-history h3{font-size:.9rem;font-weight:600;color:var(--color-gray-800);margin:0 0 1rem}.activities-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.add-activity-btn{display:flex;align-items:center;gap:.375rem;padding:.5rem 1rem;background:var(--color-primary);color:#fff;border:none;border-radius:8px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s}.add-activity-btn:hover{background:var(--color-primary-dark)}.activities-empty{text-align:center;padding:2rem;color:var(--color-gray-500)}.activities-empty button{margin-top:1rem;padding:.625rem 1.25rem;background:var(--color-primary);color:#fff;border:none;border-radius:8px;cursor:pointer}.activities-timeline{display:flex;flex-direction:column;gap:1rem}.activity-item{display:flex;gap:1rem;padding:1rem;background:var(--color-gray-50);border-radius:12px;border-left:3px solid var(--color-primary)}.activity-item.completed{border-left-color:var(--color-success);opacity:.7}.activity-icon-wrapper{width:36px;height:36px;background:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0;box-shadow:0 2px 4px #0000000d}.activity-content{flex:1}.activity-header{display:flex;justify-content:space-between;margin-bottom:.375rem}.activity-type{font-size:.7rem;font-weight:600;color:var(--color-primary);text-transform:uppercase}.activity-date{font-size:.75rem;color:var(--color-gray-400)}.activity-subject{font-size:.9rem;font-weight:500;color:var(--color-gray-800);margin:0 0 .375rem}.activity-desc{font-size:.8rem;color:var(--color-gray-500);margin:0 0 .75rem}.complete-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:var(--color-success);color:#fff;border:none;border-radius:6px;font-size:.75rem;font-weight:500;cursor:pointer}.completed-badge{font-size:.75rem;color:var(--color-success)}.history-timeline{position:relative;padding-left:20px}.history-timeline:before{content:"";position:absolute;left:5px;top:0;bottom:0;width:2px;background:var(--color-gray-200)}.history-item{position:relative;padding-bottom:1rem;margin-left:10px}.history-dot{position:absolute;left:-15px;top:0;width:10px;height:10px;background:var(--color-primary);border-radius:50%}.history-content{background:var(--color-gray-50);padding:.75rem;border-radius:8px}.history-stage{font-weight:500;color:var(--color-gray-800);font-size:.9rem;display:block;margin-bottom:.25rem}.history-date{font-size:.75rem;color:var(--color-gray-500)}.history-notes{font-size:.8rem;color:var(--color-gray-600);margin:.5rem 0 0;font-style:italic}.no-history{color:var(--color-gray-400);text-align:center;padding:2rem}.kanban-container{width:calc(100vw - 256px - 3rem);height:calc(100vh - 124px - 3rem);display:flex;flex-direction:column;background:linear-gradient(135deg,var(--color-gray-800) 0%,var(--color-gray-900) 100%);border-radius:12px;overflow:hidden;margin:-.75rem}.kanban-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#1e293bf2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid rgba(255,255,255,.1);flex-wrap:wrap;gap:.75rem;flex-shrink:0}.kanban-header-left{display:flex;align-items:center;gap:1rem}.kanban-back-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border-radius:10px;color:#fff;text-decoration:none;transition:all .2s}.kanban-back-btn:hover{background:#fff3}.kanban-header-title h1{font-size:1.5rem;font-weight:700;color:#fff;margin:0}.kanban-header-title p{color:#fff9;font-size:.85rem;margin:.25rem 0 0}.kanban-header-right{display:flex;align-items:center;gap:1rem}.kanban-pipeline-selector{display:flex;gap:.5rem;background:#0003;padding:.375rem;border-radius:10px}.kanban-pipeline-btn{padding:.5rem 1rem;background:transparent;border:none;color:#fff9;font-size:.85rem;font-weight:500;cursor:pointer;border-radius:8px;transition:all .2s}.kanban-pipeline-btn:hover{color:#fff;background:#ffffff1a}.kanban-pipeline-btn.active{color:#fff;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-accent) 100%)}.kanban-add-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:linear-gradient(135deg,var(--color-success) 0%,var(--color-success-dark) 100%);color:#fff;border:none;border-radius:10px;font-weight:500;cursor:pointer;transition:all .2s}.kanban-add-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #22c55e66}.kanban-board{flex:1;display:flex;gap:.75rem;padding:.75rem;overflow-x:auto;overflow-y:auto;align-items:flex-start}.kanban-board::-webkit-scrollbar{height:12px;width:8px}.kanban-board::-webkit-scrollbar-track{background:#ffffff1a;border-radius:6px;margin:.5rem}.kanban-board::-webkit-scrollbar-thumb{background:#fff6;border-radius:6px;border:2px solid transparent;background-clip:padding-box}.kanban-board::-webkit-scrollbar-thumb:hover{background:#fff9}.kanban-board::-webkit-scrollbar-corner{background:transparent}.kanban-column{min-width:260px;width:260px;flex-shrink:0;background:#ffffff0d;border-radius:10px;display:flex;flex-direction:column;max-height:calc(100vh - 180px);transition:all .3s ease}.kanban-column.drag-over{background:#6366f126;box-shadow:0 0 0 2px var(--color-primary)}.kanban-column.won-stage{background:#22c55e1a}.kanban-column.lost-stage{background:#ef44441a}.kanban-column-header{padding:.75rem 1rem;border-top:3px solid;border-radius:12px 12px 0 0}.kanban-column-title{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.kanban-column-color{width:10px;height:10px;border-radius:3px}.kanban-column-title h3{font-size:.85rem;font-weight:600;color:#fff;margin:0;flex:1}.kanban-column-count{background:#fff3;color:#fff;padding:.125rem .5rem;border-radius:10px;font-size:.7rem;font-weight:600}.kanban-column-meta{display:flex;justify-content:space-between;font-size:.75rem}.kanban-column-value{color:var(--color-success);font-weight:500}.kanban-column-probability{color:#ffffff80}.kanban-column-cards{flex:1;padding:.5rem;overflow-y:auto;display:flex;flex-direction:column;gap:.5rem;min-height:0}.kanban-column-cards::-webkit-scrollbar{width:5px}.kanban-column-cards::-webkit-scrollbar-track{background:transparent}.kanban-column-cards::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.kanban-column-cards::-webkit-scrollbar-thumb:hover{background:#fff6}.kanban-column-empty{display:flex;align-items:center;justify-content:center;padding:1.5rem;color:#ffffff4d;font-size:.8rem;text-align:center;border:2px dashed rgba(255,255,255,.1);border-radius:8px}.kanban-card{background:#fff;border-radius:8px;padding:.75rem;cursor:grab;transition:all .2s ease;box-shadow:0 1px 4px #0000001a}.kanban-card:hover{transform:translateY(-1px);box-shadow:0 3px 10px #00000026}.kanban-card.dragging{opacity:.5;cursor:grabbing;transform:rotate(2deg)}.kanban-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem;margin-bottom:.5rem}.kanban-card-header h4{font-size:.8rem;font-weight:600;color:var(--color-gray-800);margin:0;flex:1;line-height:1.3}.kanban-card-source{font-size:.55rem;font-weight:700;color:#fff;padding:.15rem .35rem;border-radius:3px;text-transform:uppercase;white-space:nowrap}.kanban-card-student{display:flex;align-items:center;gap:.25rem;font-size:.7rem;color:var(--color-gray-500);margin-bottom:.5rem}.kanban-card-student svg{color:var(--color-gray-400);width:12px;height:12px}.kanban-risk-badge{font-size:.6rem;padding:.1rem .3rem;border-radius:3px;margin-left:auto}.kanban-risk-badge.high{background:var(--color-error-lighter);color:var(--color-error-dark)}.kanban-card-meta{display:flex;gap:.5rem;font-size:.7rem;color:var(--color-gray-500);margin-bottom:.5rem}.kanban-card-value,.kanban-card-date{display:flex;align-items:center;gap:.2rem}.kanban-card-value{color:var(--color-success-dark);font-weight:500}.kanban-card-value svg,.kanban-card-date svg{width:12px;height:12px}.kanban-card-probability{position:relative;height:4px;background:var(--color-gray-200);border-radius:2px;overflow:hidden}.kanban-card-probability-bar{height:100%;border-radius:2px;transition:width .3s ease}.kanban-temp-badge{font-size:.6rem;font-weight:600;padding:.15rem .4rem;border-radius:4px;text-transform:uppercase;white-space:nowrap}.kanban-trial-badge{font-size:.55rem;font-weight:600;padding:.1rem .3rem;border-radius:3px;background:var(--color-primary-50);color:var(--color-primary);margin-left:auto;text-transform:uppercase}.kanban-modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.kanban-modal{background:#fff;border-radius:20px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;animation:modalSlideIn .3s ease}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.kanban-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--color-gray-200)}.kanban-modal-header h2{font-size:1.25rem;font-weight:600;color:var(--color-gray-800);margin:0}.kanban-modal-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--color-gray-100);border:none;border-radius:10px;font-size:1.5rem;color:var(--color-gray-500);cursor:pointer;transition:all .2s}.kanban-modal-close:hover{background:var(--color-gray-200);color:var(--color-gray-800)}.kanban-modal-body{padding:1.5rem}.kanban-modal-section{margin-bottom:1.25rem}.kanban-modal-section h4{font-size:.75rem;font-weight:600;color:var(--color-gray-500);text-transform:uppercase;margin:0 0 .5rem}.kanban-modal-section p{font-size:1rem;color:var(--color-gray-800);margin:0}.kanban-modal-phone{display:flex;align-items:center;gap:.5rem;color:var(--color-primary)!important}.kanban-modal-stage{display:inline-block;padding:.375rem .75rem;border-radius:6px;color:#fff;font-weight:500;font-size:.9rem}.kanban-modal-value{font-size:1.5rem!important;font-weight:700;color:var(--color-success-dark)!important}.kanban-modal-footer{display:flex;gap:.75rem;padding:1.5rem;border-top:1px solid var(--color-gray-200)}.kanban-btn-won,.kanban-btn-lost{flex:1;padding:.875rem;border:none;border-radius:10px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s}.kanban-btn-won{background:linear-gradient(135deg,var(--color-success) 0%,var(--color-success-dark) 100%);color:#fff}.kanban-btn-won:hover{transform:translateY(-2px);box-shadow:0 4px 12px #22c55e66}.kanban-btn-lost{background:var(--color-gray-100);color:var(--color-error-dark)}.kanban-btn-lost:hover{background:var(--color-error-light)}.kanban-loading,.kanban-error{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:#fff9}.kanban-loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}.kanban-error button{padding:.75rem 1.5rem;background:var(--color-primary);color:#fff;border:none;border-radius:8px;cursor:pointer}@media (max-width: 1024px){.kanban-container{width:calc(100vw - 80px - 2rem);height:calc(100vh - 124px - 2rem)}}@media (max-width: 768px){.kanban-container{width:calc(100vw - 1rem);height:calc(100vh - 124px - 1rem);margin:0;border-radius:8px}.kanban-header{padding:.5rem .75rem}.kanban-header-title h1{font-size:1rem}.kanban-header-title p,.kanban-pipeline-selector{display:none}.kanban-header-right{gap:.5rem}.kanban-add-btn{padding:.5rem .75rem;font-size:.8rem}.kanban-board{padding:.5rem;gap:.5rem}.kanban-column{min-width:220px;width:220px;max-height:none}.kanban-card{padding:.5rem}.kanban-card-header h4{font-size:.7rem}.kanban-modal{max-width:calc(100vw - 2rem)}.kanban-modal-header,.kanban-modal-body{padding:1rem}.kanban-modal-footer{padding:1rem;flex-direction:column}}@media (max-width: 480px){.kanban-container{width:100vw;height:calc(100vh - 56px);border-radius:0;margin:-.5rem}.kanban-column{min-width:200px;width:200px}.kanban-header-left{gap:.5rem}.kanban-back-btn{width:32px;height:32px}.kanban-add-btn span{display:none}}.trial-dashboard{padding:1.5rem}.trial-dashboard-header{margin-bottom:1.5rem}.trial-dashboard-header h2{margin:0;font-size:1.25rem;color:var(--color-gray-800)}.trial-dashboard-loading{padding:3rem;text-align:center;color:var(--color-gray-500)}.trial-stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem}.trial-stat-card{background:#fff;border:1px solid var(--color-gray-200);border-radius:12px;padding:1rem;text-align:center}.trial-stat-card.warning{border-color:var(--color-warning-light);background:var(--color-warning-lighter)}.trial-stat-card.success{border-color:var(--color-success-light);background:var(--color-success-lighter)}.trial-stat-card .stat-value{display:block;font-size:1.75rem;font-weight:700;color:var(--color-gray-800)}.trial-stat-card.warning .stat-value{color:var(--color-warning-dark)}.trial-stat-card.success .stat-value{color:var(--color-success-dark)}.trial-stat-card .stat-label{display:block;font-size:.75rem;color:var(--color-gray-500);margin-top:.25rem}.trial-tabs{display:flex;gap:.5rem;margin-bottom:1rem}.trial-tab{padding:.625rem 1.25rem;background:var(--color-gray-100);border:none;border-radius:8px;font-size:.875rem;font-weight:500;color:var(--color-gray-500);cursor:pointer;transition:all .2s}.trial-tab:hover{background:var(--color-gray-200)}.trial-tab.active{background:var(--color-primary);color:#fff}.trial-list{display:flex;flex-direction:column;gap:1rem}.trial-empty{text-align:center;padding:2rem;color:var(--color-gray-400)}.trial-card{background:#fff;border:1px solid var(--color-gray-200);border-radius:12px;overflow:hidden}.trial-card-header{display:flex;justify-content:space-between;align-items:flex-start;padding:1rem;border-bottom:1px solid var(--color-gray-100)}.trial-contact h4{margin:0 0 .25rem;font-size:1rem;color:var(--color-gray-800)}.trial-phone{font-size:.8rem;color:var(--color-gray-500)}.trial-status-badge{padding:.25rem .75rem;border-radius:6px;font-size:.7rem;font-weight:600;color:#fff;text-transform:uppercase}.trial-card-body{padding:1rem}.trial-metrics{display:flex;gap:1rem}.trial-metric{flex:1;text-align:center;padding:.75rem;background:var(--color-gray-50);border-radius:8px}.trial-metric .metric-label{display:block;font-size:.7rem;color:var(--color-gray-500);margin-bottom:.25rem}.trial-metric .metric-value{font-size:1.25rem;font-weight:700;color:var(--color-gray-800)}.trial-metric .metric-value.urgent{color:var(--color-error-dark)}.trainer-rec{margin-top:.75rem;padding:.5rem .75rem;background:var(--color-gray-100);border-radius:6px;font-size:.8rem;color:var(--color-gray-600)}.trainer-rec.hot{background:var(--color-error-lighter);color:var(--color-error-dark);font-weight:600}.trial-card-actions{display:flex;gap:.5rem;padding:1rem;border-top:1px solid var(--color-gray-100)}.trial-btn-convert{flex:1;padding:.625rem;background:linear-gradient(135deg,var(--color-success) 0%,var(--color-success-dark) 100%);color:#fff;border:none;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}.trial-btn-convert:hover{transform:translateY(-1px);box-shadow:0 4px 12px #22c55e4d}.trial-btn-view{padding:.625rem 1rem;background:var(--color-gray-100);color:var(--color-gray-600);border:none;border-radius:8px;font-size:.85rem;font-weight:500;cursor:pointer}.trial-btn-view:hover{background:var(--color-gray-200)}@media (max-width: 768px){.trial-stats-row{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.trial-stats-row{grid-template-columns:1fr}.trial-stat-card{padding:.75rem}}.onboarding-checklist{padding:1.5rem}.onboarding-header{margin-bottom:1.5rem}.onboarding-header h3{margin:0 0 1rem;font-size:1.1rem;color:var(--color-gray-800)}.progress-indicator{position:relative;height:8px;background:var(--color-gray-200);border-radius:4px;overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,var(--color-success) 0%,var(--color-success-dark) 100%);border-radius:4px;transition:width .3s ease}.progress-text{position:absolute;right:0;top:-20px;font-size:.75rem;font-weight:600;color:var(--color-success-dark)}.quick-win-card{background:var(--color-warning-lighter);border:1px solid var(--color-warning-light);border-radius:10px;padding:1rem;margin-bottom:1.5rem}.quick-win-card.achieved{background:var(--color-success-lighter);border-color:var(--color-success-light)}.quick-win-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.quick-win-label{font-size:.75rem;font-weight:600;color:var(--color-warning-dark);text-transform:uppercase}.quick-win-card.achieved .quick-win-label{color:var(--color-success-dark)}.achieved-badge{font-size:.7rem;background:var(--color-success);color:#fff;padding:.25rem .5rem;border-radius:4px}.quick-win-goal{margin:0;font-weight:500;color:var(--color-gray-800)}.quick-win-deadline{display:block;margin-top:.5rem;font-size:.75rem;color:var(--color-warning-dark)}.milestones-list{display:flex;flex-direction:column;gap:.75rem}.milestone-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#fff;border:1px solid var(--color-gray-200);border-radius:10px;transition:all .2s}.milestone-item.completed{background:var(--color-success-lighter);border-color:var(--color-success-light)}.milestone-item.locked{opacity:.5}.milestone-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--color-gray-100);border-radius:50%;font-weight:600;color:var(--color-gray-500)}.milestone-item.completed .milestone-icon{background:var(--color-success);color:#fff}.check-icon{font-size:1rem}.step-number{font-size:.9rem}.milestone-content{flex:1}.milestone-content h4{margin:0 0 .25rem;font-size:.95rem;color:var(--color-gray-800)}.milestone-content p{margin:0;font-size:.8rem;color:var(--color-gray-500)}.milestone-complete-btn{padding:.5rem 1rem;background:var(--color-primary);color:#fff;border:none;border-radius:6px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s}.milestone-complete-btn:hover:not(:disabled){background:var(--color-primary-dark)}.milestone-date{font-size:.75rem;color:var(--color-success-dark)}.onboarding-complete-section{margin-top:1.5rem;text-align:center}.btn-complete-onboarding{padding:.875rem 2rem;background:linear-gradient(135deg,var(--color-success) 0%,var(--color-success-dark) 100%);color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer}.btn-complete-onboarding:hover{transform:translateY(-1px);box-shadow:0 4px 12px #22c55e4d}.onboarding-completed-badge{margin-top:1.5rem;padding:1rem;background:var(--color-success-lighter);border:1px solid var(--color-success-light);border-radius:10px;text-align:center;font-weight:600;color:var(--color-success-dark)}.coach-info{margin-top:1.5rem;padding:.75rem 1rem;background:var(--color-gray-100);border-radius:8px;font-size:.9rem}.coach-label{color:var(--color-gray-500);margin-right:.5rem}.coach-name{font-weight:500;color:var(--color-gray-800)}.onboarding-loading,.onboarding-error,.onboarding-empty{padding:2rem;text-align:center;color:var(--color-gray-500)}.onboarding-error{color:var(--color-error-dark)}.trainer-feedback-form{padding:1rem}.feedback-error{background:var(--color-error-lighter);color:var(--color-error-dark);padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem;font-size:.9rem}.feedback-section{margin-bottom:1.25rem}.feedback-label{display:block;font-size:.875rem;font-weight:500;color:var(--color-gray-600);margin-bottom:.5rem}.recommendation-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.recommendation-option{display:flex;flex-direction:column;gap:.25rem;padding:.875rem;background:var(--color-gray-50);border:2px solid var(--color-gray-200);border-radius:10px;cursor:pointer;text-align:left;transition:all .2s}.recommendation-option:hover{border-color:var(--color-gray-300);background:var(--color-gray-100)}.recommendation-option.selected{background:#fff;box-shadow:0 2px 8px #0000001a}.rec-label{font-size:.9rem;font-weight:600}.rec-desc{font-size:.75rem;color:var(--color-gray-500)}.feedback-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.rating-slider{display:flex;align-items:center;gap:.75rem}.rating-slider input[type=range]{flex:1;height:6px;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:var(--color-gray-200);border-radius:3px;outline:none}.rating-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;background:var(--color-primary);border-radius:50%;cursor:pointer;-webkit-transition:all .2s;transition:all .2s}.rating-slider input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.1)}.rating-value{font-size:.875rem;font-weight:600;color:var(--color-primary);min-width:30px;text-align:center}.trainer-feedback-form textarea{width:100%;padding:.75rem 1rem;font-size:.95rem;border:1.5px solid var(--color-gray-200);border-radius:10px;background:#fff;resize:vertical}.trainer-feedback-form textarea:focus{outline:none;border-color:var(--color-primary)}.feedback-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1rem}.feedback-btn-cancel,.feedback-btn-submit{padding:.75rem 1.5rem;border-radius:10px;font-weight:500;font-size:.9rem;cursor:pointer;border:none;transition:all .2s}.feedback-btn-cancel{background:var(--color-gray-100);color:var(--color-gray-600)}.feedback-btn-cancel:hover:not(:disabled){background:var(--color-gray-200)}.feedback-btn-submit{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-accent) 100%);color:#fff}.feedback-btn-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.feedback-btn-submit:disabled,.feedback-btn-cancel:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 480px){.recommendation-grid,.feedback-row{grid-template-columns:1fr}}.coach-assignment-select{padding:.75rem 0}.current-coach{display:flex;align-items:center;gap:.5rem;padding:.625rem .875rem;background:var(--color-success-lighter);border:1px solid var(--color-success-light);border-radius:8px;margin-bottom:.75rem}.current-coach-label{font-size:.75rem;color:var(--color-success-dark);font-weight:500}.current-coach-name{font-size:.9rem;font-weight:600;color:var(--color-success-dark)}.coach-select-row{display:flex;gap:.5rem}.coach-select{flex:1;padding:.625rem 1rem;font-size:.9rem;border:1.5px solid var(--color-gray-200);border-radius:8px;background:#fff;cursor:pointer}.coach-select:focus{outline:none;border-color:var(--color-primary)}.coach-select:disabled{background:var(--color-gray-50);cursor:not-allowed}.coach-assign-btn{padding:.625rem 1rem;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-accent) 100%);color:#fff;border:none;border-radius:8px;font-weight:500;font-size:.9rem;cursor:pointer;transition:all .2s}.coach-assign-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.coach-assign-btn:disabled{opacity:.6;cursor:not-allowed}.coach-select-loading{padding:.75rem;text-align:center;color:var(--color-gray-500);font-size:.9rem}.coach-select-empty{margin:.5rem 0 0;font-size:.8rem;color:var(--color-gray-400)}.omnichannel-dashboard{padding:1.5rem}.dashboard-header{margin-bottom:1.5rem}.dashboard-header h2{font-size:1.75rem;font-weight:600;color:var(--text-primary, #1f2937);margin:0 0 .5rem}.dashboard-header p{color:var(--text-secondary, #6b7280);margin:0}.dashboard-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;border-bottom:1px solid var(--border-color, #e5e7eb);padding-bottom:.5rem}.tab-btn{padding:.75rem 1.5rem;border:none;background:transparent;color:var(--text-secondary, #6b7280);font-weight:500;cursor:pointer;border-radius:.5rem;transition:all .2s}.tab-btn:hover{background:var(--bg-hover, #f3f4f6)}.tab-btn.active{background:var(--primary-color, var(--color-info));color:#fff}.channel-list{background:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.channel-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.channel-list-header h3{margin:0;font-size:1.25rem}.channel-summary{display:flex;gap:1rem}.active-count{color:var(--color-success);font-weight:500}.pending-count{color:var(--color-warning);font-weight:500}.channel-section{margin-bottom:2rem}.channel-section h4{font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary, #6b7280);margin:0 0 1rem}.channel-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}@media (max-width: 640px){.channel-grid{grid-template-columns:1fr}}.channel-status-card{background:var(--bg-secondary, #f9fafb);border:1px solid var(--border-color, #e5e7eb);border-radius:.75rem;padding:1.25rem;transition:all .2s}.channel-status-card.enabled{border-color:var(--color-success);background:var(--color-success-lighter)}.channel-status-card:hover{box-shadow:0 4px 6px -1px #0000001a}.channel-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1rem}.channel-icon{font-size:2rem}.channel-info{flex:1}.channel-name{font-size:1rem;font-weight:600;margin:0 0 .5rem}.channel-status-badge{display:inline-block;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500;color:#fff}.channel-stats{display:flex;gap:1.5rem;margin-bottom:1rem;padding:.75rem;background:#ffffff80;border-radius:.5rem}.stat-item{display:flex;flex-direction:column;align-items:center}.stat-value{font-size:1.25rem;font-weight:600;color:var(--text-primary, #1f2937)}.stat-label{font-size:.75rem;color:var(--text-secondary, #6b7280)}.channel-configure-btn{width:100%;padding:.75rem;border:1px solid var(--primary-color, var(--color-info));background:transparent;color:var(--primary-color, var(--color-info));border-radius:.5rem;font-weight:500;cursor:pointer;transition:all .2s}.channel-configure-btn:hover{background:var(--primary-color, var(--color-info));color:#fff}.unified-inbox{background:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.inbox-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.inbox-header h3{margin:0}.inbox-filters{display:flex;gap:1rem;align-items:center}.inbox-filter-select{padding:.5rem 1rem;border:1px solid var(--border-color, #e5e7eb);border-radius:.5rem;font-size:.875rem}.inbox-filter-checkbox{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-secondary, #6b7280)}.inbox-list{display:flex;flex-direction:column;gap:.5rem}.inbox-item{padding:1rem;border:1px solid var(--border-color, #e5e7eb);border-radius:.5rem;cursor:pointer;transition:all .2s}.inbox-item:hover{background:var(--bg-hover, #f9fafb)}.inbox-item.unread{background:var(--color-info-light);border-color:var(--color-info)}.inbox-item-header{display:flex;justify-content:space-between;margin-bottom:.5rem}.inbox-item-name{font-weight:600}.inbox-item-channel{font-size:.75rem;padding:.25rem .5rem;background:var(--bg-secondary, #f3f4f6);border-radius:.25rem}.inbox-item-subject{color:var(--text-secondary, #6b7280);font-size:.875rem;margin-bottom:.5rem}.inbox-item-footer{display:flex;justify-content:space-between;align-items:center}.inbox-item-date{font-size:.75rem;color:var(--text-tertiary, #9ca3af)}.inbox-item-mark-read{font-size:.75rem;padding:.25rem .5rem;border:none;background:var(--primary-color, var(--color-info));color:#fff;border-radius:.25rem;cursor:pointer}.inbox-pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--border-color, #e5e7eb)}.inbox-pagination button{padding:.5rem 1rem;border:1px solid var(--border-color, #e5e7eb);background:#fff;border-radius:.5rem;cursor:pointer}.inbox-pagination button:disabled{opacity:.5;cursor:not-allowed}.inbox-loading,.inbox-empty{text-align:center;padding:3rem;color:var(--text-secondary, #6b7280)}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;border-radius:.75rem;width:90%;max-width:600px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color, #e5e7eb)}.modal-header h3{margin:0}.modal-close{width:2rem;height:2rem;border:none;background:transparent;font-size:1.5rem;cursor:pointer;color:var(--text-secondary, #6b7280);display:flex;align-items:center;justify-content:center;border-radius:.25rem}.modal-close:hover{background:var(--bg-hover, #f3f4f6)}.modal-body{padding:1.5rem;overflow-y:auto;flex:1}.modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid var(--border-color, #e5e7eb)}.embed-sections{display:flex;flex-direction:column;gap:1.5rem}.embed-section h4{margin:0 0 .5rem}.embed-section p{margin:0 0 .75rem;color:var(--text-secondary, #6b7280);font-size:.875rem}.embed-code-block{display:flex;align-items:stretch;gap:.5rem}.embed-code-block code{flex:1;padding:.75rem;background:var(--bg-secondary, #f3f4f6);border-radius:.5rem;font-size:.75rem;overflow-x:auto;white-space:nowrap}.copy-btn{padding:.75rem 1rem;border:1px solid var(--primary-color, var(--color-info));background:transparent;color:var(--primary-color, var(--color-info));border-radius:.5rem;cursor:pointer;white-space:nowrap}.copy-btn.copied{background:var(--color-success);border-color:var(--color-success);color:#fff}.setup-instructions{margin-bottom:1.5rem;padding:1rem;background:var(--color-warning-light);border-radius:.5rem}.setup-instructions h4{margin:0 0 .75rem;color:var(--color-warning-dark)}.setup-instructions ol{margin:0;padding-left:1.25rem;color:var(--color-warning-dark)}.setup-instructions li{margin-bottom:.5rem}.config-form{display:flex;flex-direction:column;gap:1rem}.config-field label{display:block;font-weight:500;margin-bottom:.5rem}.config-field .required{color:var(--color-error);margin-left:.25rem}.config-field input{width:100%;padding:.75rem;border:1px solid var(--border-color, #e5e7eb);border-radius:.5rem;font-size:.875rem}.config-field input:focus{outline:none;border-color:var(--primary-color, var(--color-info));box-shadow:0 0 0 3px #3b82f61a}.btn-primary{padding:.75rem 1.5rem;background:var(--primary-color, var(--color-info));color:#fff;border:none;border-radius:.5rem;font-weight:500;cursor:pointer}.btn-primary:hover{background:var(--primary-hover, var(--color-info-dark))}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{padding:.75rem 1.5rem;background:transparent;color:var(--text-secondary, #6b7280);border:1px solid var(--border-color, #e5e7eb);border-radius:.5rem;font-weight:500;cursor:pointer}.btn-secondary:hover{background:var(--bg-hover, #f3f4f6)}.channel-list-loading,.channel-list-error,.config-loading,.embed-loading,.embed-error{text-align:center;padding:2rem;color:var(--text-secondary, #6b7280)}.channel-list-error button{margin-top:1rem;padding:.5rem 1rem;border:1px solid var(--primary-color, var(--color-info));background:transparent;color:var(--primary-color, var(--color-info));border-radius:.5rem;cursor:pointer}:root{--staff-primary: var(--color-primary, #6366f1);--staff-primary-light: var(--color-primary-light, #818cf8);--staff-primary-dark: var(--color-primary-dark, #4f46e5);--staff-bg: var(--color-gray-50, #f8fafc);--staff-surface: #ffffff;--staff-text: var(--color-gray-800, #1e293b);--staff-text-secondary: var(--color-gray-500, #64748b);--staff-border: var(--color-gray-200, #e2e8f0);--staff-success: var(--color-success, #22c55e);--staff-warning: var(--color-warning, #f59e0b);--staff-danger: var(--color-error, #ef4444);--staff-nav-height: 64px;--staff-header-height: 80px;--staff-safe-area-bottom: env(safe-area-inset-bottom, 0px)}[data-theme=dark]{--staff-bg: var(--color-gray-900, #0f172a);--staff-surface: var(--color-gray-800, #1e293b);--staff-text: var(--color-gray-100, #f1f5f9);--staff-text-secondary: var(--color-gray-400, #94a3b8);--staff-border: var(--color-gray-700, #334155)}.staff-layout{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;background-color:var(--staff-bg);color:var(--staff-text)}.staff-header{position:sticky;top:0;z-index:100;background:linear-gradient(135deg,var(--staff-primary) 0%,var(--staff-primary-dark) 100%);color:#fff;padding:16px 20px;padding-top:calc(16px + env(safe-area-inset-top,0px));min-height:var(--staff-header-height)}.staff-header__greeting h1{font-size:1.25rem;font-weight:600;margin:0;line-height:1.3}.staff-header__date{font-size:.875rem;opacity:.9;margin:4px 0 0}.staff-header{display:flex;align-items:center;justify-content:space-between}.staff-header__notifications{position:relative;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#ffffff26;border:none;border-radius:50%;color:#fff;cursor:pointer;transition:background-color .2s;-webkit-tap-highlight-color:transparent}.staff-header__notifications:hover{background:#ffffff40}.staff-header__notifications svg{width:24px;height:24px}.staff-header__badge{position:absolute;top:0;right:0;min-width:18px;height:18px;padding:0 5px;font-size:.625rem;font-weight:700;line-height:18px;text-align:center;color:#fff;background-color:var(--staff-danger);border-radius:9px;box-shadow:0 2px 4px #0003}.staff-content{flex:1;overflow-y:auto;padding:16px;padding-bottom:calc(var(--staff-nav-height) + var(--staff-safe-area-bottom) + 16px);-webkit-overflow-scrolling:touch}.staff-nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;background:var(--staff-surface);border-top:1px solid var(--staff-border);height:var(--staff-nav-height);padding-bottom:var(--staff-safe-area-bottom);z-index:100}.staff-nav__item{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;padding:8px;text-decoration:none;color:var(--staff-text-secondary);transition:color .2s ease;-webkit-tap-highlight-color:transparent}.staff-nav__item--active{color:var(--staff-primary)}.staff-nav__icon{width:24px;height:24px;margin-bottom:4px}.staff-nav__icon svg{width:100%;height:100%}.staff-nav__label{font-size:.75rem;font-weight:500}.staff-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:var(--staff-bg);color:var(--staff-text)}.staff-loading__spinner{width:40px;height:40px;border:3px solid var(--staff-border);border-top-color:var(--staff-primary);border-radius:50%;animation:staff-spin .8s linear infinite}.staff-loading p{margin-top:16px;font-size:.875rem;color:var(--staff-text-secondary)}@media (min-width: 768px){.staff-layout{max-width:480px;margin:0 auto;box-shadow:0 0 40px #0000001a}}@supports (padding: max(0px)){.staff-header{padding-top:max(16px,env(safe-area-inset-top))}.staff-nav{padding-bottom:max(0px,env(safe-area-inset-bottom))}}.staff-login{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);padding:20px}.staff-login__container{width:100%;max-width:400px;background:#fff;border-radius:16px;padding:32px 24px;box-shadow:0 20px 60px #0003}.staff-login__header{text-align:center;margin-bottom:32px}.staff-login__logo{width:56px;height:56px;margin:0 auto 16px}.staff-login__logo svg{width:100%;height:100%}.staff-login__header h1{font-size:1.5rem;font-weight:700;color:var(--color-gray-800);margin:0 0 4px}.staff-login__header p{font-size:.875rem;color:var(--color-gray-500);margin:0}.staff-login__form{display:flex;flex-direction:column;gap:20px}.staff-login__error{background:var(--color-error-light);border:1px solid var(--color-error-light);color:var(--color-error-dark);padding:12px 16px;border-radius:8px;font-size:.875rem}.staff-login__field{display:flex;flex-direction:column;gap:6px}.staff-login__field label{font-size:.875rem;font-weight:500;color:var(--color-gray-700)}.staff-login__field input{padding:12px 16px;border:1px solid var(--color-gray-200);border-radius:8px;font-size:1rem;transition:border-color .2s,box-shadow .2s;-webkit-appearance:none}.staff-login__field input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f11a}.staff-login__field input::-moz-placeholder{color:var(--color-gray-400)}.staff-login__field input::placeholder{color:var(--color-gray-400)}.staff-login__field input:disabled{background:var(--color-gray-100);cursor:not-allowed}.staff-login__options{display:flex;justify-content:space-between;align-items:center}.staff-login__checkbox{display:flex;align-items:center;gap:8px;font-size:.875rem;color:var(--color-gray-600);cursor:pointer}.staff-login__checkbox input{width:16px;height:16px;accent-color:var(--color-primary)}.staff-login__forgot{font-size:.875rem;color:var(--color-primary);text-decoration:none}.staff-login__forgot:hover{text-decoration:underline}.staff-login__button{width:100%;padding:14px 24px;background:var(--color-primary);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .2s;display:flex;align-items:center;justify-content:center;min-height:48px}.staff-login__button:hover:not(:disabled){background:var(--color-primary-dark)}.staff-login__button:disabled{opacity:.7;cursor:not-allowed}.staff-login__spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:staff-spin .8s linear infinite}.staff-login__footer{text-align:center;margin-top:24px;padding-top:24px;border-top:1px solid var(--color-gray-200)}.staff-login__footer p{font-size:.75rem;color:var(--color-gray-400);margin:0}.staff-login__loading{display:flex;flex-direction:column;align-items:center;gap:16px;padding:48px 24px}.staff-login__loading p{color:var(--color-gray-500);font-size:.9375rem;margin:0}.staff-login__success-icon{width:64px;height:64px;background:var(--color-success);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.staff-login__success-icon svg{width:32px;height:32px;color:#fff}.staff-login__submit{width:100%;padding:14px 24px;background:var(--color-primary);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .2s;min-height:48px}.staff-login__submit:hover:not(:disabled){background:var(--color-primary-dark)}.staff-login__submit:disabled{opacity:.7;cursor:not-allowed}.staff-login__info{font-size:.875rem;color:var(--color-gray-500);text-align:center;margin:0}.staff-login__tenant-name{display:inline-block;margin-top:8px;padding:4px 12px;background:var(--color-gray-100);border-radius:20px;font-size:.75rem;color:var(--color-gray-500)}.staff-login__link{display:block;text-align:center;margin-top:16px;color:var(--color-primary);text-decoration:none;font-size:.875rem}.staff-login__link:hover{text-decoration:underline}.staff-login__logo img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;border-radius:8px}@media (max-width: 480px){.staff-login{padding:16px;align-items:flex-start;padding-top:10vh}.staff-login__container{padding:24px 20px}}.session-card{display:flex;align-items:center;gap:12px;background:var(--staff-surface, #ffffff);border-radius:12px;padding:16px;box-shadow:0 1px 3px #0000001a;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;-webkit-tap-highlight-color:transparent}.session-card:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.session-card:active{transform:scale(.98)}.session-card__time{display:flex;flex-direction:column;align-items:center;min-width:56px;padding-right:12px;border-right:2px solid var(--staff-primary, #6366f1)}.session-card__start{font-size:1rem;font-weight:600;color:var(--staff-text, #1e293b)}.session-card__separator{font-size:.75rem;color:var(--staff-text-secondary, #64748b);margin:2px 0}.session-card__end{font-size:.875rem;color:var(--staff-text-secondary, #64748b)}.session-card__content{flex:1;min-width:0}.session-card__title{font-size:.9375rem;font-weight:600;color:var(--staff-text, #1e293b);margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.session-card__meta{display:flex;align-items:center;gap:8px;font-size:.8125rem;color:var(--staff-text-secondary, #64748b)}.session-card__room{display:flex;align-items:center;gap:4px}.session-card__room:before{content:"";width:12px;height:12px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2364748b' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z' /%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M15 11a3 3 0 11-6 0 3 3 0 016 0z' /%3E%3C/svg%3E");background-size:contain}.session-card__capacity{display:flex;align-items:center;gap:4px;padding:2px 8px;background:var(--color-gray-100);border-radius:4px;font-weight:500}.session-card__capacity:before{content:"";width:12px;height:12px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2364748b' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z' /%3E%3C/svg%3E");background-size:contain}.session-card__capacity--full{background:var(--color-error-light);color:var(--color-error-dark)}.session-card__action{display:flex;align-items:center}.session-card__arrow{width:24px;height:24px;color:var(--staff-text-secondary, #64748b)}.session-card__arrow svg{width:100%;height:100%}.staff-home{display:flex;flex-direction:column;gap:24px}.staff-home__loading,.staff-home__error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;text-align:center}.staff-home__spinner{width:32px;height:32px;border:3px solid var(--staff-border, #e2e8f0);border-top-color:var(--staff-primary, #6366f1);border-radius:50%;animation:staff-spin .8s linear infinite}.staff-home__loading p,.staff-home__error p{margin-top:12px;color:var(--staff-text-secondary, #64748b);font-size:.875rem}.staff-home__error button{margin-top:12px;padding:8px 16px;background:var(--staff-primary, #6366f1);color:#fff;border:none;border-radius:6px;font-size:.875rem;cursor:pointer}.staff-home__stats{display:flex;gap:12px;background:var(--staff-surface, #ffffff);border-radius:12px;padding:16px;box-shadow:0 1px 3px #0000001a}.staff-home__stat{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center}.staff-home__stat-value{font-size:1.5rem;font-weight:700;color:var(--staff-primary, #6366f1)}.staff-home__stat--warning .staff-home__stat-value{color:var(--staff-warning, #f59e0b)}.staff-home__stat-label{font-size:.75rem;color:var(--staff-text-secondary, #64748b);margin-top:2px}.staff-home__section{display:flex;flex-direction:column;gap:12px}.staff-home__section-title{font-size:1rem;font-weight:600;color:var(--staff-text, #1e293b);margin:0}.staff-home__sessions{display:flex;flex-direction:column;gap:12px}.staff-home__empty{background:var(--staff-surface, #ffffff);border-radius:12px;padding:32px 16px;text-align:center}.staff-home__empty p{color:var(--staff-text-secondary, #64748b);font-size:.875rem;margin:0}.staff-home__refresh{position:fixed;bottom:calc(var(--staff-nav-height, 64px) + 16px + var(--staff-safe-area-bottom, 0px));right:16px;width:48px;height:48px;background:var(--staff-primary, #6366f1);color:#fff;border:none;border-radius:50%;font-size:0;cursor:pointer;box-shadow:0 4px 12px #6366f166;display:flex;align-items:center;justify-content:center}.staff-home__refresh:before{content:"";width:20px;height:20px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='white' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15' /%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.staff-home__pull-indicator{position:absolute;top:-50px;left:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:center;z-index:10}.staff-home__pull-spinner{width:32px;height:32px;border:3px solid var(--staff-border, #e2e8f0);border-top-color:var(--staff-primary, #6366f1);border-radius:50%;transition:transform .1s ease}.staff-home__pull-spinner.refreshing{animation:staff-spin .8s linear infinite}.staff-profile{display:flex;flex-direction:column;gap:24px}.staff-profile__header{display:flex;flex-direction:column;align-items:center;text-align:center;padding:16px;background:var(--staff-surface, #ffffff);border-radius:12px;box-shadow:0 1px 3px #0000001a}.staff-profile__avatar{width:72px;height:72px;background:linear-gradient(135deg,var(--staff-primary, #6366f1) 0%,var(--staff-primary-dark, #4f46e5) 100%);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.75rem;font-weight:600;margin-bottom:12px}.staff-profile__name{font-size:1.25rem;font-weight:600;color:var(--staff-text, #1e293b);margin:0 0 4px}.staff-profile__email{font-size:.875rem;color:var(--staff-text-secondary, #64748b);margin:0 0 8px}.staff-profile__role{display:inline-block;padding:4px 12px;background:var(--staff-primary, #6366f1);color:#fff;border-radius:16px;font-size:.75rem;font-weight:500}.staff-profile__section{display:flex;flex-direction:column;gap:1px;background:var(--staff-border, #e2e8f0);border-radius:12px;overflow:hidden}.staff-profile__section-title{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--staff-text-secondary, #64748b);padding:12px 16px;background:var(--staff-bg, #f8fafc);margin:0}.staff-profile__item{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:var(--staff-surface, #ffffff);cursor:pointer;-webkit-tap-highlight-color:transparent}.staff-profile__item:active{background:var(--staff-bg, #f8fafc)}.staff-profile__item-content{display:flex;align-items:center;gap:12px}.staff-profile__item-icon{width:24px;height:24px;color:var(--staff-text-secondary, #64748b)}.staff-profile__item-icon svg{width:100%;height:100%}.staff-profile__item-label{font-size:.9375rem;color:var(--staff-text, #1e293b)}.staff-profile__item-arrow{width:20px;height:20px;color:var(--staff-text-secondary, #64748b)}.staff-profile__item-arrow svg{width:100%;height:100%}.staff-profile__toggle{width:44px;height:24px;background:var(--color-gray-300);border-radius:12px;position:relative;transition:background-color .2s ease}.staff-profile__toggle--on{background:var(--staff-primary, #6366f1)}.staff-profile__toggle-knob{position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .2s ease;box-shadow:0 1px 3px #0003}.staff-profile__toggle--on .staff-profile__toggle-knob{transform:translate(20px)}.staff-profile__logout{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px;background:transparent;border:1px solid var(--staff-danger, #ef4444);color:var(--staff-danger, #ef4444);border-radius:12px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s ease}.staff-profile__logout:hover{background:var(--color-error-light)}.staff-profile__logout svg{width:20px;height:20px}.staff-profile__footer{text-align:center;padding-top:16px}.staff-profile__footer p{font-size:.75rem;color:var(--staff-text-secondary, #64748b);margin:0;line-height:1.5}.staff-calendar{display:flex;flex-direction:column;gap:16px}.staff-calendar__header{display:flex;align-items:center;justify-content:space-between;padding:0 8px}.staff-calendar__nav{width:40px;height:40px;background:var(--staff-surface, #ffffff);border:1px solid var(--staff-border, #e2e8f0);border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center}.staff-calendar__nav svg{width:20px;height:20px;color:var(--staff-text, #1e293b)}.staff-calendar__today{padding:8px 20px;background:var(--staff-primary, #6366f1);color:#fff;border:none;border-radius:20px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s}.staff-calendar__today:hover{background:var(--staff-primary-dark, #4f46e5)}.staff-calendar__week{display:flex;gap:6px;padding:12px;background:var(--staff-surface, #ffffff);border-radius:12px;box-shadow:0 1px 3px #0000001a}.staff-calendar__day{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 4px;border-radius:10px;cursor:pointer;transition:all .2s ease;position:relative}.staff-calendar__day:hover{background:var(--staff-bg, #f8fafc)}.staff-calendar__day.today{background:var(--color-primary-50)}.staff-calendar__day.selected{background:var(--staff-primary, #6366f1)}.staff-calendar__day.selected .staff-calendar__day-name,.staff-calendar__day.selected .staff-calendar__day-num{color:#fff}.staff-calendar__day-name{font-size:.6875rem;color:var(--staff-text-secondary, #64748b);text-transform:uppercase;letter-spacing:.3px}.staff-calendar__day-num{font-size:1rem;font-weight:600;color:var(--staff-text, #1e293b)}.staff-calendar__day-badge{position:absolute;top:4px;right:4px;min-width:16px;height:16px;background:var(--staff-primary, #6366f1);color:#fff;border-radius:8px;font-size:.625rem;font-weight:600;display:flex;align-items:center;justify-content:center;padding:0 4px}.staff-calendar__day.selected .staff-calendar__day-badge{background:#fff;color:var(--staff-primary, #6366f1)}.staff-calendar__date-label{font-size:.9375rem;font-weight:600;color:var(--staff-text, #1e293b);text-align:center}.staff-calendar__sessions{min-height:200px}.staff-calendar__loading{display:flex;align-items:center;justify-content:center;min-height:150px}.staff-calendar__spinner{width:32px;height:32px;border:3px solid var(--staff-border, #e2e8f0);border-top-color:var(--staff-primary, #6366f1);border-radius:50%;animation:staff-spin .8s linear infinite}.staff-calendar__empty{text-align:center;padding:40px 20px;color:var(--staff-text-secondary, #64748b)}.staff-calendar__list{display:flex;flex-direction:column;gap:12px}.student-quick-view__overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:flex-end;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.student-quick-view__modal{background:var(--staff-surface, #ffffff);border-radius:20px 20px 0 0;width:100%;max-width:480px;max-height:85vh;overflow-y:auto;padding:24px;position:relative;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.student-quick-view__close{position:absolute;top:16px;right:16px;width:32px;height:32px;background:var(--staff-bg, #f8fafc);border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center}.student-quick-view__close svg{width:18px;height:18px;color:var(--staff-text-secondary, #64748b)}.student-quick-view__header{text-align:center;margin-bottom:20px}.student-quick-view__avatar{width:64px;height:64px;background:linear-gradient(135deg,var(--staff-primary, #6366f1),var(--staff-primary-dark, #4f46e5));color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:600;margin:0 auto 12px}.student-quick-view__header h2{font-size:1.25rem;font-weight:600;margin:0 0 4px;color:var(--staff-text, #1e293b)}.student-quick-view__header p{font-size:.875rem;color:var(--staff-text-secondary, #64748b);margin:0}.student-quick-view__risk{padding:12px 16px;border-radius:8px;margin-bottom:16px}.student-quick-view__risk--high{background:var(--color-error-light);border:1px solid var(--color-error-light)}.student-quick-view__risk--medium{background:var(--color-warning-lighter);border:1px solid var(--color-warning-accent)}.student-quick-view__risk-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:.75rem;font-weight:600;margin-bottom:4px}.student-quick-view__risk--high .student-quick-view__risk-badge{background:var(--color-error);color:#fff}.student-quick-view__risk--medium .student-quick-view__risk-badge{background:var(--color-warning);color:#fff}.student-quick-view__risk-message{font-size:.875rem;color:var(--staff-text, #1e293b);margin:4px 0 0}.student-quick-view__loading{text-align:center;padding:24px;color:var(--staff-text-secondary, #64748b)}.student-quick-view__section{margin-bottom:16px}.student-quick-view__section h3{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--staff-text-secondary, #64748b);margin:0 0 8px}.student-quick-view__package{display:flex;flex-direction:column;gap:4px;padding:12px;background:var(--staff-bg, #f8fafc);border-radius:8px}.student-quick-view__package-name{font-weight:500;color:var(--staff-text, #1e293b)}.student-quick-view__package-sessions{font-size:.875rem;color:var(--staff-primary, #6366f1);font-weight:500}.student-quick-view__package-date{font-size:.8125rem;color:var(--staff-text-secondary, #64748b)}.student-quick-view__attendances{display:flex;flex-direction:column;gap:6px}.student-quick-view__attendance{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--staff-bg, #f8fafc);border-radius:6px;font-size:.875rem}.student-quick-view__attendance-status{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600}.student-quick-view__attendance-status--present{background:var(--staff-success, #22c55e);color:#fff}.student-quick-view__attendance-status--absent{background:var(--staff-danger, #ef4444);color:#fff}.student-quick-view__attendance-date{font-weight:500;color:var(--staff-text, #1e293b);min-width:50px}.student-quick-view__attendance-session{color:var(--staff-text-secondary, #64748b);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.student-quick-view__notes{font-size:.875rem;color:var(--staff-text, #1e293b);background:var(--staff-bg, #f8fafc);padding:12px;border-radius:8px;margin:0}.student-quick-view__warning{margin-top:8px;padding:8px 12px;border-radius:6px;font-size:.8125rem;font-weight:500}.student-quick-view__warning--package{background:var(--color-warning-light);color:var(--color-warning-dark);border:1px solid var(--color-warning-accent)}.student-quick-view__warning--date{background:var(--color-error-light);color:var(--color-error-dark);border:1px solid var(--color-error-light)}.student-quick-view__health-note{font-size:.875rem;color:var(--color-error-dark);background:var(--color-error-light);border:1px solid var(--color-error-light);padding:12px;border-radius:8px}.student-quick-view__actions{display:flex;gap:12px;margin-top:20px;padding-top:20px;border-top:1px solid var(--staff-border, #e2e8f0)}.student-quick-view__action{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;border-radius:8px;font-size:.9375rem;font-weight:500;cursor:pointer;border:none;transition:opacity .2s}.student-quick-view__action:disabled{opacity:.5;cursor:not-allowed}.student-quick-view__action svg{width:20px;height:20px}.student-quick-view__action--call{background:var(--staff-primary, #6366f1);color:#fff}.student-quick-view__action--whatsapp{background:var(--color-success);color:#fff}.student-quick-view__quick-actions{display:flex;flex-direction:column;gap:8px;margin-top:12px}.student-quick-view__quick-action{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;background:var(--staff-bg, #f8fafc);border:1px solid var(--staff-border, #e2e8f0);border-radius:8px;font-size:.875rem;font-weight:500;color:var(--staff-text, #1e293b);cursor:pointer;transition:all .2s}.student-quick-view__quick-action:hover:not(:disabled){background:var(--staff-border, #e2e8f0)}.student-quick-view__quick-action:disabled{opacity:.5;cursor:not-allowed}.student-quick-view__quick-action svg{width:16px;height:16px}.student-quick-view__quick-action--warning{background:var(--color-warning-light);border-color:var(--color-warning-accent);color:var(--color-warning-dark)}.student-quick-view__quick-action--warning:hover:not(:disabled){background:var(--color-warning-accent)}@media (min-width: 768px){.student-quick-view__overlay{align-items:center}.student-quick-view__modal{border-radius:16px;max-height:80vh}}.staff-qr-scanner{position:fixed;inset:0;background:var(--staff-bg, #0f172a);z-index:1100;display:flex;flex-direction:column}.staff-qr-scanner__header{display:flex;align-items:center;justify-content:space-between;padding:16px;padding-top:calc(16px + var(--staff-safe-area-top, 0px));background:#000c}.staff-qr-scanner__header h2{font-size:1.125rem;font-weight:600;color:#fff;margin:0}.staff-qr-scanner__close{width:36px;height:36px;background:#ffffff1a;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center}.staff-qr-scanner__close svg{width:20px;height:20px;color:#fff}.staff-qr-scanner__viewport{flex:1;position:relative;overflow:hidden}.staff-qr-scanner__video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.staff-qr-scanner__canvas{display:none}.staff-qr-scanner__overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(to bottom,rgba(0,0,0,.6) 0%,transparent 25%,transparent 75%,rgba(0,0,0,.6) 100%)}.staff-qr-scanner__frame{width:min(250px,70vw);height:min(250px,70vw);border:3px solid rgba(255,255,255,.5);border-radius:16px;position:relative}.staff-qr-scanner__frame:before,.staff-qr-scanner__frame:after{content:"";position:absolute;width:40px;height:40px;border:4px solid var(--staff-primary, #6366f1)}.staff-qr-scanner__frame:before{top:-3px;left:-3px;border-right:none;border-bottom:none;border-radius:16px 0 0}.staff-qr-scanner__frame:after{bottom:-3px;right:-3px;border-left:none;border-top:none;border-radius:0 0 16px}.staff-qr-scanner__error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:24px;text-align:center;color:#fff}.staff-qr-scanner__error p{margin-bottom:16px}.staff-qr-scanner__error button{padding:10px 24px;background:var(--staff-primary, #6366f1);color:#fff;border:none;border-radius:8px;font-size:1rem;cursor:pointer}.staff-qr-scanner__result{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000000d9;text-align:center;padding:24px}.staff-qr-scanner__result svg{width:64px;height:64px;margin-bottom:16px}.staff-qr-scanner__result p{font-size:1.125rem;color:#fff;margin:0}.staff-qr-scanner__result--loading .staff-qr-scanner__spinner{width:48px;height:48px;border:4px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:qr-spin .8s linear infinite;margin-bottom:16px}.staff-qr-scanner__result--success svg{color:var(--staff-success, #22c55e)}.staff-qr-scanner__result--error svg{color:var(--staff-danger, #ef4444)}.staff-qr-scanner__info{padding:16px;text-align:center;background:#000c}.staff-qr-scanner__info p{color:#fffc;font-size:.9375rem;margin:0}.staff-qr-scanner__actions{padding:16px;padding-bottom:calc(16px + var(--staff-safe-area-bottom, 0px));background:#000c}.staff-qr-scanner__manual{width:100%;padding:14px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;border-radius:8px;font-size:1rem;cursor:pointer}.staff-qr-scanner__hint{text-align:center;font-size:.75rem;color:#ffffff80;padding:8px 16px;padding-bottom:calc(8px + var(--staff-safe-area-bottom, 0px));background:#000c;margin:0}@keyframes qr-spin{to{transform:rotate(360deg)}}.staff-feedback-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1100;display:flex;align-items:flex-end;justify-content:center;padding:0}@media (min-width: 640px){.staff-feedback-overlay{align-items:center;padding:20px}}.staff-feedback-modal{width:100%;max-width:500px;max-height:90vh;background:var(--staff-surface, #ffffff);border-radius:20px 20px 0 0;overflow:hidden;display:flex;flex-direction:column}@media (min-width: 640px){.staff-feedback-modal{border-radius:16px}}.staff-feedback__header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--staff-border, #e2e8f0)}.staff-feedback__header h2{font-size:1.125rem;font-weight:600;color:var(--staff-text, #1e293b);margin:0}.staff-feedback__close{width:32px;height:32px;background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center}.staff-feedback__close svg{width:20px;height:20px;color:var(--staff-text-secondary, #64748b)}.staff-feedback__student{display:flex;align-items:center;gap:12px;padding:16px 20px;background:var(--staff-bg, #f8fafc)}.staff-feedback__avatar{width:48px;height:48px;background:linear-gradient(135deg,var(--color-primary),var(--color-accent));border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.25rem;font-weight:600}.staff-feedback__student-name{font-size:1rem;font-weight:600;color:var(--staff-text, #1e293b)}.staff-feedback__form{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:20px}.staff-feedback__error{padding:12px;background:var(--color-error-light);border:1px solid var(--color-error-light);border-radius:8px;color:var(--color-error-dark);font-size:.875rem}.staff-feedback__ratings{display:flex;flex-direction:column;gap:16px}.staff-feedback__rating{display:flex;flex-direction:column;gap:8px}.staff-feedback__rating-label{font-size:.875rem;font-weight:500;color:var(--staff-text, #1e293b)}.staff-feedback__stars{display:flex;align-items:center;gap:8px}.staff-feedback__star{width:36px;height:36px;background:none;border:none;cursor:pointer;padding:0;color:var(--color-gray-300);transition:color .15s,transform .15s}.staff-feedback__star:hover{transform:scale(1.1)}.staff-feedback__star.active{color:var(--color-warning-accent)}.staff-feedback__star svg{width:100%;height:100%}.staff-feedback__score-label{font-size:.75rem;color:var(--staff-text-secondary, #64748b);margin-left:8px}.staff-feedback__field{display:flex;flex-direction:column;gap:8px}.staff-feedback__field label{font-size:.875rem;font-weight:500;color:var(--staff-text, #1e293b)}.staff-feedback__field textarea{padding:12px;border:1px solid var(--staff-border, #e2e8f0);border-radius:8px;font-size:.9375rem;resize:none;font-family:inherit}.staff-feedback__field textarea:focus{outline:none;border-color:var(--staff-primary, #6366f1);box-shadow:0 0 0 3px #6366f11a}.staff-feedback__priority-options{display:flex;gap:8px;flex-wrap:wrap}.staff-feedback__priority-btn{padding:8px 16px;border:2px solid var(--priority-color);border-radius:20px;background:#fff;color:var(--priority-color);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.staff-feedback__priority-btn.active{background:var(--priority-color);color:#fff}.staff-feedback__checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer}.staff-feedback__checkbox-label input{width:20px;height:20px;accent-color:var(--staff-primary, #6366f1)}.staff-feedback__checkbox-label span{font-size:.9375rem;color:var(--staff-text, #1e293b)}.staff-feedback__actions{display:flex;gap:12px;padding-top:12px;border-top:1px solid var(--staff-border, #e2e8f0)}.staff-feedback__btn{flex:1;padding:14px;border:none;border-radius:10px;font-size:1rem;font-weight:500;cursor:pointer;transition:opacity .2s}.staff-feedback__btn:disabled{opacity:.6;cursor:not-allowed}.staff-feedback__btn--secondary{background:var(--staff-bg, #f1f5f9);color:var(--staff-text, #1e293b)}.staff-feedback__btn--primary{background:var(--staff-primary, #6366f1);color:#fff}.staff-session{display:flex;flex-direction:column;gap:16px;padding-bottom:100px}.staff-session__loading,.staff-session__error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;text-align:center}.staff-session__spinner{width:32px;height:32px;border:3px solid var(--staff-border, #e2e8f0);border-top-color:var(--staff-primary, #6366f1);border-radius:50%;animation:staff-spin .8s linear infinite}.staff-session__header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.staff-session__back{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--staff-surface, #ffffff);border:1px solid var(--staff-border, #e2e8f0);border-radius:8px;cursor:pointer}.staff-session__back svg{width:20px;height:20px;color:var(--staff-text, #1e293b)}.staff-session__header h1{font-size:1.125rem;font-weight:600;margin:0;color:var(--staff-text, #1e293b)}.staff-session__info{background:var(--staff-surface, #ffffff);border-radius:12px;padding:16px;box-shadow:0 1px 3px #0000001a}.staff-session__info h2{font-size:1rem;font-weight:600;margin:0 0 4px;color:var(--staff-text, #1e293b)}.staff-session__info p{font-size:.875rem;color:var(--staff-text-secondary, #64748b);margin:0}.staff-session__stats{display:flex;gap:12px}.staff-session__stat{flex:1;display:flex;flex-direction:column;align-items:center;background:var(--staff-surface, #ffffff);border-radius:8px;padding:12px;box-shadow:0 1px 3px #0000001a}.staff-session__stat-value{font-size:1.25rem;font-weight:700;color:var(--staff-text, #1e293b)}.staff-session__stat--success .staff-session__stat-value{color:var(--staff-success, #22c55e)}.staff-session__stat--danger .staff-session__stat-value{color:var(--staff-danger, #ef4444)}.staff-session__stat-label{font-size:.75rem;color:var(--staff-text-secondary, #64748b)}.staff-session__list{background:var(--staff-surface, #ffffff);border-radius:12px;padding:16px;box-shadow:0 1px 3px #0000001a}.staff-session__list h3{font-size:.875rem;font-weight:600;margin:0 0 12px;color:var(--staff-text, #1e293b)}.staff-session__empty{text-align:center;padding:24px;color:var(--staff-text-secondary, #64748b)}.staff-session__participants{display:flex;flex-direction:column;gap:8px}.staff-session__participant{display:flex;align-items:center;justify-content:space-between;padding:12px;background:var(--staff-bg, #f8fafc);border-radius:8px}.staff-session__participant-info{display:flex;align-items:center;gap:12px;cursor:pointer;flex:1}.staff-session__participant-avatar{width:40px;height:40px;background:var(--staff-primary, #6366f1);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1rem}.staff-session__participant-details{display:flex;flex-direction:column}.staff-session__participant-name{font-size:.9375rem;font-weight:500;color:var(--staff-text, #1e293b)}.staff-session__participant-package{font-size:.8125rem;color:var(--staff-text-secondary, #64748b)}.staff-session__badge{display:inline-block;margin-left:6px;padding:1px 6px;border-radius:4px;font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.staff-session__badge--trial{background:var(--color-info-light);color:var(--color-info-dark)}.staff-session__badge--first{background:var(--color-success-light);color:var(--color-success-dark)}.staff-session__low-session{color:var(--color-error-dark);font-weight:500}.staff-session__participant-actions{display:flex;gap:8px}.staff-session__action-btn{width:40px;height:40px;border:2px solid var(--staff-border, #e2e8f0);border-radius:8px;background:var(--staff-surface, #ffffff);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.staff-session__action-btn svg{width:20px;height:20px}.staff-session__action-btn--present svg{color:var(--staff-success, #22c55e)}.staff-session__action-btn--absent svg{color:var(--staff-danger, #ef4444)}.staff-session__action-btn--present.active{background:var(--staff-success, #22c55e);border-color:var(--staff-success, #22c55e)}.staff-session__action-btn--present.active svg{color:#fff}.staff-session__action-btn--absent.active{background:var(--staff-danger, #ef4444);border-color:var(--staff-danger, #ef4444)}.staff-session__action-btn--absent.active svg{color:#fff}.staff-session__action-btn--feedback{border-color:var(--color-warning-accent)}.staff-session__action-btn--feedback svg{color:var(--color-warning-accent)}.staff-session__action-btn--feedback:hover{background:var(--color-warning-accent);border-color:var(--color-warning-accent)}.staff-session__action-btn--feedback:hover svg{color:#fff}.staff-session__actions{display:flex;gap:12px;margin-top:8px}.staff-session__btn{flex:1;padding:14px 16px;border-radius:8px;font-size:.9375rem;font-weight:500;cursor:pointer;border:none;transition:all .2s ease}.staff-session__btn--primary{background:var(--staff-primary, #6366f1);color:#fff}.staff-session__btn--primary:hover{background:var(--staff-primary-dark, #4f46e5)}.staff-session__btn--secondary{background:var(--staff-surface, #ffffff);color:var(--staff-text, #1e293b);border:1px solid var(--staff-border, #e2e8f0)}.staff-session__btn--outline{background:transparent;color:var(--staff-primary, #6366f1);border:1px solid var(--staff-primary, #6366f1)}.staff-session__btn:disabled{opacity:.6;cursor:not-allowed}.staff-session__notes{background:var(--staff-surface, #ffffff);border-radius:12px;padding:16px;box-shadow:0 1px 3px #0000001a}.staff-session__notes h3{font-size:.875rem;font-weight:600;margin:0 0 12px;color:var(--staff-text, #1e293b)}.staff-session__notes textarea{width:100%;padding:12px;border:1px solid var(--staff-border, #e2e8f0);border-radius:8px;font-size:.875rem;resize:vertical;font-family:inherit;margin-bottom:12px}.staff-session__notes textarea:focus{outline:none;border-color:var(--staff-primary, #6366f1)}.staff-session__qr-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.staff-session__qr-modal{background:var(--staff-surface, #ffffff);border-radius:12px;padding:24px;text-align:center;max-width:320px;width:90%}.staff-session__qr-modal h3{margin:0 0 12px}.staff-session__qr-modal button{margin-top:16px;padding:10px 20px;background:var(--staff-primary, #6366f1);color:#fff;border:none;border-radius:6px;cursor:pointer}@keyframes staff-spin{to{transform:rotate(360deg)}}.staff-notifications{display:flex;flex-direction:column;height:100vh;background-color:var(--bg-secondary)}.staff-notifications__header{display:flex;align-items:center;justify-content:space-between;padding:1rem;background-color:var(--bg-primary);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:10}.staff-notifications__header h2{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0}.back-button{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text-primary);cursor:pointer}.back-button svg{width:24px;height:24px}.read-all-button{font-size:.875rem;color:var(--primary-color);background:none;border:none;font-weight:500;cursor:pointer}.staff-notifications__content{flex:1;overflow-y:auto;padding:1rem}.notification-list{display:flex;flex-direction:column;gap:.75rem}.notification-item{display:flex;gap:1rem;padding:1rem;background-color:var(--bg-primary);border-radius:12px;border:1px solid var(--border-color);cursor:pointer;position:relative;transition:transform .2s,box-shadow .2s}.notification-item:active{transform:scale(.98)}.notification-item--unread{background-color:var(--primary-light);border-color:var(--primary-color-alpha)}.notification-item__icon{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:var(--bg-secondary);border-radius:50%}.notification-item__icon svg{width:20px;height:20px}.notification-item__content{flex:1;min-width:0}.notification-item__header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.25rem}.notification-item__title{font-size:.9375rem;font-weight:600;color:var(--text-primary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notification-item__time{font-size:.75rem;color:var(--text-tertiary);flex-shrink:0;margin-left:.5rem}.notification-item__message{font-size:.875rem;color:var(--text-secondary);margin:0;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4}.notification-item__badge{position:absolute;top:1rem;right:1rem;width:8px;height:8px;background-color:var(--primary-color);border-radius:50%}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-tertiary);text-align:center;padding:2rem}.empty-icon{width:64px;height:64px;margin-bottom:1rem;color:var(--text-tertiary);opacity:.5}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-tertiary)}.spinner{width:32px;height:32px;border:3px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.staff-reports{min-height:100vh;background:linear-gradient(135deg,var(--color-gray-900) 0%,var(--color-gray-800) 100%);padding-bottom:80px}.staff-reports__loading,.staff-reports__error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;color:#fff;gap:16px}.staff-reports__spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.2);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}.staff-reports__error button{padding:12px 24px;background:var(--color-primary);color:#fff;border:none;border-radius:8px;cursor:pointer}.staff-reports__header{padding:20px 16px;display:flex;flex-direction:column;gap:16px}.staff-reports__header h1{color:#fff;font-size:24px;font-weight:700;margin:0}.staff-reports__period-selector{display:flex;gap:8px;background:#ffffff1a;padding:4px;border-radius:12px}.staff-reports__period-btn{flex:1;padding:10px 12px;background:transparent;border:none;color:#fff9;font-size:14px;font-weight:500;border-radius:8px;cursor:pointer;transition:all .2s}.staff-reports__period-btn.active{background:var(--color-primary);color:#fff}.staff-reports__tabs{display:flex;padding:0 16px;gap:8px;border-bottom:1px solid rgba(255,255,255,.1)}.staff-reports__tab{flex:1;padding:14px 8px;background:transparent;border:none;color:#ffffff80;font-size:14px;font-weight:500;cursor:pointer;position:relative;transition:color .2s}.staff-reports__tab.active{color:#fff}.staff-reports__tab.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--color-primary);border-radius:1px 1px 0 0}.staff-reports__content{padding:16px}.staff-reports__stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:16px}.staff-reports__stat-card{background:#ffffff1a;border-radius:12px;padding:16px;text-align:center}.staff-reports__stat-value{display:block;font-size:24px;font-weight:700;color:#fff}.staff-reports__stat-label{display:block;font-size:12px;color:#fff9;margin-top:4px}.stat-card--blue{border-left:3px solid var(--color-info)}.stat-card--green{border-left:3px solid var(--color-success)}.stat-card--purple{border-left:3px solid var(--color-accent)}.stat-card--yellow{border-left:3px solid var(--color-warning)}.stat-card--red{border-left:3px solid var(--color-error)}.staff-reports__card{background:#ffffff0d;border-radius:16px;padding:16px;margin-bottom:16px}.staff-reports__card h3{color:#fff;font-size:16px;font-weight:600;margin:0 0 16px}.staff-reports__big-number{font-size:48px;font-weight:700;color:var(--color-primary);text-align:center}.staff-reports__unit{font-size:16px;color:#ffffff80;margin-left:8px}.staff-reports__trend{display:flex;align-items:flex-end;justify-content:space-between;height:100px;gap:8px}.staff-reports__trend-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px}.staff-reports__trend-bar{width:100%;background:linear-gradient(to top,var(--color-primary),var(--color-accent));border-radius:4px 4px 0 0;min-height:4px}.staff-reports__trend-label{font-size:10px;color:#ffffff80}.staff-reports__risk-bars{display:flex;flex-direction:column;gap:12px}.staff-reports__risk-bar-item{display:flex;align-items:center;gap:12px}.staff-reports__risk-label{width:60px;font-size:12px;color:#fff9}.staff-reports__risk-bar-container{flex:1;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.staff-reports__risk-bar{height:100%;border-radius:4px;transition:width .3s}.risk-bar--green{background:var(--color-success)}.risk-bar--yellow,.risk-bar--orange{background:var(--color-warning)}.risk-bar--red{background:var(--color-error)}.staff-reports__risk-value{width:30px;font-size:14px;color:#fff;text-align:right}.staff-reports__student-list{display:flex;flex-direction:column;gap:8px}.staff-reports__student-item{display:flex;align-items:center;gap:12px;padding:12px;background:#ffffff0d;border-radius:12px}.staff-reports__student-avatar{width:40px;height:40px;background:linear-gradient(135deg,var(--color-primary),var(--color-accent));border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600}.staff-reports__student-info{flex:1;display:flex;flex-direction:column;gap:4px}.staff-reports__student-name{color:#fff;font-size:14px;font-weight:500}.staff-reports__student-risk{font-size:10px;padding:2px 6px;border-radius:4px;width:-moz-fit-content;width:fit-content}.risk--low{background:#10b98133;color:var(--color-success)}.risk--medium{background:#f59e0b33;color:var(--color-warning)}.risk--high{background:#f9731633;color:var(--color-warning)}.risk--critical{background:#ef444433;color:var(--color-error)}.risk--unknown{background:#9ca3af33;color:var(--color-gray-400)}.staff-reports__student-rate{font-size:14px;font-weight:600;color:var(--color-success)}.staff-reports__hourly{display:flex;flex-direction:column;gap:8px}.staff-reports__hourly-item{display:flex;align-items:center;gap:12px}.staff-reports__hourly-time{width:50px;font-size:12px;color:#fff9}.staff-reports__hourly-bar-container{flex:1;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.staff-reports__hourly-bar{height:100%;background:linear-gradient(to right,var(--color-primary),var(--color-accent));border-radius:4px}.staff-reports__hourly-count{width:30px;font-size:12px;color:#fff;text-align:right}.staff-reports__session-list{display:flex;flex-direction:column;gap:8px}.staff-reports__session-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#ffffff0d;border-radius:12px}.staff-reports__session-info{display:flex;flex-direction:column;gap:4px}.staff-reports__session-name{color:#fff;font-size:14px;font-weight:500}.staff-reports__session-date{font-size:12px;color:#ffffff80}.staff-reports__session-stats{display:flex;align-items:center;gap:8px}.staff-reports__session-enrollment{font-size:12px;color:#fff9}.staff-reports__session-status{font-size:10px;padding:4px 8px;border-radius:4px;text-transform:uppercase}.status--completed{background:#10b98133;color:var(--color-success)}.status--scheduled{background:#3b82f633;color:var(--color-info)}.status--cancelled{background:#ef444433;color:var(--color-error)}.status--active{background:#f59e0b33;color:var(--color-warning)}.staff-reports__empty{text-align:center;padding:40px 20px;color:#ffffff80}@media (max-width: 360px){.staff-reports__stats-grid{grid-template-columns:1fr}.staff-reports__big-number{font-size:36px}.staff-reports__header h1{font-size:20px}.staff-reports__period-btn{padding:8px;font-size:12px}}:root{--color-primary: #6366f1;--color-primary-light: #818cf8;--color-primary-dark: #4f46e5;--color-primary-50: #eef2ff;--color-primary-100: #e0e7ff;--color-primary-500: #6366f1;--color-primary-600: #4f46e5;--color-primary-700: #4338ca;--color-secondary: #06b6d4;--color-secondary-light: #22d3ee;--color-secondary-dark: #0891b2;--color-accent: #8b5cf6;--color-accent-light: #a78bfa;--color-accent-dark: #7c3aed;--color-gray-50: #f8fafc;--color-gray-100: #f1f5f9;--color-gray-200: #e2e8f0;--color-gray-300: #cbd5e1;--color-gray-400: #94a3b8;--color-gray-500: #64748b;--color-gray-600: #475569;--color-gray-700: #334155;--color-gray-800: #1e293b;--color-gray-900: #0f172a;--color-gray-950: #020617;--color-success: #10b981;--color-success-light: #d1fae5;--color-success-lighter: #ecfdf5;--color-success-dark: #059669;--color-success-accent: #34d399;--color-warning: #f59e0b;--color-warning-light: #fef3c7;--color-warning-lighter: #fffbeb;--color-warning-dark: #d97706;--color-warning-accent: #fbbf24;--color-error: #ef4444;--color-error-light: #fee2e2;--color-error-lighter: #fef2f2;--color-error-dark: #dc2626;--color-error-accent: #f87171;--color-info: #3b82f6;--color-info-light: #dbeafe;--color-info-lighter: #eff6ff;--color-info-dark: #2563eb;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "SF Mono", "Fira Code", monospace;--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: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-md: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-lg: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--shadow-xl: 0 25px 50px -12px rgb(0 0 0 / .25);--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .35);--shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / .05);--shadow-primary: 0 4px 14px 0 rgb(99 102 241 / .25);--shadow-success: 0 4px 14px 0 rgb(16 185 129 / .25);--shadow-error: 0 4px 14px 0 rgb(239 68 68 / .25);--radius-sm: .375rem;--radius: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-2xl: 2rem;--radius-3xl: 2.5rem;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--transition-bounce: .5s cubic-bezier(.34, 1.56, .64, 1);--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}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}html,body{width:100%;min-height:100vh;height:auto;overflow-x:hidden;overflow-y:visible;font-family:var(--font-family);font-size:16px;line-height:1.5;color:var(--color-gray-700);background-color:var(--color-gray-50)}#root{width:100%;max-width:100vw;min-height:100vh;height:auto;overflow-y:auto;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;color:var(--color-gray-900);letter-spacing:-.025em}h1{font-size:2.25rem;margin-bottom:1rem}h2{font-size:1.875rem;margin-bottom:.875rem}h3{font-size:1.5rem;margin-bottom:.75rem;font-weight:600}h4{font-size:1.25rem;margin-bottom:.5rem;font-weight:600}h5{font-size:1rem;margin-bottom:.5rem;font-weight:600}h6{font-size:.875rem;margin-bottom:.5rem;font-weight:600}p{margin-bottom:1rem;line-height:1.7;color:var(--color-gray-600)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-dark)}.page-title{font-size:1.75rem;font-weight:700;color:var(--color-gray-900);margin-bottom:1.5rem;letter-spacing:-.025em}.page-subtitle{font-size:1.125rem;font-weight:600;color:var(--color-gray-800);margin-bottom:1rem}button,.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;font-family:var(--font-family);font-size:.875rem;font-weight:600;line-height:1.25;border-radius:var(--radius-md);border:none;cursor:pointer;transition:all var(--transition);white-space:nowrap;text-decoration:none}button:disabled,.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-accent) 100%);color:#fff;box-shadow:var(--shadow-sm),var(--shadow-primary)}.btn-primary:hover{transform:translateY(-1px);box-shadow:var(--shadow-md),0 8px 20px -4px #6366f166}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:#fff;color:var(--color-gray-700);border:1px solid var(--color-gray-200);box-shadow:var(--shadow-xs)}.btn-secondary:hover{background:var(--color-gray-50);border-color:var(--color-gray-300);box-shadow:var(--shadow-sm)}.btn-outline{background:transparent;color:var(--color-primary);border:2px solid var(--color-primary)}.btn-outline:hover{background:var(--color-primary);color:#fff}.btn-ghost{background:transparent;color:var(--color-gray-600)}.btn-ghost:hover{background:var(--color-gray-100);color:var(--color-gray-900)}.btn-success{background:linear-gradient(135deg,var(--color-success) 0%,var(--color-success-accent) 100%);color:#fff;box-shadow:var(--shadow-sm),var(--shadow-success)}.btn-success:hover{transform:translateY(-1px);box-shadow:var(--shadow-md),0 8px 20px -4px #10b98166}.btn-danger{background:linear-gradient(135deg,var(--color-error) 0%,var(--color-error-accent) 100%);color:#fff;box-shadow:var(--shadow-sm),var(--shadow-error)}.btn-danger:hover{transform:translateY(-1px);box-shadow:var(--shadow-md),0 8px 20px -4px #ef444466}.btn-sm{padding:.375rem .875rem;font-size:.75rem;border-radius:var(--radius)}.btn-lg{padding:.875rem 1.75rem;font-size:1rem;border-radius:var(--radius-lg)}.btn-icon{padding:.625rem;border-radius:var(--radius-md)}input,select,textarea{width:100%;padding:.75rem 1rem;font-family:var(--font-family);font-size:.875rem;line-height:1.5;color:var(--color-gray-900);background-color:#fff;border:1px solid var(--color-gray-200);border-radius:var(--radius-md);transition:all var(--transition-fast);box-shadow:var(--shadow-xs)}input::-moz-placeholder,textarea::-moz-placeholder{color:var(--color-gray-400)}input::placeholder,textarea::placeholder{color:var(--color-gray-400)}input:hover,select:hover,textarea:hover{border-color:var(--color-gray-300)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f126,var(--shadow-xs)}input.error,select.error,textarea.error{border-color:var(--color-error)}input.error:focus,select.error:focus,textarea.error:focus{box-shadow:0 0 0 3px #ef444426}label,.form-label{display:block;font-size:.875rem;font-weight:600;color:var(--color-gray-700);margin-bottom:.5rem}.required{color:var(--color-error);margin-left:2px}.form-group{margin-bottom:1.5rem}.form-help{margin-top:.375rem;font-size:.75rem;color:var(--color-gray-500)}.form-error{margin-top:.375rem;font-size:.75rem;color:var(--color-error);display:flex;align-items:center;gap:.25rem}.input-with-icon{position:relative}.input-with-icon input{padding-left:2.75rem}.input-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);width:1.25rem;height:1.25rem;color:var(--color-gray-400);pointer-events:none}input[type=checkbox],input[type=radio]{width:1.125rem;height:1.125rem;accent-color:var(--color-primary);cursor:pointer}select{-webkit-appearance:none;-moz-appearance:none;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 9l-7 7-7-7'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:1.25rem;padding-right:2.5rem}.date-input-wrapper{position:relative;display:flex;flex-direction:column;gap:.25rem}.date-input-wrapper .date-input{width:100%}.date-input-formatted{font-size:.75rem;color:var(--color-gray-500);font-weight:500;padding-left:.25rem}.date-input-wrapper:focus-within .date-input-formatted{color:var(--color-primary)}.card{background:#fff;border-radius:var(--radius-lg);border:1px solid var(--color-gray-100);box-shadow:var(--shadow-sm);padding:1.5rem;transition:all var(--transition)}.card:hover{box-shadow:var(--shadow-md);border-color:var(--color-gray-200)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--color-gray-100)}.card-title{font-size:1.125rem;font-weight:600;color:var(--color-gray-900);margin:0}.card-body{padding:0}.card-footer{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--color-gray-100)}.stat-card{background:#fff;border-radius:var(--radius-lg);padding:1.25rem;border:1px solid var(--color-gray-100);box-shadow:var(--shadow-sm);transition:all var(--transition);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-card-primary:before{background:linear-gradient(90deg,var(--color-primary),var(--color-accent))}.stat-card-secondary:before{background:linear-gradient(90deg,var(--color-secondary),var(--color-secondary-light))}.stat-card-success:before{background:linear-gradient(90deg,var(--color-success),var(--color-success-accent))}.stat-card-warning:before{background:linear-gradient(90deg,var(--color-warning),var(--color-warning-accent))}.stat-card-danger:before{background:linear-gradient(90deg,var(--color-error),var(--color-error-accent))}.needs-attendance{animation:pulse-border 2s ease-in-out infinite}@keyframes pulse-border{0%,to{border-color:var(--color-error)}50%{border-color:#ef44444d}}table{width:100%;border-collapse:separate;border-spacing:0}thead{background:var(--color-gray-50)}th{padding:.875rem 1rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-gray-500);text-align:left;border-bottom:1px solid var(--color-gray-200)}td{padding:1rem;font-size:.875rem;color:var(--color-gray-700);border-bottom:1px solid var(--color-gray-100);vertical-align:middle}tbody tr{transition:background-color var(--transition-fast)}tbody tr:hover{background-color:var(--color-gray-50)}.badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .625rem;font-size:.75rem;font-weight:600;border-radius:var(--radius-full);white-space:nowrap}.badge-primary{background:var(--color-primary-50);color:var(--color-primary-700)}.badge-success{background:var(--color-success-light);color:var(--color-success-dark)}.badge-warning{background:var(--color-warning-light);color:var(--color-warning-dark)}.badge-error,.badge-danger{background:var(--color-error-light);color:var(--color-error-dark)}.badge-info{background:var(--color-info-light);color:var(--color-info-dark)}.badge-muted{background:var(--color-gray-100);color:var(--color-gray-600)}.alert{display:flex;align-items:flex-start;gap:.75rem;padding:1rem 1.25rem;border-radius:var(--radius-lg);margin-bottom:1rem;border:1px solid}.alert-icon{flex-shrink:0;width:1.25rem;height:1.25rem}.alert-success{background:var(--color-success-light);border-color:#10b98133;color:var(--color-success-dark)}.alert-warning{background:var(--color-warning-light);border-color:#f59e0b33;color:var(--color-warning-dark)}.alert-error{background:var(--color-error-light);border-color:#ef444433;color:var(--color-error-dark)}.alert-info{background:var(--color-info-light);border-color:#3b82f633;color:var(--color-info-dark)}.modal-backdrop{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;animation:fadeIn .2s ease-out}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-width:90vw;max-height:90vh;overflow:hidden;z-index:51;animation:modalSlideIn .3s ease-out}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--color-gray-100)}.modal-title{font-size:1.125rem;font-weight:600;color:var(--color-gray-900);margin:0}.modal-close{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:var(--radius);color:var(--color-gray-400);transition:all var(--transition-fast)}.modal-close:hover{background:var(--color-gray-100);color:var(--color-gray-600)}.modal-body{padding:1.5rem;overflow-y:auto;max-height:calc(90vh - 140px)}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid var(--color-gray-100);background:var(--color-gray-50)}@keyframes modalSlideIn{0%{opacity:0;transform:translate(-50%,-48%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.form-section{background:#fff;border:1px solid var(--color-gray-100);border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:1.5rem;box-shadow:var(--shadow-xs)}.form-section-title{font-size:1rem;font-weight:600;color:var(--color-gray-900);margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:1px solid var(--color-gray-100);display:flex;align-items:center;gap:.5rem}.form-section-title:before{content:"";width:4px;height:1.25rem;background:linear-gradient(180deg,var(--color-primary),var(--color-accent));border-radius:2px}.form-row{display:flex;flex-wrap:wrap;gap:1rem}.form-col-half{flex:1 1 calc(50% - .5rem);min-width:200px}.form-col-third{flex:1 1 calc(33.333% - .666rem);min-width:180px}.form-col-full{flex:1 1 100%}.form-actions{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--color-gray-100)}.sticky-actions{position:sticky;bottom:0;background:#fff;padding:1rem 1.5rem;margin:0 -1.5rem -1.5rem;border-top:1px solid var(--color-gray-100);box-shadow:0 -4px 6px -1px #0000000d}.spinner{width:2rem;height:2rem;border:3px solid var(--color-gray-200);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}.spinner-sm{width:1.25rem;height:1.25rem;border-width:2px}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{background:linear-gradient(90deg,var(--color-gray-200) 25%,var(--color-gray-100) 50%,var(--color-gray-200) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:var(--radius)}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.text-primary{color:var(--color-primary)}.text-secondary{color:var(--color-secondary)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-error{color:var(--color-error)}.text-info{color:var(--color-info)}.text-muted{color:var(--color-gray-500)}.bg-primary{background-color:var(--color-primary)}.bg-success{background-color:var(--color-success)}.bg-warning{background-color:var(--color-warning)}.bg-error{background-color:var(--color-error)}.bg-info{background-color:var(--color-info)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow{box-shadow:var(--shadow)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-2xl{box-shadow:var(--shadow-2xl)}.shadow-inner{box-shadow:var(--shadow-inner)}.rounded-sm{border-radius:var(--radius-sm)}.rounded{border-radius:var(--radius)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-full{border-radius:var(--radius-full)}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 1rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.fade-in{animation:fadeIn var(--transition-slow) ease-out}.fade-in-up{animation:fadeInUp var(--transition-slow) ease-out}.fade-in-down{animation:fadeInDown var(--transition-slow) ease-out}.scale-in{animation:scaleIn var(--transition-slow) ease-out}.slide-in-right{animation:slideInRight var(--transition-slow) ease-out}.hover-lift{transition:transform var(--transition),box-shadow var(--transition)}.hover-lift:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.hover-glow:hover{box-shadow:0 0 20px #6366f14d}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-gray-100);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}button:focus-visible,.btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media print{.no-print,.sidebar,.mobile-bottom-nav,nav,button:not(.print-visible),.report-filters,.report-export-dropdown{display:none!important}body{background:#fff!important;color:#000!important;font-size:12pt;line-height:1.4}.card,.stat-card{box-shadow:none!important;border:1px solid var(--color-gray-300);-moz-column-break-inside:avoid;break-inside:avoid;page-break-inside:avoid}.print-header{display:block!important;text-align:center;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid var(--color-gray-700)}.print-header img{max-height:60px;margin-bottom:10px}.print-header h1{font-size:18pt;font-weight:700;margin:0}.print-header .print-date{font-size:10pt;color:var(--color-gray-500);margin-top:5px}@page{size:A4;margin:15mm}table{width:100%!important;border-collapse:collapse;font-size:10pt}th,td{border:1px solid var(--color-gray-300);padding:6px 8px}th{background-color:var(--color-gray-100)!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.chart-container{-moz-column-break-inside:avoid;break-inside:avoid;page-break-inside:avoid}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes slideOutLeft{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-100%)}}.animate-slide-in-left{animation:slideInLeft .25s ease-out forwards}.animate-slide-out-left{animation:slideOutLeft .2s ease-in forwards}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-slide-in-up{animation:slideInUp .3s ease-out forwards}@media (max-width: 768px){button,.btn,a.btn{min-height:44px}.btn-sm{min-height:38px;padding:.5rem 1rem}.btn-mobile-full{width:100%}.form-row{flex-direction:column}.p-6{padding:1rem}.card{border-radius:var(--radius-md)}.modal{width:95vw;max-height:85vh;border-radius:var(--radius-lg)}.table-container{position:relative}.table-container:after{content:"";position:absolute;top:0;right:0;bottom:0;width:30px;background:linear-gradient(90deg,transparent,white);pointer-events:none;opacity:.9}.hide-mobile{display:none!important}.page-title{font-size:1.375rem}.page-subtitle{font-size:1rem}footer{padding:1rem;font-size:.75rem}}@media (min-width: 769px){.show-mobile-only{display:none!important}}@media (min-width: 768px) and (max-width: 1024px){.container{padding-left:1.5rem;padding-right:1.5rem}}@media (hover: none) and (pointer: coarse){.hover-lift:hover{transform:none}.btn:active,button:active{transform:scale(.98);opacity:.9}::-webkit-scrollbar{width:12px;height:12px}}@supports (padding-bottom: env(safe-area-inset-bottom)){.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom)}.safe-area-top{padding-top:env(safe-area-inset-top)}}@media (max-width: 640px){.stats-grid{grid-template-columns:1fr;gap:.75rem}.dashboard-grid{grid-template-columns:1fr}}@media (min-width: 641px) and (max-width: 768px){.stats-grid{grid-template-columns:repeat(2,1fr);gap:1rem}}.mobile-bottom-nav{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--color-gray-200);padding:.5rem;padding-bottom:max(.5rem,env(safe-area-inset-bottom));display:flex;justify-content:space-around;z-index:40}.mobile-bottom-nav a,.mobile-bottom-nav button{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.5rem 1rem;font-size:.625rem;color:var(--color-gray-500);text-decoration:none;transition:color var(--transition-fast)}.mobile-bottom-nav a.active,.mobile-bottom-nav button.active{color:var(--color-primary)}.overlay-backdrop{background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.fab-container{position:fixed;z-index:45}.fab-button{width:56px;height:56px;border-radius:1rem;display:flex;align-items:center;justify-content:center;transition:all var(--transition)}.fab-button:active{transform:scale(.9)}.pull-indicator{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#fff;box-shadow:var(--shadow-lg)}.mobile-card{background:#fff;border-radius:var(--radius-xl);border:1px solid var(--color-gray-100);box-shadow:var(--shadow-sm);padding:1rem;transition:all var(--transition-fast)}.mobile-card:active{transform:scale(.98);box-shadow:var(--shadow)}.status-badge{padding:.25rem .75rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:600}.status-badge-success{background:var(--color-success-light);color:var(--color-success-dark)}.status-badge-warning{background:var(--color-warning-light);color:var(--color-warning-dark)}.status-badge-error{background:var(--color-error-light);color:var(--color-error-dark)}.status-badge-info{background:var(--color-info-light);color:var(--color-info-dark)}.network-banner{position:fixed;top:64px;left:0;right:0;z-index:45;padding:.5rem 1rem;text-align:center;font-size:.875rem;font-weight:500;transition:all var(--transition)}.network-banner-online{background:linear-gradient(90deg,var(--color-success),var(--color-success-accent));color:#fff}.network-banner-offline{background:linear-gradient(90deg,var(--color-error),var(--color-error-accent));color:#fff}.skeleton-pulse{animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.touch-ripple{position:relative;overflow:hidden}.touch-ripple:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#6366f14d;border-radius:50%;transform:translate(-50%,-50%);transition:width .3s ease,height .3s ease,opacity .3s ease;opacity:0}.touch-ripple:active:after{width:200%;height:200%;opacity:1}@supports (-webkit-overflow-scrolling: touch){.scroll-bounce{-webkit-overflow-scrolling:touch;overscroll-behavior-y:auto}}.glass-card{background:#ffffffbf;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #0000001a}@media (prefers-color-scheme: dark){.auto-dark .glass-card{background:#1e293bbf;border:1px solid rgba(255,255,255,.1)}}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-red-500{color:var(--color-error)}.text-green-500{color:var(--color-success)}.text-blue-500{color:var(--color-info)}.text-yellow-500{color:var(--color-warning)}.text-purple-500{color:var(--color-accent)}.text-indigo-500{color:var(--color-primary)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-red-50{background-color:var(--color-error-light)}.bg-blue-50{background-color:var(--color-info-light)}.bg-green-50{background-color:var(--color-success-light)}.bg-yellow-50{background-color:var(--color-warning-light)}.bg-indigo-50{background-color:var(--color-primary-50)}.border-gray-100{border-color:var(--color-gray-100)}.border-gray-200{border-color:var(--color-gray-200)}.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\:bg-gray-200:hover{background-color:var(--color-gray-200)}.hover\:text-gray-600:hover{color:var(--color-gray-600)}.hover\:text-gray-700:hover{color:var(--color-gray-700)}.hover\:text-primary-dark:hover{color:var(--color-primary-dark)}.focus\:ring-2:focus{box-shadow:0 0 0 2px var(--color-primary)}.focus\:ring-primary:focus{--tw-ring-color: var(--color-primary)}.city-select-dark button{min-height:48px!important;padding:.75rem 1rem!important;background:#ffffff1a!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:.5rem!important;color:#fff!important}.city-select-dark button:hover{border-color:#ffffff4d!important}.city-select-dark button:focus{border-color:var(--color-secondary-light)!important;box-shadow:0 0 0 2px #22d3ee4d!important}.city-select-dark button span{color:#ffffff80!important}.city-select-dark button span.text-gray-900,.city-select-dark button .truncate{color:#fff!important}.city-select-dark button svg{color:#ffffff80!important}.city-select-dark>div>div[class*=absolute]{background:#1e293bfa!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;border:1px solid rgba(255,255,255,.15)!important;box-shadow:0 25px 50px -12px #00000080!important}.city-select-dark>div>div[class*=absolute]>div:first-child{background:#ffffff0d!important;border-bottom:1px solid rgba(255,255,255,.1)!important}.city-select-dark>div>div[class*=absolute] input{background:#ffffff1a!important;border:1px solid rgba(255,255,255,.15)!important;color:#fff!important}.city-select-dark>div>div[class*=absolute] input::-moz-placeholder{color:#fff6!important}.city-select-dark>div>div[class*=absolute] input::placeholder{color:#fff6!important}.city-select-dark>div>div[class*=absolute] input:focus{border-color:var(--color-secondary-light)!important;box-shadow:0 0 0 2px #22d3ee33!important}.city-select-dark>div>div[class*=absolute] svg{color:#fff6!important}.city-select-dark>div>div[class*=absolute] ul{background:transparent!important}.city-select-dark>div>div[class*=absolute] ul li{color:#ffffffe6!important}.city-select-dark>div>div[class*=absolute] ul li:hover{background:#ffffff1a!important}.city-select-dark>div>div[class*=absolute] ul li[aria-selected=true],.city-select-dark>div>div[class*=absolute] ul li[class*=from-cyan]{background:linear-gradient(to right,#22d3ee33,#8b5cf633)!important;color:var(--color-secondary-light)!important}.city-select-dark>div>div[class*=absolute] ul li div[class*=bg-gradient]{background:linear-gradient(to right,var(--color-secondary-light),var(--color-accent))!important}.city-select-dark>div>div[class*=absolute] .text-gray-400{color:#ffffff80!important}