:root{--primary-color:#0f172a;--primary-hover:#1e293b;--secondary-color:#64748b;--accent-color:#2563eb;--accent-hover:#1d4ed8;--accent-soft:#eff6ff;--success-color:#10b981;--warning-color:#f59e0b;--danger-color:#ef4444;--info-color:#0ea5e9;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--text-light:#f8fafc;--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-tertiary:#f1f5f9;--bg-dark:#0f172a;--bg-sidebar:#fff;--bg-sidebar-hover:#f1f5f9;--border-color:#e2e8f0;--border-light:#f1f5f9;--border-dark:#cbd5e1;--card-max-width:100%;--card-width:100%;--header-card-width:100%;--form-card-width:800px;--container-padding:1.5rem;--content-max-width:1440px;--sidebar-width:280px;--sidebar-width-collapsed:72px;--topbar-height:60px;--border-radius:0.75rem;--border-radius-sm:0.5rem;--border-radius-lg:1rem;--border-radius-pill:9999px;--shadow-sm:0 1px 2px rgba(15,23,42,.04);--shadow:0 1px 3px rgba(15,23,42,.06),0 1px 2px rgba(15,23,42,.04);--shadow-lg:0 8px 24px rgba(15,23,42,.08),0 2px 6px rgba(15,23,42,.04);--shadow-xl:0 20px 40px rgba(15,23,42,.12),0 4px 12px rgba(15,23,42,.06);--shadow-focus:0 0 0 3px rgba(37,99,235,.18);--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:0.9375rem;--font-size-lg:1.0625rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--transition-fast:0.12s ease-out;--transition-base:0.2s ease-out;--transition-slow:0.32s ease-out}*{box-sizing:border-box}body,html{height:100%}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.55;background-color:var(--bg-secondary);margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv11","ss01"}body,h1,h2,h3,h4,h5,h6{color:var(--text-primary)}h1,h2,h3,h4,h5,h6{font-family:var(--font-family);font-weight:600;line-height:1.25;margin-bottom:var(--spacing-md);letter-spacing:-.01em}h1{font-size:var(--font-size-3xl)}h1,h2{letter-spacing:-.02em}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}h4{font-size:var(--font-size-lg)}h5{font-size:var(--font-size-base)}h6{font-size:var(--font-size-sm)}p{margin-bottom:var(--spacing-md);line-height:1.6}.card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-base),border-color var(--transition-base)}.card:hover{box-shadow:var(--shadow)}.card-header{background:var(--bg-primary);border-bottom:1px solid var(--border-color);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--border-radius) var(--border-radius) 0 0}.card-body{padding:var(--spacing-lg)}.card-footer{background:var(--bg-secondary);border-top:1px solid var(--border-color);padding:var(--spacing-md) var(--spacing-lg);border-radius:0 0 var(--border-radius) var(--border-radius)}.btn{font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:500;padding:.5rem .875rem;border-radius:var(--border-radius-sm);border:1px solid transparent;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast);cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;line-height:1.2}.btn:hover{box-shadow:var(--shadow-sm)}.btn:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.btn-primary{background-color:var(--accent-color);border-color:var(--accent-color);color:var(--text-light)}.btn-primary:hover{background-color:var(--accent-hover);border-color:var(--accent-hover);color:var(--text-light)}.btn-secondary{background-color:var(--bg-primary)}.btn-secondary,.btn-secondary:hover{border-color:var(--border-dark);color:var(--text-primary)}.btn-secondary:hover{background-color:var(--bg-secondary)}.btn-outline-primary{background-color:transparent;border-color:var(--border-color);color:var(--accent-color)}.btn-outline-primary:hover{background-color:var(--accent-soft);border-color:var(--accent-color);color:var(--accent-color)}.btn-outline-secondary{background-color:var(--bg-primary);border-color:var(--border-color);color:var(--text-secondary)}.btn-outline-secondary:hover{background-color:var(--bg-secondary);border-color:var(--border-dark);color:var(--text-primary)}.btn-outline-warning{background-color:transparent;border-color:var(--border-color);color:var(--warning-color)}.btn-outline-warning:hover{background-color:rgba(245,158,11,.08);border-color:var(--warning-color);color:var(--warning-color)}.btn-outline-danger{background-color:transparent;border-color:var(--border-color);color:var(--danger-color)}.btn-outline-danger:hover{background-color:rgba(239,68,68,.08);border-color:var(--danger-color);color:var(--danger-color)}.btn-success{background-color:var(--success-color);border-color:var(--success-color);color:var(--text-light)}.btn-success:hover{background-color:#059669;border-color:#059669;color:var(--text-light)}.btn-warning{background-color:var(--warning-color);border-color:var(--warning-color);color:var(--text-light)}.btn-danger{background-color:var(--danger-color);border-color:var(--danger-color);color:var(--text-light)}.btn-sm{padding:.35rem .65rem;font-size:var(--font-size-xs)}.btn-lg{padding:.75rem 1.25rem;font-size:var(--font-size-base)}.form-control,.form-select{font-family:var(--font-family);font-size:var(--font-size-sm);padding:.5rem .75rem;border:1px solid var(--border-color);border-radius:var(--border-radius-sm);background-color:var(--bg-primary);color:var(--text-primary);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);line-height:1.4}.form-control::placeholder{color:var(--text-muted)}.form-control:focus,.form-select:focus{border-color:var(--accent-color);box-shadow:var(--shadow-focus);outline:none}.form-control.is-invalid{border-color:var(--danger-color)}.form-control.is-valid{border-color:var(--success-color)}.form-label{font-size:var(--font-size-sm);font-weight:500;margin-bottom:var(--spacing-xs)}.invalid-feedback{font-family:var(--font-family);font-size:var(--font-size-xs);color:var(--danger-color);margin-top:var(--spacing-xs);display:block!important;padding:2px 0}.alert{padding:var(--spacing-md);border-radius:var(--border-radius-sm);border:1px solid transparent;margin-bottom:var(--spacing-md)}.alert-primary{background-color:var(--accent-soft);border-color:rgba(37,99,235,.2);color:var(--accent-hover)}.alert-success{background-color:#ecfdf5;border-color:rgba(16,185,129,.2);color:#047857}.alert-warning{background-color:#fffbeb;border-color:rgba(245,158,11,.25);color:#b45309}.alert-danger{background-color:#fef2f2;border-color:rgba(239,68,68,.2);color:#b91c1c}.alert-info{background-color:#f0f9ff;border-color:rgba(14,165,233,.2);color:#0369a1}.table{font-family:var(--font-family);font-size:var(--font-size-sm);background-color:var(--bg-primary);border-radius:var(--border-radius);overflow:hidden;box-shadow:none;margin-bottom:0}.table th{background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);font-weight:600;color:var(--text-secondary);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.04em}.table td,.table th{padding:var(--spacing-sm) var(--spacing-md)}.table td{border-bottom:1px solid var(--border-light);vertical-align:middle;color:var(--text-primary)}.table tbody tr:hover{background-color:var(--bg-secondary)}.table thead.table-dark th,.table.table-dark thead th{background-color:var(--bg-secondary);color:var(--text-secondary);border-bottom:1px solid var(--border-color)}.table-striped>tbody>tr:nth-of-type(odd)>*{background-color:var(--bg-secondary);color:var(--text-primary)}.badge{font-family:var(--font-family);font-weight:500;padding:.3em .65em;font-size:.78em;letter-spacing:.01em}.badge,.badge.bg-primary{border-radius:var(--border-radius-sm)}.badge.bg-primary{background-color:var(--primary-color)!important;color:var(--text-light)}.badge.bg-success{background-color:#dcfce7!important;color:#15803d!important;border:1px solid #86efac}.badge.bg-secondary{background-color:var(--bg-tertiary)!important;color:var(--text-secondary)!important}.nav-tabs{border-bottom:1px solid var(--border-color);font-family:var(--font-family)}.nav-tabs .nav-link{font-size:var(--font-size-sm);font-weight:500;padding:var(--spacing-md) var(--spacing-lg)}.spinner-border{border-top:2px solid var(--border-light);border:2px solid var(--border-light);border-top-color:var(--accent-color);border-radius:50%;animation:spin .8s linear infinite}.spinner-border-sm{width:1rem;height:1rem;border-width:1.5px}.dropdown{position:relative}.dropdown-menu{border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-lg);padding:var(--spacing-xs);font-family:var(--font-family);font-size:var(--font-size-sm);position:absolute;top:100%;left:0;z-index:1000;min-width:12rem;background-color:var(--bg-primary)}.dropdown-menu-end{right:0;left:auto}.dropdown-item{border-radius:var(--border-radius-sm);padding:.5rem .75rem;color:var(--text-primary);transition:background-color var(--transition-fast)}.dropdown-item:focus,.dropdown-item:hover{background-color:var(--bg-secondary);color:var(--text-primary)}.dropdown-divider{border-top:1px solid var(--border-light);margin:var(--spacing-xs) 0}.text-primary{color:var(--accent-color)!important}.text-secondary{color:var(--text-secondary)!important}.text-muted{color:var(--text-muted)!important}.text-success{color:var(--success-color)!important}.text-warning{color:var(--warning-color)!important}.text-danger{color:var(--danger-color)!important}.text-info{color:var(--info-color)!important}.text-dark{color:var(--text-primary)!important}.bg-primary{background-color:var(--accent-color)!important}.bg-secondary{background-color:var(--bg-secondary)!important}.bg-light{background-color:var(--bg-tertiary)!important}.bg-dark{background-color:var(--bg-dark)!important}.border{border:1px solid var(--border-color)!important}.border-2{border:2px solid var(--border-color)!important}.border-top{border-top:1px solid var(--border-color)!important}.border-bottom{border-bottom:1px solid var(--border-color)!important}.shadow-sm{box-shadow:var(--shadow-sm)!important}.shadow{box-shadow:var(--shadow)!important}.shadow-lg{box-shadow:var(--shadow-lg)!important}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{transform:translateX(-20px);opacity:0}to{transform:translateX(0);opacity:1}}.fade-in{animation:fadeIn .3s ease-out}.slide-in{animation:slideIn .3s ease-out}.emoji{font-size:1.1rem;margin:0 .2rem;display:inline-block}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--border-radius-pill);border:2px solid var(--bg-secondary)}::-webkit-scrollbar-thumb:hover{background:var(--border-dark)}@media (max-width:768px){:root{--container-padding:1rem;--spacing-lg:1rem;--spacing-xl:1.5rem}.card-body,.card-footer,.card-header{padding:var(--spacing-md)}.btn{padding:.4rem .75rem}.btn,.table{font-size:var(--font-size-xs)}.table td,.table th{padding:var(--spacing-sm)}}.app-shell{display:flex;min-height:100vh;background-color:var(--bg-secondary)}.app-sidebar{width:var(--sidebar-width);flex-shrink:0;background:var(--bg-sidebar);border-right:1px solid var(--border-color);display:flex;flex-direction:column;position:-webkit-sticky;position:sticky;top:0;height:100vh;z-index:30;transition:transform var(--transition-base)}.app-sidebar__brand{height:var(--topbar-height);display:flex;align-items:center;gap:.625rem;padding:0 1.125rem;border-bottom:1px solid var(--border-color);-webkit-user-select:none;-moz-user-select:none;user-select:none}.app-sidebar__brand img{height:28px;width:auto}.app-sidebar__brand-text{font-size:.95rem;font-weight:600;color:var(--text-primary);letter-spacing:-.01em;line-height:1.2}.app-sidebar__brand-text small{display:block;font-size:.75rem;color:#c0392b;font-weight:600;letter-spacing:.02em}.app-sidebar__section{padding:1rem .75rem .25rem;font-size:.7rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.app-sidebar__nav{flex:1 1;overflow-y:auto;padding:.5rem .75rem;list-style:none;margin:0}.app-sidebar__link{display:flex;align-items:center;gap:.625rem;padding:.55rem .75rem;border-radius:var(--border-radius-sm);color:var(--text-secondary);font-size:.875rem;font-weight:500;text-decoration:none;transition:background-color var(--transition-fast),color var(--transition-fast);cursor:pointer;border:none;background:none;width:100%;text-align:left;margin-bottom:2px}.app-sidebar__link svg{width:18px;height:18px;color:var(--text-muted);transition:color var(--transition-fast);flex-shrink:0}.app-sidebar__link:hover{background-color:var(--bg-sidebar-hover);color:var(--text-primary)}.app-sidebar__link:hover svg{color:var(--text-secondary)}.app-sidebar__link.is-active{background-color:var(--accent-soft);color:var(--accent-hover)}.app-sidebar__link.is-active svg{color:var(--accent-color)}.app-sidebar__footer{padding:.75rem;border-top:1px solid var(--border-color)}.app-sidebar__user{display:flex;align-items:center;gap:.625rem;padding:.5rem;border-radius:var(--border-radius-sm);background:var(--bg-secondary)}.app-sidebar__avatar{width:32px;height:32px;border-radius:50%;background:var(--accent-color);color:var(--text-light);display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:600;flex-shrink:0}.app-sidebar__user-info{flex:1 1;min-width:0}.app-sidebar__user-name{font-size:.825rem;font-weight:600;color:var(--text-primary)}.app-sidebar__user-name,.app-sidebar__user-role{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-sidebar__user-role{font-size:.7rem;color:var(--text-muted)}.app-main{flex:1 1;min-width:0;display:flex;flex-direction:column}.app-topbar{height:var(--topbar-height);background:var(--bg-primary);border-bottom:1px solid var(--border-color);padding:0 1.5rem;display:flex;align-items:center;justify-content:space-between;position:-webkit-sticky;position:sticky;top:0;z-index:20;gap:1rem}.app-topbar__title{font-size:1.05rem;font-weight:600;color:var(--text-primary);margin:0;letter-spacing:-.01em;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-topbar__actions{display:flex;align-items:center;gap:.5rem}.app-topbar__icon-btn{width:36px;height:36px;border-radius:var(--border-radius-sm);background:transparent;border:1px solid transparent;color:var(--text-primary);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:1.25rem;transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.app-topbar__icon-btn:hover,.app-topbar__icon-btn[aria-expanded=true]{background-color:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-color)}.app-topbar__menu-btn{display:none}.app-content{flex:1 1;padding:1.5rem;width:100%;margin:0 auto}.app-sidebar__backdrop{display:none;position:fixed;inset:0;background:rgba(15,23,42,.45);z-index:39;animation:fadeIn .2s ease-out}@media (max-width:992px){.app-sidebar{position:fixed;top:0;left:0;transform:translateX(-100%);box-shadow:var(--shadow-xl)}.app-sidebar.is-open{transform:translateX(0)}.app-sidebar__backdrop.is-open{display:block}.app-topbar__menu-btn{display:inline-flex}.app-content{padding:1rem}}@media (max-width:576px){.app-topbar{padding:0 1rem}.app-topbar__title{font-size:.95rem}}.page-transition{opacity:1;transition:opacity .2s ease-in-out}.page-transition.fade-in{opacity:1}.page-transition:not(.fade-in){opacity:0}.spinner-border{animation:spinner-border .75s linear infinite}@keyframes spinner-border{to{transform:rotate(1turn)}}.page-transition:not(.fade-in) .d-flex{background:hsla(0,0%,100%,.9);padding:1rem}.users-container{min-height:100vh;background:var(--bg-secondary);padding:var(--spacing-xl)}.users-content{width:var(--card-width);max-width:var(--card-max-width);margin:0 auto;background:var(--bg-primary);border-radius:var(--border-radius);box-shadow:var(--shadow);overflow:hidden}.users-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg) var(--spacing-xl);background:var(--primary-color);color:var(--text-light)}.users-header h2{margin:0;font-size:var(--font-size-xl);font-weight:600;font-family:var(--font-family)}.refresh-button{background:var(--accent-color);border:none;color:var(--text-light);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-sm);cursor:pointer;font-size:var(--font-size-sm);font-family:var(--font-family);transition:all var(--transition-base)}.refresh-button:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:var(--shadow)}.refresh-button:disabled{opacity:.6;cursor:not-allowed}.users-table-container{overflow-x:auto;padding:var(--spacing-lg)}.users-table{width:100%;border-collapse:collapse;background:var(--bg-primary);border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--shadow);font-family:var(--font-family)}.users-table thead{background:var(--primary-color);color:var(--text-light)}.users-table th{text-align:left;font-weight:600;border-bottom:2px solid var(--border-color)}.users-table td,.users-table th{padding:var(--spacing-md);font-size:var(--font-size-sm);font-family:var(--font-family)}.users-table td{border-bottom:1px solid var(--border-light);vertical-align:middle}.users-table tbody tr:hover{background-color:var(--accent-soft);transition:all var(--transition-fast)}.table.table-hover>tbody>tr:hover>*{--bs-table-hover-bg:var(--accent-soft);--bs-table-hover-color:inherit}.users-table tbody tr:nth-child(2n){background-color:var(--bg-tertiary)}.action-buttons{display:flex;gap:var(--spacing-xs);justify-content:center}.action-btn{background:none;border:1px solid var(--border-color);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);cursor:pointer;font-size:var(--font-size-xs);font-family:var(--font-family);transition:all var(--transition-fast);display:inline-block;margin:0 2px}.action-btn.view{background:rgba(52,152,219,.1);color:var(--accent-color);border-color:var(--accent-color)}.action-btn.view:hover{background:rgba(52,152,219,.2)}.action-btn.edit{background:rgba(243,156,18,.1);color:var(--warning-color);border-color:var(--warning-color)}.action-btn.edit:hover{background:rgba(243,156,18,.2)}.action-btn.delete{background:rgba(231,76,60,.1);color:var(--danger-color);border-color:var(--danger-color)}.action-btn.delete:hover{background:rgba(231,76,60,.2)}.loading-spinner{font-size:var(--font-size-lg);color:var(--text-secondary);animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.error-message{background:rgba(231,76,60,.1);padding:var(--spacing-md) var(--spacing-lg);margin:var(--spacing-lg);border-radius:var(--border-radius-sm);border-left:4px solid var(--danger-color);justify-content:space-between;font-weight:500;font-family:var(--font-family)}.error-message,.error-message button{color:var(--danger-color);display:flex;align-items:center}.error-message button{background:none;border:none;font-size:var(--font-size-lg);cursor:pointer;padding:0;width:24px;height:24px;justify-content:center}.no-users{text-align:center;padding:var(--spacing-2xl) var(--spacing-lg);color:var(--text-secondary);font-size:var(--font-size-base)}.form-label,.no-users{font-family:var(--font-family)}.form-label{text-align:left!important;display:block;margin-bottom:var(--spacing-sm);font-weight:600;color:var(--text-primary)}@media (max-width:1200px){.users-table td,.users-table th{padding:var(--spacing-sm);font-size:var(--font-size-xs)}.users-table td:nth-child(4),.users-table td:nth-child(5),.users-table th:nth-child(4),.users-table th:nth-child(5){display:none}}@media (max-width:768px){.users-container{padding:var(--spacing-md)}.users-header{flex-direction:column;gap:var(--spacing-md);text-align:center}.users-header h2{font-size:var(--font-size-lg)}.users-table-container{overflow-x:auto}.users-table{min-width:600px}.users-table td,.users-table th{padding:var(--spacing-sm);font-size:var(--font-size-xs)}.action-buttons{display:flex;flex-direction:column;gap:2px}.action-btn{padding:2px 4px;font-size:10px;margin:1px}}@media (max-width:480px){.users-container{padding:var(--spacing-sm)}.users-header{padding:var(--spacing-md) var(--spacing-lg)}.users-header h2{font-size:var(--font-size-base)}.refresh-button{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs)}.users-table-container{padding:var(--spacing-md)}.users-table td,.users-table th{padding:var(--spacing-xs);font-size:11px}.action-btn{padding:2px 3px;font-size:9px}}.tooltip-overlay{position:absolute;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);padding:var(--spacing-sm) var(--spacing-md);box-shadow:var(--shadow-lg);z-index:1000;min-width:200px;white-space:nowrap;font-size:var(--font-size-sm);line-height:1.4;font-family:var(--font-family)}.tooltip-overlay:before{bottom:-5px;border-top:5px solid var(--bg-primary)}.tooltip-overlay:after,.tooltip-overlay:before{content:"";position:absolute;left:10px;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent}.tooltip-overlay:after{bottom:-6px;border-top:5px solid var(--border-color)}.group-display{cursor:pointer;color:var(--accent-color);transition:color var(--transition-fast);font-family:var(--font-family)}.group-display:hover{color:var(--accent-hover)}.table-responsive{overflow-x:auto}.table td,.table th{white-space:nowrap;vertical-align:middle}.btn-sm{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);font-family:var(--font-family)}.loading-container{min-height:400px;display:flex;justify-content:center;align-items:center}.alert{margin:var(--spacing-md)}.alert,.card{font-family:var(--font-family)}.card{border:1px solid var(--border-light);box-shadow:var(--shadow)}.card-header{border-bottom:1px solid var(--border-light);background-color:var(--bg-primary)}.empty-state{text-align:center;padding:var(--spacing-2xl) var(--spacing-md);color:var(--text-secondary);font-family:var(--font-family)}.auto-save-status{position:fixed;top:20px;right:20px;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);z-index:1050;box-shadow:var(--shadow-lg);font-family:var(--font-family)}.auto-save-status.saving{background-color:rgba(243,156,18,.1);color:var(--warning-color);border:1px solid rgba(243,156,18,.2)}.auto-save-status.saved{background-color:rgba(39,174,96,.1);color:var(--success-color);border:1px solid rgba(39,174,96,.2)}.auto-save-status.error{background-color:rgba(231,76,60,.1);color:var(--danger-color);border:1px solid rgba(231,76,60,.2)}.nav-tabs .nav-link{color:var(--text-secondary);border:none;border-bottom:2px solid transparent;transition:all var(--transition-fast);font-family:var(--font-family)}.nav-tabs .nav-link:hover{color:var(--text-primary);border-bottom-color:var(--border-color)}.nav-tabs .nav-link.active{color:var(--accent-color);border-bottom-color:var(--accent-color);background-color:transparent}.student-profile-card{background-color:var(--bg-secondary);border:1px solid var(--border-light);font-family:var(--font-family)}.student-profile-card .card-header{background-color:var(--bg-tertiary);border-bottom:1px solid var(--border-light)}.student-reports-layout{display:flex;gap:var(--spacing-lg)}.student-profile-sidebar{flex:0 0 350px;position:-webkit-sticky;position:sticky;top:20px;height:-moz-fit-content;height:fit-content}.student-reports-content{flex:1 1;min-width:0}.sticky-profile-card{position:-webkit-sticky;position:sticky;top:20px;z-index:100}.assessment-form-container{background:var(--bg-primary);border-radius:var(--border-radius);box-shadow:var(--shadow)}.assessment-header{text-align:center;margin-bottom:var(--spacing-xl);padding:var(--spacing-lg);background:linear-gradient(135deg,var(--primary-color),var(--accent-color));color:var(--text-light);border-radius:var(--border-radius) var(--border-radius) 0 0}.assessment-header h4{margin:0;font-size:var(--font-size-xl);font-weight:600}.assessment-header h5{margin:var(--spacing-sm) 0 0 0;font-size:var(--font-size-lg);opacity:.9}.recommendations-section{background:var(--bg-secondary);border-radius:var(--border-radius);padding:var(--spacing-lg);margin-top:var(--spacing-lg)}.recommendations-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--spacing-lg);gap:var(--spacing-lg)}.recommendations-vertical{display:flex;flex-direction:column;gap:var(--spacing-md)}.recommendation-item{background:var(--bg-primary);border-radius:var(--border-radius-sm);padding:var(--spacing-md);border-left:4px solid var(--primary-color)}.recommendation-item.strengths{border-left-color:var(--success-color)}.recommendation-item.growth{border-left-color:var(--warning-color)}.recommendation-item.next-steps{border-left-color:var(--info-color)}.assessment-form .card{border:1px solid var(--border-dark)}.assessment-form .table-bordered,.assessment-form .table-bordered>:not(caption)>*>*{border-color:var(--border-dark)!important;border-width:1px!important}.assessment-form .table-bordered td,.assessment-form .table-bordered th{border:1px solid var(--border-dark)!important}.assessment-form .card-body.p-0 .table-bordered{margin:0;border:0!important}.assessment-form .recommendation-item{border:1px solid var(--border-dark);border-left-width:4px}.assessment-form .card:has(.recommendations-vertical){border:none;background:transparent;box-shadow:none}.assessment-form .card:has(.recommendations-vertical)>.card-body{padding:0}.report-date-row .react-datepicker-wrapper{flex:0 0 auto}.report-date-row .react-datepicker__input-container input{width:130px;font-family:monospace;text-align:left}.report-date-popper,.report-date-popper.react-datepicker-popper{z-index:9999!important}.report-date-popper .react-datepicker{background-color:#fff;box-shadow:0 10px 30px rgba(15,23,42,.15);border:1px solid var(--border-color)}.action-group{gap:8px}.action-group,.action-group__label{display:inline-flex;align-items:center}.action-group__label{padding:0 4px 0 0;color:var(--accent-hover);font-weight:700;font-size:.78rem;line-height:1.2;letter-spacing:.18em;text-transform:uppercase}.action-group:has(.action-group__label){padding:8px 12px;background-color:var(--accent-soft);border:1px solid var(--accent-color);border-radius:10px;box-shadow:0 1px 2px rgba(37,99,235,.12)}.action-group__btn{background-color:var(--accent-soft);color:var(--accent-hover);border:1px solid var(--accent-color);border-radius:6px;padding:6px 16px;font-weight:600;font-size:.875rem;line-height:1.2;cursor:pointer;transition:background-color .15s ease,color .15s ease,border-color .15s ease}.action-group__btn:hover{background-color:var(--accent-color);border-color:var(--accent-hover);color:#fff}@media (max-width:1200px){.student-reports-layout{flex-direction:column}.student-profile-sidebar{flex:none;width:100%}.sticky-profile-card{position:static}.recommendations-grid{grid-template-columns:1fr}}@media (max-width:768px){.assessment-header h4{font-size:var(--font-size-lg)}.assessment-header h5{font-size:var(--font-size-md)}}.student-profile-sidebar .card-body{padding:var(--spacing-md)}.student-profile-sidebar .bg-light{background-color:#f8f9fa!important;border:1px solid #e9ecef;transition:all .2s ease}.student-profile-sidebar .bg-light:hover{background-color:#e9ecef!important;border-color:#dee2e6}.student-profile-sidebar .card-header h5{font-size:1.1rem;line-height:1.3}.student-profile-sidebar .card{margin-bottom:var(--spacing-md)}.student-profile-sidebar .card:last-child{margin-bottom:0}.student-profile-sidebar .mb-2{margin-bottom:.75rem!important}.student-profile-sidebar .card-body p:last-child{margin-bottom:0}.tooltip{font-size:.875rem}.tooltip-inner{max-width:300px;padding:.75rem;background-color:#343a40;border:1px solid #495057;box-shadow:0 4px 6px rgba(0,0,0,.1)}.tooltip.bs-tooltip-bottom .tooltip-arrow:before{border-bottom-color:#343a40}.tooltip.bs-tooltip-top .tooltip-arrow:before{border-top-color:#343a40}.tooltip.bs-tooltip-start .tooltip-arrow:before{border-left-color:#343a40}.tooltip.bs-tooltip-end .tooltip-arrow:before{border-right-color:#343a40}.btn-link.text-muted:hover{color:#6c757d!important;text-decoration:none}.btn-link.text-muted:active,.btn-link.text-muted:focus{box-shadow:none;outline:none}.custom-tooltip{position:absolute;z-index:1050;pointer-events:none}.custom-tooltip:before{content:"";position:absolute;top:-8px;left:50%;transform:translateX(-50%);border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid #343a40}.tooltip-content{background-color:#343a40;color:#fff;padding:.75rem;border-radius:.375rem;box-shadow:0 4px 6px rgba(0,0,0,.1);border:1px solid #495057;min-width:200px;white-space:nowrap;position:relative;pointer-events:auto}.tooltip-content .small{font-size:.875rem;line-height:1.4}.tooltip-content .mb-1{margin-bottom:.25rem}.tooltip-content .mb-1:last-child{margin-bottom:0}input[type=date]{font-family:monospace!important;text-align:center!important}input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer}input[type=date]::-webkit-datetime-edit,input[type=date]::-webkit-datetime-edit-fields-wrapper{padding:0}input[type=date]::-webkit-datetime-edit-text{padding:0 2px}input[type=date]::-webkit-datetime-edit-day-field,input[type=date]::-webkit-datetime-edit-month-field,input[type=date]::-webkit-datetime-edit-year-field{padding:0 1px}.pagination-container{padding:var(--spacing-md) 0}.pagination-container .pagination{margin-bottom:0}.pagination-container .page-link{color:var(--accent-color);border:none;background-color:transparent;transition:all var(--transition-fast);padding:.375rem .75rem;margin:0 2px;border-radius:4px;box-shadow:none;outline:none;min-width:36px;text-align:center}.pagination-container .page-link:hover{color:var(--accent-hover);background-color:var(--bg-secondary);border:none;box-shadow:none}.pagination-container .page-link:focus{border:none;box-shadow:none;outline:none}.pagination-container .page-item.active .page-link{background-color:var(--accent-color);border:none;color:#fff;box-shadow:none}.pagination-container .page-item.disabled .page-link{color:var(--text-secondary);background-color:transparent;border:none;box-shadow:none}.pagination-container .page-item{border:none;margin:0 1px}.pagination-container .d-flex{gap:1.5rem}.pagination-container .pagination{justify-content:center}.pagination-container .text-dark{font-size:.875rem;color:#000!important;white-space:nowrap;font-weight:500}.pagination-container .form-select{min-width:100px;width:100px!important;border:1px solid var(--border-color);border-radius:4px}@media (max-width:768px){.pagination-container .d-flex{flex-direction:column;gap:1rem;align-items:center}.pagination-container .text-muted{text-align:center}}.search-form{background-color:var(--bg-secondary);border-radius:var(--border-radius-sm)}.search-form .form-control{border-color:var(--border-color);background-color:var(--bg-primary)}.search-form .form-control:focus{border-color:var(--accent-color);box-shadow:0 0 0 .2rem rgba(52,152,219,.25)}.items-per-page-selector{display:flex;align-items:center;gap:var(--spacing-sm)}.items-per-page-selector .form-select{width:auto;min-width:100px}.page-jump-form{display:inline-flex;align-items:center;gap:var(--spacing-sm)}.page-jump-form .form-control{width:80px}.page-jump-form .btn{padding:.25rem .5rem;font-size:.875rem}@media (max-width:768px){.pagination-container .pagination{flex-wrap:wrap;justify-content:center}.pagination-container .page-link{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm)}.search-form .row{gap:var(--spacing-sm)}.search-form .col-md-3{margin-top:var(--spacing-sm)}}.tox.tox-tinymce,.tox.tox-tinymce--focus,.tox.tox-tinymce.tox-tinymce--focus{border-color:#dee2e6!important;box-shadow:none!important}.tox .tox-edit-area:before{border:none!important}.tox .tox-edit-area__iframe{outline:none!important}