/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.table{display:table}.border{border-style:var(--tw-border-style);border-width:1px}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:Roboto,sans-serif}code{font-family:Roboto Mono,monospace}select{color:#1f2937;cursor:pointer;box-sizing:border-box;border:1px solid #d1d5db;border-radius:8px;height:42px;font-size:.875rem;line-height:1.5;transition:all .2s;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%234b5563'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E")!important;background-position:right .5rem center!important;background-repeat:no-repeat!important;background-size:1rem!important;padding:0 2rem 0 .875rem!important}select:focus{border-color:#075079;outline:none;box-shadow:0 0 0 3px #0750791a}select option{padding:.5rem}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}.dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-in}.dialog-container{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;max-width:500px;width:90%;animation:slideUp .3s ease-out}.dialog-header{padding:24px 24px 16px;border-bottom:1px solid #e5e7eb}.dialog-header h3{margin:0;font-size:1.25rem;font-weight:600;color:#111827}.dialog-body{padding:24px}.dialog-body p{margin:0;font-size:1rem;line-height:1.6;color:#4b5563}.dialog-footer{padding:16px 24px 24px;display:flex;gap:12px;justify-content:flex-end}.dialog-btn{padding:10px 24px;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;border:none;transition:all .2s}.dialog-btn-cancel{background:#f3f4f6;color:#374151}.dialog-btn-cancel:hover{background:#e5e7eb}.dialog-btn-confirm{background:linear-gradient(135deg,#075079,#0a6ca0);color:#fff;box-shadow:0 2px 8px #0750794d}.dialog-btn-confirm:hover{background:linear-gradient(135deg,#086491,#0b7bb8);transform:translateY(-1px);box-shadow:0 4px 12px #07507966}.dialog-btn:disabled{opacity:.6;cursor:not-allowed}.dialog-btn-cancel:disabled:hover{background:#f3f4f6}.dialog-btn-confirm:disabled:hover{background:linear-gradient(135deg,#075079,#0a6ca0);transform:none;box-shadow:0 2px 8px #0750794d}.toast{position:fixed;bottom:24px;right:24px;display:flex;align-items:center;gap:12px;padding:16px 20px;border-radius:12px;box-shadow:0 10px 40px #00000026;z-index:2000;min-width:320px;max-width:500px;animation:slideInUp .3s ease-out}.toast-success{background:#10b981;color:#fff}.toast-error{background:#ef4444;color:#fff}.toast-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center}.toast-message{flex:1;font-size:1rem;font-weight:500;line-height:1.5}.toast-close{flex-shrink:0;background:none;border:none;color:inherit;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;opacity:.8;transition:opacity .2s}.toast-close:hover{opacity:1;background:#ffffff1a}@keyframes slideInUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background-image:url(https://images.unsplash.com/photo-1503676260728-1c00da094a0b?auto=format&fit=crop&w=1920&q=80);background-size:cover;background-position:center;padding:20px;position:relative}.login-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#0000004d;z-index:0}.login-card{background:#fff;padding:48px 40px;border-radius:12px;box-shadow:0 4px 6px #0000001a,0 2px 4px #0000000f;width:100%;max-width:490px;position:relative;z-index:1}.login-header{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-bottom:8px}.login-logo{width:80px;height:80px;object-fit:contain;border-radius:12px}.login-logo-placeholder{width:80px;height:80px;background:linear-gradient(135deg,#075079,#0a6ca0);color:#fff;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;border-radius:12px;box-shadow:0 4px 12px #0750794d}.login-title{font-size:1.75rem;font-weight:700;color:#1a1a1a;margin:0;text-align:center}.login-subtitle{text-align:center;color:#4b5563;font-size:.875rem;margin:0 0 32px}.signup-link{color:#3b82f6;text-decoration:none;font-weight:500}.signup-link:hover{text-decoration:underline}.login-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-label{font-size:.875rem;font-weight:600;color:#1a1a1a}.password-header{display:flex;justify-content:space-between;align-items:center}.forgot-password{font-size:.875rem;color:#ef4444;text-decoration:none;font-weight:500}.forgot-password:hover{text-decoration:underline}.form-input{padding:12px 16px;border:1px solid #e5e7eb;border-radius:8px;font-size:1rem;transition:all .2s;outline:none}.form-input:focus{border-color:#075079;box-shadow:0 0 0 3px #0750791a}.login-button{background:linear-gradient(135deg,#075079,#0a6ca0);color:#fff;padding:14px;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:8px;box-shadow:0 2px 8px #0750794d}.login-button:hover{background:linear-gradient(135deg,#086491,#0b7bb8);transform:translateY(-2px);box-shadow:0 4px 12px #07507966}.login-button:active{transform:translateY(0)}.login-button:disabled{background:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}.error-message{background-color:#fee;border:1px solid #fcc;color:#c33;padding:12px 16px;border-radius:8px;font-size:.875rem;margin-bottom:16px}.google-button{display:flex;align-items:center;justify-content:center;gap:12px;background:#fff;color:#4b5563;padding:12px;border:1px solid #e5e7eb;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s;margin-top:16px}.google-button:hover{background:#f9fafb;border-color:#d1d5db}.google-button:active{transform:scale(.98)}.google-icon{flex-shrink:0}@media (max-width: 640px){.login-card{padding:32px 24px}.login-title{font-size:2rem}}.dashboard-header{background:#fff;border-bottom:1px solid #e5e7eb;display:flex;position:sticky;top:0;z-index:10}.header-logo{width:260px;border-right:1px solid #e5e7eb;display:flex;align-items:center;padding:0 20px;flex-shrink:0}.logo-container{display:flex;align-items:center;gap:12px}.logo-icon{width:40px;height:40px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem}.logo-image{width:40px;height:40px;border-radius:8px;object-fit:contain}.logo-text{font-size:1.125rem;font-weight:700;color:#1a1a1a;white-space:nowrap}.header-content{display:flex;align-items:center;justify-content:space-between;height:64px;flex:1;padding:0 24px}.header-title{font-size:1.25rem;font-weight:600;color:#1a1a1a;margin:0}.header-right{display:flex;align-items:center}.user-menu{position:relative}.user-info{display:flex;align-items:center;gap:12px;cursor:pointer}.user-info:hover .user-name{color:#075079}.dropdown-arrow{width:20px;height:20px;color:#4b5563;transition:transform .3s}.user-info:hover .dropdown-arrow{color:#1f2937}.dropdown-arrow.active{transform:rotate(180deg)}.user-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#075079,#0a6ca0);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1rem}.user-name{font-size:.875rem;font-weight:600;color:#1a1a1a;transition:all .3s ease}.user-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;min-width:200px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s cubic-bezier(.4,0,.2,1);z-index:50}.user-dropdown.open{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-item{display:flex;align-items:center;gap:12px;padding:12px 16px;color:#374151;font-size:.875rem;cursor:pointer;transition:background .2s}.dropdown-item svg{width:20px;height:20px;color:#4b5563;flex-shrink:0}.dropdown-item:hover{background:#f3f4f6}.dropdown-item:first-child{border-radius:8px 8px 0 0}.dropdown-item.logout{color:#ef4444;border-radius:0 0 8px 8px}.dropdown-item.logout svg{color:#ef4444}.dropdown-item.logout:hover{background:#fef2f2}.dropdown-divider{height:1px;background:#e5e7eb;margin:4px 0}@media (max-width: 768px){.header-logo{width:70px;padding:0 12px}.logo-text{display:none}.logo-icon,.logo-image{width:36px;height:36px;font-size:.875rem}.header-title{font-size:1rem}.user-name,.dropdown-arrow{display:none}.user-dropdown{right:-8px}}.profile-modal-body{padding:2rem 1.5rem}.profile-avatar-large{width:96px;height:96px;border-radius:50%;background:linear-gradient(135deg,#075079,#0a6ca0);color:#fff;display:flex;align-items:center;justify-content:center;font-size:2.5rem;font-weight:700;margin:0 auto 2rem;box-shadow:0 4px 12px #0750794d}.profile-info-grid{display:flex;flex-direction:column;gap:1.5rem}.profile-info-item{display:flex;flex-direction:column;gap:.5rem}.profile-info-item label{font-size:.875rem;font-weight:600;color:#4b5563;text-transform:uppercase;letter-spacing:.5px}.profile-info-value{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px}.profile-info-value svg{width:20px;height:20px;color:#075079;flex-shrink:0}.profile-info-value span{font-size:1rem;color:#1f2937;font-weight:500;word-break:break-word}.role-badge{display:inline-block;padding:.375rem .875rem;background:linear-gradient(135deg,#075079,#0a6ca0);color:#fff!important;border-radius:20px;font-size:.75rem!important;font-weight:600!important}@media (max-width: 640px){.profile-avatar-large{width:80px;height:80px;font-size:2rem}.modal-content{margin:1rem}.profile-info-grid{gap:1rem}}.sidebar{width:260px;background:#fff;border-right:1px solid #e5e7eb;height:calc(100vh - 64px);position:fixed;top:64px;left:0;overflow-y:auto;z-index:5}.sidebar-content{padding:24px 16px;display:flex;flex-direction:column;min-height:100%;height:100%}.sidebar-nav{display:flex;flex-direction:column;gap:8px;flex:1}.nav-item{display:flex;align-items:center;gap:26px;padding:12px 16px;color:#4b5563;text-decoration:none;border-radius:8px;font-size:.875rem;font-weight:500;transition:all .2s ease;position:relative;overflow:hidden}.nav-item:hover{background:#f3f4f6;color:#1f2937;transform:translateY(-1px)}.nav-item.active{background:linear-gradient(135deg,#075079,#0a6ca0);color:#fff;font-weight:600;box-shadow:0 4px 12px #07507966}.nav-item.active:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.nav-item.active:hover:before{left:100%}.nav-item:focus{outline:2px solid #075079;outline-offset:2px}.nav-icon{width:20px;height:20px;flex-shrink:0}.sidebar-footer{margin-top:auto;padding-top:16px;border-top:1px solid #e5e7eb}.logout-button{display:flex;align-items:center;gap:26px;padding:12px 16px;width:100%;background:transparent;border:none;border-radius:8px;font-size:.875rem;font-weight:500;color:#ef4444;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.logout-button:hover{background:#fef2f2;transform:translateY(-1px)}.logout-button:active{transform:translateY(0)}.logout-button .nav-icon{color:#ef4444}@media (max-width: 768px){.sidebar{width:70px}.nav-item span{display:none}.nav-item,.logout-button{justify-content:center}.logout-button span{display:none}.sidebar-footer{padding-top:8px}}.dashboard-layout{min-height:100vh;background:#f9fafb}.dashboard-body{display:flex}.dashboard-main{flex:1;margin-left:260px;padding:24px;min-height:calc(100vh - 64px);overflow-x:auto}@media (max-width: 768px){.dashboard-main{margin-left:70px;padding:16px}}.loading-container{display:flex;justify-content:center;align-items:center;padding:1.5rem;width:100%}.loading-fullscreen{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#fffffff2;z-index:9999;gap:1.5rem}.loading-text{color:#075079;font-size:1rem;font-weight:500;margin:0}.dots-container{display:flex;align-items:center;justify-content:center;height:100%;width:100%}.dot{height:12px;width:12px;margin-right:6px;border-radius:6px;background-color:#075079;animation:pulse 1.5s infinite ease-in-out}.dot:last-child{margin-right:0}.dot:nth-child(1){animation-delay:-.3s}.dot:nth-child(2){animation-delay:-.1s}.dot:nth-child(3){animation-delay:.1s}.dot:nth-child(4){animation-delay:.3s}.dot:nth-child(5){animation-delay:.5s}@keyframes pulse{0%,80%,to{transform:scale(.6);background-color:#b3d4fc;opacity:.5}40%{transform:scale(1);background-color:#075079;opacity:1}}.dots-container-small .dot{height:8px;width:8px;margin-right:4px;border-radius:4px}.dots-container-medium .dot{height:12px;width:12px;margin-right:6px;border-radius:6px}.dots-container-large .dot{height:16px;width:16px;margin-right:8px;border-radius:8px}.table-loading-overlay{position:relative;min-height:200px}.table-loading-overlay:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#fffc;display:flex;justify-content:center;align-items:center;z-index:10}.home-page{width:100%;padding:0}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:#fff;padding:1.75rem;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;align-items:center;gap:1.25rem;transition:all .3s ease;border:1px solid #e5e7eb}.stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000001f}.stat-icon{width:64px;height:64px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon svg{width:32px;height:32px;color:#fff}.stat-icon.school{background:linear-gradient(135deg,#075079,#0a6ca0);box-shadow:0 4px 12px #0750794d}.stat-icon.teacher{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b9814d}.stat-icon.staff{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 4px 12px #8b5cf64d}.stat-content{flex:1}.stat-content h3{font-size:.875rem;font-weight:600;color:#4b5563;margin:0 0 .5rem;text-transform:uppercase;letter-spacing:.5px}.stat-number{font-size:2.25rem;font-weight:700;color:#1f2937;margin:0;line-height:1}.today-schedule{margin-top:0}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.section-header h2{font-size:1.25rem;font-weight:700;color:#1f2937;margin:0}.teacher-count{background:linear-gradient(135deg,#075079,#0a6ca0);color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:600}.empty-state{text-align:center;padding:3rem;color:#9ca3af}.empty-state svg{width:64px;height:64px;margin:0 auto 1rem;color:#d1d5db}.empty-state p{font-size:1rem;font-style:italic;margin:0}.teachers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.25rem}.teacher-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:1.25rem;transition:all .2s ease;box-shadow:0 2px 8px #00000014}.teacher-card:hover{border-color:#075079;box-shadow:0 4px 12px #07507926}.teacher-info{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.teacher-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#075079,#0a6ca0);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;flex-shrink:0}.teacher-details{flex:1;min-width:0}.teacher-details h4{font-size:1rem;font-weight:600;color:#1f2937;margin:0 0 .25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.teacher-contact{display:flex;align-items:center;gap:.375rem;font-size:.75rem;color:#4b5563;margin:0}.teacher-contact svg{width:14px;height:14px;flex-shrink:0}.teacher-schedules{display:flex;flex-direction:column;gap:.5rem}.schedule-badge{display:flex;flex-direction:column;gap:.25rem;padding:.625rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;transition:all .2s ease}.schedule-badge:hover{border-color:#075079;background:#f0f9ff}.lesson-name{font-size:.875rem;font-weight:600;color:#075079}.school-name{font-size:.75rem;color:#4b5563}@media (max-width: 768px){.stats-grid{grid-template-columns:1fr;gap:1rem}.stat-card{padding:1.25rem}.stat-icon{width:56px;height:56px}.stat-icon svg{width:28px;height:28px}.stat-number{font-size:2rem}.section-header{flex-direction:column;align-items:flex-start;gap:.75rem}.section-header h2{font-size:1.125rem}.teachers-grid{grid-template-columns:1fr;gap:1rem}.teacher-card{padding:1rem}}.teacher-schedule-view{width:100%;padding:0}.schedule-header{margin-bottom:1.5rem}.schedule-header h2{font-size:1.5rem;font-weight:700;color:#1f2937;margin:0}.schedule-table-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;border:1px solid #e5e7eb;overflow-x:auto;overflow-y:visible}.schedule-table{width:100%;border-collapse:collapse;min-width:800px}.schedule-table thead{background:linear-gradient(135deg,#075079,#0a6ca0);color:#fff}.schedule-table thead tr{height:58px}.schedule-table th{padding:1rem;text-align:center;font-weight:600;font-size:.875rem;border:1px solid rgba(255,255,255,.2);white-space:nowrap;vertical-align:middle;box-sizing:border-box;height:58px}.schedule-table .lesson-header-cell{background:linear-gradient(135deg,#065368,#09608e);min-width:150px;font-weight:700;position:sticky;left:0;z-index:2;box-sizing:border-box}.schedule-table .day-header{min-width:120px;font-weight:700}.schedule-table tbody tr{transition:background .2s ease}.schedule-table tbody tr:hover{background:#f9fafb}.schedule-table tbody tr:nth-child(2n){background:#f9fafb}.schedule-table tbody tr:nth-child(2n):hover{background:#f3f4f6}.schedule-table td{padding:1rem;text-align:center;border:1px solid #e5e7eb}.lesson-cell{background:#f9fafb;font-weight:600;font-size:.875rem;color:#1f2937;text-align:left;position:sticky;left:0;z-index:1;min-width:150px;padding:1rem}.lesson-cell .lesson-name{font-weight:700;font-size:.875rem;color:#075079;margin-bottom:.25rem}.lesson-cell .lesson-desc{font-size:.75rem;font-weight:400;color:#6b7280;margin-top:.25rem}.schedule-cell{min-height:60px;vertical-align:middle}.schedule-cell.has-schedule{background:linear-gradient(135deg,#0750790d,#0a6ca00d)}.school-badge{display:inline-block;padding:.5rem .875rem;background:linear-gradient(135deg,#075079,#0a6ca0);color:#fff;border-radius:6px;font-size:.75rem;font-weight:600;box-shadow:0 2px 4px #07507933;transition:all .2s ease;max-width:100%;word-wrap:break-word;white-space:normal}.school-badge:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0750794d}@media (max-width: 1024px){.schedule-table-container{overflow-x:scroll}.schedule-table{min-width:1000px}.schedule-table th,.schedule-table td{padding:.75rem}.lesson-cell{min-width:130px}.day-header{min-width:100px}}@media (max-width: 768px){.schedule-header h2{font-size:1.25rem}.schedule-table{font-size:.8rem}.schedule-table th,.schedule-table td{padding:.5rem}.school-badge{padding:.375rem .625rem;font-size:.7rem}.lesson-cell{font-size:.8rem;min-width:120px;position:static;z-index:auto}.lesson-cell .lesson-name{font-size:.8rem}.lesson-cell .lesson-desc{font-size:.7rem}.day-header{font-size:.8rem}.schedule-table .lesson-header-cell{min-width:120px;font-size:.9rem;position:static;z-index:auto}}.btn-global{width:150px;height:45px;border-radius:8px;border:none;transition:all .5s ease-in-out;font-size:.875rem;font-family:inherit;font-weight:600;display:flex;align-items:center;background:#075079;color:#f5f5f5;cursor:pointer;position:relative;overflow:hidden}.btn-global:disabled{opacity:.5;cursor:not-allowed}.btn-global:hover:not(:disabled){box-shadow:0 0 20px #07507966;background:#086491}.btn-global .icon{position:absolute;height:24px;width:24px;display:flex;align-items:center;justify-content:center;left:12px;transition:all .5s}.btn-global .text{transform:translate(45px);transition:all .5s;letter-spacing:.5px}.btn-global:hover:not(:disabled) .icon{width:130px;left:10px}.btn-global:hover:not(:disabled) .text{opacity:0;transform:translate(100px)}.btn-global:focus{outline:2px solid #0a6ca0;outline-offset:2px}@media (max-width: 768px){.btn-global{width:130px;height:40px;font-size:.75rem}.btn-global .icon{width:20px;height:20px;left:10px}.btn-global .text{transform:translate(36px)}.btn-global:hover:not(:disabled) .icon{width:110px}.btn-global:hover:not(:disabled) .text{transform:translate(80px)}}.teachers-page{width:100%;padding:0}.teachers-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1.5rem;flex-wrap:wrap;gap:1rem;border-bottom:2px solid #e5e7eb}.btn-advanced-filter{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;padding:0;color:#4b5563;background:#fff;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;transition:all .2s ease;box-sizing:border-box;flex-shrink:0}.btn-advanced-filter svg{width:20px;height:20px}.btn-advanced-filter:hover{background:#f3f4f6;color:#075079;border-color:#9ca3af}.btn-advanced-filter.active{background:#075079;color:#fff;border-color:#075079}.btn-advanced-filter.active:hover{background:#086491;border-color:#086491}.btn-advanced-filter:active{background:#e5e7eb}.btn-advanced-filter.active:active{background:#064963}.advanced-filters{margin-bottom:1.5rem;padding:1rem;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:2px solid #bae6fd;border-radius:12px;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.advanced-filters-content{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.advanced-filters-content .filter-select{flex:1;min-width:160px}.btn-add-teacher{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#075079,#0a6ca0);border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #0750794d}.btn-add-teacher:hover{transform:translateY(-2px);box-shadow:0 4px 12px #07507966;background:linear-gradient(135deg,#086491,#0b7bb8)}.btn-add-teacher:active{transform:translateY(0)}.data-table{width:100%;border-collapse:collapse;font-size:.875rem;table-layout:auto}.teacher-name{font-weight:600;color:#1f2937}.actions-header{text-align:right!important;width:90px!important;max-width:90px!important;padding-right:1rem!important}.actions-cell{text-align:right!important;width:90px!important;max-width:90px!important;overflow:visible!important;white-space:normal!important;text-overflow:clip!important}.actions-buttons{display:flex;gap:.5rem;justify-content:flex-end;align-items:center}.btn-delete{display:inline-flex;align-items:center;padding:.625rem 1rem;font-size:.875rem;font-weight:500;color:#dc2626;background:transparent;border:1px solid #fecaca;border-radius:8px;cursor:pointer;transition:all .2s ease}@media (max-width: 768px){.teachers-header{flex-direction:row;align-items:center;gap:.75rem;flex-wrap:wrap;margin-bottom:1.5rem;padding-bottom:.75rem}.btn-mobile-filter{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;padding:0;color:#4b5563;background:#fff;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;transition:all .2s ease;box-sizing:border-box;flex-shrink:0;order:1}.btn-mobile-filter svg{width:20px;height:20px}.btn-mobile-filter:hover{background:#f3f4f6;color:#075079;border-color:#9ca3af}.btn-mobile-filter:active{background:#e5e7eb}.btn-add-teacher{flex-shrink:0;margin-left:auto;order:2}.filters-container{display:flex;background:#fff;border:1px solid #e5e7eb;border-radius:8px;flex-direction:column;gap:.75rem;width:100%;flex-basis:100%;order:3;overflow:hidden;max-height:0;padding:0 1rem;opacity:0;margin-top:0;transition:max-height .4s ease,padding .4s ease,opacity .3s ease,margin-top .4s ease}.filters-container.show-mobile{max-height:600px;padding:1rem;opacity:1;margin-top:0}.filter-group{flex:none;width:100%;min-width:0}.filter-input,.filter-select{width:100%;min-width:0}.btn-reset-filter,.btn-advanced-filter{flex-shrink:0;width:42px}.btn-add-teacher{flex-shrink:0;margin-left:auto}.advanced-filters{padding:.75rem}.advanced-filters-content{flex-direction:column;align-items:stretch;gap:.5rem}.advanced-filters-content .filter-select{width:100%!important;min-width:0!important;flex:none!important}.data-table{font-size:.75rem}.data-table th,.data-table td{padding:.75rem .5rem}}.modal-tabs{display:flex;gap:.5rem;padding:0;border-bottom:2px solid #e5e7eb;background:#f9fafb}.modal-body{padding:0}.schedule-filters{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:1rem;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}@media (max-width: 1024px){.modal-large{width:98%;max-width:98%}}@media (max-width: 768px){.modal-large{max-width:100%;width:100%}.modal-tabs{padding:0;overflow-x:auto}.tab-button{padding:.5rem 1rem;font-size:.875rem;white-space:nowrap}.schedule-filters{flex-direction:column;align-items:stretch}.schedule-filters .filter-select{width:100%}}.btn-icon-action{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:#fff;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;transition:all .2s ease}.btn-icon-action svg{width:18px;height:18px}.btn-icon-action:disabled{opacity:.5;cursor:not-allowed}.btn-icon-add{color:#075079;border-color:#bfdbfe}.btn-icon-add:hover:not(:disabled){background:#eff6ff;border-color:#075079}.btn-icon-edit{color:#059669;border-color:#a7f3d0}.btn-icon-edit:hover:not(:disabled){background:#d1fae5;border-color:#059669}.btn-icon-delete{color:#dc2626;border-color:#fecaca}.btn-icon-delete:hover:not(:disabled){background:#fee2e2;border-color:#dc2626}.school-popup{max-width:500px}.school-list{max-height:400px;overflow-y:auto;margin-bottom:1rem}.school-items{display:flex;flex-direction:column;gap:.5rem}.school-item{width:100%;padding:.875rem 1rem;background:#fff;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s ease;text-align:left}.school-item:hover:not(:disabled){border-color:#075079;background:#f0f9ff}.school-item.selected{border-color:#075079;background:#eff6ff}.school-item:disabled{opacity:.6;cursor:not-allowed}.school-item-content{display:flex;align-items:center;justify-content:space-between;gap:1rem}.school-item-info{display:flex;flex-direction:column;gap:.25rem;align-items:flex-start}.school-item-name{font-size:.875rem;font-weight:500;color:#1f2937}.school-item-area{font-size:.75rem;font-weight:400;color:#4b5563}.check-icon{width:20px;height:20px;color:#075079;flex-shrink:0}.history-list{margin-top:0}.history-list .table-container{max-height:500px;overflow-y:auto;overflow-x:visible}.history-list .data-table{overflow:visible}.history-list .data-table td:last-child{overflow:visible}.schedule-grid-table{width:100%;border-collapse:collapse;min-width:800px;background:#fff}.schedule-grid-table .lesson-header-cell{background:linear-gradient(135deg,#065368,#09608e);min-width:150px;font-weight:700;position:sticky;left:0;z-index:2;box-sizing:border-box}.schedule-grid-table tbody tr{transition:background .2s ease}.schedule-grid-table td{padding:1rem;text-align:center;border:1px solid #e5e7eb}.schedule-grid-table .lesson-cell{background:#f9fafb;font-weight:600;font-size:.875rem;color:#1f2937;text-align:left;position:sticky;left:0;z-index:1;min-width:150px;padding:1rem}.schedule-grid-table .schedule-cell{min-height:60px;vertical-align:middle;transition:all .2s ease}.schedule-grid-table .schedule-cell.clickable:hover{background:linear-gradient(135deg,#0750791a,#0a6ca01a)}.schedule-grid-table .schedule-cell.clickable:active{background:linear-gradient(135deg,#07507926,#0a6ca026)}.schedule-grid-table .teacher-badge{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem;padding:.5rem .875rem;background:linear-gradient(135deg,#075079,#0a6ca0);color:#fff;border-radius:6px;font-size:.75rem;font-weight:600;box-shadow:0 2px 4px #07507933;transition:all .2s ease;max-width:100%;word-wrap:break-word;white-space:normal}.schedule-grid-table .teacher-badge .teacher-note{font-size:.75rem;color:#ffffffe6;margin-top:.25rem}.badge-delete-btn{display:flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;background:#dc2626cc;border:none;border-radius:4px;cursor:pointer;transition:all .15s ease;flex-shrink:0;opacity:.6}@media (max-width: 768px){.schedule-grid-table{font-size:.8rem}.schedule-grid-table th,.schedule-grid-table td{padding:.5rem}.schedule-grid-table .teacher-badge{padding:.375rem .625rem;font-size:.7rem}.schedule-grid-table .teacher-badge .teacher-note{font-size:.65rem}.badge-delete-btn{width:16px;height:16px}.badge-delete-btn svg{width:10px;height:10px}.schedule-grid-table .lesson-cell{font-size:.8rem;min-width:120px;position:static;z-index:auto}.schedule-grid-table .lesson-cell .lesson-name{font-size:.8rem}.schedule-grid-table .lesson-cell .lesson-desc{font-size:.7rem}.schedule-grid-table .day-header{font-size:.8rem}.schedule-grid-table .lesson-header-cell{min-width:120px;font-size:.9rem;position:static;z-index:auto}}.spinner{border:3px solid #f3f4f6;border-top:3px solid #075079;border-radius:50%;width:24px;height:24px;animation:spin .8s linear infinite;flex-shrink:0}@media (max-width: 768px){.modal-teacher-popup{max-width:95%}.popup-info-table th{font-size:.8rem;padding:.625rem .75rem;width:100px}.popup-info-table td{font-size:.8rem;padding:.625rem .75rem}}.modal-content{background:#fff;border-radius:12px;width:100%;max-width:850px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:slideUp .3s ease}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e7eb;flex-shrink:0}.modal-content.fullscreen{max-width:100vw;max-height:100vh;width:100vw;height:100vh;border-radius:0;margin:0}.react-select-container{font-size:.875rem}.react-select__dropdown-indicator{color:#4b5563!important;padding:8px!important}.react-select__clear-indicator{color:#4b5563!important;padding:8px!important;cursor:pointer!important}.form-actions{display:flex;gap:.75rem;margin-top:1.5rem;justify-content:flex-end;flex-shrink:0}@media (max-width: 768px){.modal-content{margin:1rem}.form-grid{grid-template-columns:1fr}.form-actions{flex-direction:column}.btn-cancel,.btn-primary{width:100%}}.staff-page{width:100%;padding:0}.staff-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1.5rem;flex-wrap:wrap;gap:1rem;border-bottom:2px solid #e5e7eb}.btn-add-staff{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#075079,#0a6ca0);border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #0750794d}.btn-add-staff:hover{transform:translateY(-2px);box-shadow:0 4px 12px #07507966;background:linear-gradient(135deg,#086491,#0b7bb8)}.btn-add-staff:active{transform:translateY(0)}.data-table thead{background:linear-gradient(135deg,#075079,#0a6ca0)!important}.data-table th{padding:1rem;text-align:left;font-weight:600;color:#fff!important;border-bottom:2px solid #075079;white-space:nowrap}.data-table td{padding:1rem;color:#4b5563;border-bottom:1px solid #e5e7eb}.staff-name{font-weight:600;color:#1f2937}.modal-content{background:#fff;border-radius:12px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:slideUp .3s ease}.form-input{width:100%;padding:.625rem .875rem;font-size:.875rem;border:1px solid #d1d5db;border-radius:8px;transition:all .2s ease;background:#fff;color:#1f2937}@media (max-width: 768px){.staff-header{flex-direction:row;align-items:center;gap:.75rem;flex-wrap:wrap;margin-bottom:1.5rem;padding-bottom:.75rem}.btn-mobile-filter{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;padding:0;color:#4b5563;background:#fff;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;transition:all .2s ease;box-sizing:border-box;flex-shrink:0;order:1}.btn-mobile-filter svg{width:20px;height:20px}.btn-mobile-filter:hover{background:#f3f4f6;color:#075079;border-color:#9ca3af}.btn-mobile-filter:active{background:#e5e7eb}.btn-add-staff{flex-shrink:0;margin-left:auto;order:2}.filters-container{display:flex;background:#fff;border:1px solid #e5e7eb;border-radius:8px;flex-direction:column;gap:.75rem;width:100%;flex-basis:100%;order:3;overflow:hidden;max-height:0;padding:0 1rem;opacity:0;margin-top:0;transition:max-height .4s ease,padding .4s ease,opacity .3s ease,margin-top .4s ease}.filters-container.show-mobile{max-height:600px;padding:1rem;opacity:1;margin-top:0}.filter-input,.filter-select{width:100%;min-width:0}.btn-reset-filter{flex-shrink:0;width:42px}.btn-add-staff{flex-shrink:0;margin-left:auto}.data-table{font-size:.75rem}.data-table th,.data-table td{padding:.75rem .5rem}.modal-content{margin:1rem}.form-actions{flex-direction:column}.btn-cancel,.btn-primary{width:100%}}.schools-page{width:100%;padding:0}.schools-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1.5rem;flex-wrap:wrap;gap:1rem;border-bottom:2px solid #e5e7eb}.filters-container{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;flex:1}.filter-group{display:flex;align-items:center}.filter-input{height:42px;padding:0 .875rem;font-size:.875rem;line-height:1.5;border:1px solid #d1d5db;border-radius:8px;transition:all .2s ease;background:#fff;color:#1f2937;min-width:200px;box-sizing:border-box}.filter-input:focus{outline:none;border-color:#075079;box-shadow:0 0 0 3px #0750791a}.filter-input::placeholder{color:#9ca3af}.filter-select{min-width:160px}.btn-reset-filter{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;padding:0;color:#4b5563;background:#fff;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;transition:all .2s ease;box-sizing:border-box;flex-shrink:0}.btn-reset-filter svg{width:20px;height:20px}.btn-reset-filter:hover{background:#f3f4f6;color:#075079;border-color:#9ca3af}.btn-reset-filter:active{background:#e5e7eb}.btn-add-school{width:150px;height:45px;border-radius:8px;border:none;transition:all .5s ease-in-out;font-size:.875rem;font-family:inherit;font-weight:600;display:flex;align-items:center;background:#075079;color:#f5f5f5;cursor:pointer;position:relative;overflow:hidden}.btn-add-school:hover{box-shadow:0 0 20px #07507966;background:#086491}.btn-add-school .icon{position:absolute;height:24px;width:24px;display:flex;align-items:center;justify-content:center;left:12px;transition:all .5s}.btn-add-school .text{transform:translate(45px);transition:all .5s;letter-spacing:.5px}.btn-add-school:hover .icon{width:130px;left:10px}.btn-add-school:hover .text{opacity:0;transform:translate(100px)}.btn-add-school:focus{outline:2px solid #0a6ca0;outline-offset:2px}.btn-icon{width:20px;height:20px}.loading-state{text-align:center;padding:3rem;color:#4b5563;font-size:1rem}.table-container{overflow-x:auto;border-radius:12px;border:1px solid #e5e7eb;background:#fff;box-shadow:0 1px 3px #0000001a}.data-table{width:100%;border-collapse:collapse;font-size:.875rem;table-layout:fixed}.data-table thead{background:linear-gradient(135deg,#075079,#0a6ca0)}.data-table th{padding:1rem;text-align:left;font-weight:600;color:#fff;border-bottom:2px solid #064963;white-space:nowrap}.data-table th:nth-child(1),.data-table td:nth-child(1){width:60px}.data-table th:nth-child(2),.data-table td:nth-child(2){width:180px}.data-table th:nth-child(3),.data-table td:nth-child(3){width:120px}.data-table th:nth-child(4),.data-table td:nth-child(4){width:120px}.data-table th:nth-child(5),.data-table td:nth-child(5){width:110px}.data-table th:nth-child(6),.data-table td:nth-child(6){width:300px;max-width:300px}.data-table th:nth-child(7),.data-table td:nth-child(7){width:130px}.data-table th:nth-child(8),.data-table td:nth-child(8){width:80px}.data-table td{padding:1rem;color:#4b5563;border-bottom:1px solid #e5e7eb;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.school-name{font-weight:600;color:#1f2937}.empty-state{text-align:center;padding:3rem!important;color:#9ca3af;font-style:italic}.status-badge{display:inline-block;padding:.375rem .75rem;font-size:.75rem;font-weight:600;border-radius:9999px}.status-badge.active{background:#d1fae5;color:#065f46}.status-badge.inactive{background:#fee2e2;color:#991b1b}.actions-header,.actions-cell{text-align:center!important}.btn-delete-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;color:#dc2626;background:transparent;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease}.btn-delete-icon svg{width:20px;height:20px}.btn-delete-icon:hover{background:#fee2e2;color:#991b1b}.btn-delete-icon:active{background:#fecaca}.btn-delete-icon:disabled{opacity:.5;cursor:not-allowed}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#fff;border-radius:12px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e7eb}.modal-header h3{font-size:1.25rem;font-weight:700;color:#1f2937;margin:0}.modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:6px;cursor:pointer;color:#4b5563;transition:all .2s ease}.modal-close:hover{background:#f3f4f6;color:#1f2937}.modal-close svg{width:20px;height:20px}.modal-form{padding:1.5rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem 1.5rem;margin-bottom:1.5rem}.form-grid .form-group{margin-bottom:0}.form-group{margin-bottom:1.5rem;width:100%;box-sizing:border-box}.form-group-full{grid-column:1 / -1}.react-select-container{font-size:.875rem;width:100%}.react-select__control{border:1px solid #d1d5db!important;border-radius:8px!important;min-height:42px!important;box-shadow:none!important;transition:all .2s ease!important}.react-select__control:hover{border-color:#9ca3af!important}.react-select__control--is-focused{border-color:#075079!important;box-shadow:0 0 0 3px #0750791a!important}.react-select__placeholder{color:#9ca3af!important;font-size:.875rem!important}.react-select__input-container{color:#1f2937!important;font-size:.875rem!important}.react-select__value-container{padding:2px 8px!important}.react-select__indicators{padding-right:8px!important}.react-select__multi-value{background-color:#e0f2fe!important;border-radius:6px!important}.react-select__multi-value__label{color:#075079!important;font-size:.875rem!important;padding:3px 6px!important}.react-select__multi-value__remove{color:#075079!important;cursor:pointer!important;border-radius:0 6px 6px 0!important}.react-select__multi-value__remove:hover{background-color:#dc2626!important;color:#fff!important}.react-select__menu{border-radius:8px!important;box-shadow:0 4px 12px #00000026!important;border:1px solid #e5e7eb!important;margin-top:4px!important;font-size:.875rem!important}.react-select__menu-list{padding:4px!important;max-height:200px!important}.react-select__option{padding:8px 12px!important;cursor:pointer!important;border-radius:6px!important;font-size:.875rem!important;color:#374151!important}.react-select__option--is-focused{background-color:#f3f4f6!important}.react-select__option--is-selected{background-color:#075079!important;color:#fff!important}.react-select__option--is-selected:hover{background-color:#086491!important}.react-select__indicator-separator{display:none!important}.react-select__dropdown-indicator{color:#6b7280!important;padding:8px!important;margin-right:8px!important}.react-select__dropdown-indicator:hover{color:#075079!important}.react-select__clear-indicator{color:#6b7280!important;padding:8px!important;cursor:pointer!important}.react-select__clear-indicator:hover{color:#dc2626!important}.react-select__loading-indicator{color:#075079!important}.form-input{width:100%!important;max-width:none!important;padding:.625rem .875rem;font-size:.875rem;border:1px solid #d1d5db;border-radius:8px;transition:all .2s ease;background:#fff;color:#1f2937;box-sizing:border-box}select.form-input,textarea.form-input{width:100%!important;max-width:none!important;box-sizing:border-box}textarea.form-textarea-auto{min-height:42px;resize:none;overflow:hidden;line-height:1.5}.form-actions{display:flex;gap:.75rem;margin-top:1.5rem;justify-content:flex-end}.btn-cancel{padding:.625rem 1.5rem;font-size:.875rem;font-weight:500;color:#4b5563;background:#fff;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;transition:all .2s ease}.btn-cancel:hover{background:#f3f4f6;color:#1f2937}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.modal-large{max-width:1200px;width:95%}.modal-content{transition:all .3s ease}.modal-overlay:has(.modal-content.fullscreen){padding:0}.modal-content.fullscreen{max-width:100%;width:100%;height:100vh;max-height:100vh;margin:0;border-radius:0}.modal-content.fullscreen .schedule-tab{padding:1.5rem 0}.modal-actions{display:flex;align-items:center;gap:.5rem}.modal-maximize{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:6px;cursor:pointer;color:#4b5563;transition:all .2s ease}.modal-maximize:hover{background:#f3f4f6;color:#075079}.modal-maximize svg{width:18px;height:18px}.modal-tabs{display:flex;gap:.5rem;padding:0;border-bottom:2px solid #e5e7eb;background:#f9fafb;flex-shrink:0}.tab-button{padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;color:#4b5563;background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all .2s ease;margin-bottom:-2px}.tab-button:hover{color:#075079}.tab-button.active{color:#075079;font-weight:600;border-bottom-color:#075079}.tab-spinner{width:16px;height:16px;margin-left:8px;display:inline-block;vertical-align:middle;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.modal-body{padding:0;overflow-y:auto;flex:1;min-height:0}.modal-body{scrollbar-width:thin!important;scrollbar-color:#075079 #f3f4f6!important;-webkit-overflow-scrolling:touch!important}.modal-body::-webkit-scrollbar{-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;width:8px!important;height:8px!important}.modal-body::-webkit-scrollbar-track{background:#f3f4f6!important;border-radius:4px!important;-webkit-border-radius:4px!important}.modal-body::-webkit-scrollbar-thumb{background:#075079!important;border-radius:4px!important;-webkit-border-radius:4px!important;min-height:30px!important}.modal-body::-webkit-scrollbar-thumb:hover{background:#0a6ca0!important}.modal-body::-webkit-scrollbar-thumb:active{background:#064060!important}.schedule-tab{padding:1.5rem}.schedule-table-container{overflow-x:auto;overflow-y:visible}.schedule-table-container{scrollbar-width:thin!important;scrollbar-color:#075079 #f3f4f6!important;-webkit-overflow-scrolling:touch!important}.schedule-table-container::-webkit-scrollbar{-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;height:8px!important;width:8px!important}.schedule-table-container::-webkit-scrollbar-track{background:#f3f4f6!important;border-radius:4px!important;-webkit-border-radius:4px!important}.schedule-table-container::-webkit-scrollbar-thumb{background:#075079!important;border-radius:4px!important;-webkit-border-radius:4px!important;min-height:30px!important}.schedule-table-container::-webkit-scrollbar-thumb:hover{background:#0a6ca0!important}.schedule-table-container::-webkit-scrollbar-thumb:active{background:#064060!important}.schedule-grid-table thead{cursor:grab}.schedule-grid-table thead:active{cursor:grabbing}.schedule-form{background:#f9fafb;padding:1.5rem;border-radius:8px;margin-bottom:1.5rem;border:1px solid #e5e7eb;overflow:visible}@media (max-width: 1024px){.schedule-form{overflow-x:auto;overflow-y:visible}.schedule-form::-webkit-scrollbar{height:8px}.schedule-form::-webkit-scrollbar-track{background:#e5e7eb;border-radius:4px}.schedule-form::-webkit-scrollbar-thumb{background:#9ca3af;border-radius:4px}.schedule-form::-webkit-scrollbar-thumb:hover{background:#6b7280}}.schedule-form-grid{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:1rem;align-items:end}.schedule-form-grid .form-group{margin-bottom:0}.schedule-form-grid-5{display:grid;grid-template-columns:120px minmax(180px,1fr) minmax(250px,2fr) minmax(150px,1fr) auto;gap:1rem;align-items:end;min-width:900px}.schedule-form-grid-5 .form-group{margin-bottom:0}.schedule-form-grid-5 .form-group label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.schedule-form-grid-5 .react-select-container{min-width:0}.schedule-form-grid-5 .react-select__control{min-width:200px}.schedule-list h4{font-size:1rem;font-weight:600;color:#1f2937;margin-bottom:1rem}.btn-delete{padding:.375rem .875rem;font-size:.75rem;font-weight:500;color:#dc2626;background:transparent;border:1px solid #fecaca;border-radius:6px;cursor:pointer;transition:all .2s ease}.btn-delete:hover{background:#fee2e2;border-color:#fca5a5;color:#991b1b}.btn-delete:active{background:#fecaca}.btn-delete:disabled{opacity:.5;cursor:not-allowed}.history-tab{padding:1.5rem}.history-list h4{font-size:1rem;font-weight:600;color:#1f2937;margin-bottom:1rem}.history-list .table-container{margin-top:0}.history-list .data-table th:first-child,.history-list .data-table td:first-child{min-width:160px;width:160px;white-space:nowrap}.history-list .data-table th:nth-child(2),.history-list .data-table td:nth-child(2){width:90px;text-align:center}.history-list .data-table th:nth-child(4),.history-list .data-table td:nth-child(4){width:110px;text-align:center}.action-badge{display:inline-block;padding:.375rem .75rem;font-size:.75rem;font-weight:600;border-radius:9999px}.action-badge.action-created{background:#d1fae5;color:#065f46}.action-badge.action-updated{background:#dbeafe;color:#1e40af}.action-badge.action-deleted{background:#fee2e2;color:#991b1b}.user-name-hover{cursor:help;border-bottom:1px dotted #6b7280;transition:all .2s ease}.user-name-hover:hover{font-weight:700;color:#075079;border-bottom:1px dotted #075079}.btn-mobile-filter{display:none}@media (max-width: 1024px){.modal-large{width:98%;max-width:98%}.schedule-form-grid-5{grid-template-columns:100px minmax(150px,1fr) minmax(200px,1.5fr) minmax(120px,1fr) auto;min-width:750px}}@media (max-width: 768px){.schools-header{flex-direction:row;align-items:center;gap:.75rem;flex-wrap:wrap;margin-bottom:1.5rem;padding-bottom:.75rem}.btn-mobile-filter{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;padding:0;color:#4b5563;background:#fff;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;transition:all .2s ease;box-sizing:border-box;flex-shrink:0;order:1}.btn-mobile-filter svg{width:20px;height:20px}.btn-mobile-filter:hover{background:#f3f4f6;color:#075079;border-color:#9ca3af}.btn-mobile-filter:active{background:#e5e7eb}.btn-add-school{flex-shrink:0;margin-left:auto;order:2;width:130px;height:40px;font-size:.75rem}.btn-add-school .icon{width:20px;height:20px;left:10px}.btn-add-school .text{transform:translate(36px)}.btn-add-school:hover .icon{width:110px}.btn-add-school:hover .text{transform:translate(80px)}.filters-container{display:flex;background:#fff;border:1px solid #e5e7eb;border-radius:8px;flex-direction:column;gap:.75rem;width:100%;flex-basis:100%;order:3;overflow:hidden;max-height:0;padding:0 1rem;opacity:0;margin-top:0;transition:max-height .4s ease,padding .4s ease,opacity .3s ease,margin-top .4s ease}.filters-container.show-mobile{max-height:600px;padding:1rem;opacity:1;margin-top:0}.filter-group{flex:none;width:100%;min-width:0}.filter-input,.filter-select{width:100%;min-width:0}.btn-reset-filter{flex-shrink:0;width:42px}.btn-add-school{flex-shrink:0;margin-left:auto}.data-table{font-size:.75rem}.data-table th,.data-table td{padding:.75rem .5rem}.modal-content{margin:.5rem}.modal-large{max-width:100%;width:100%}.modal-tabs{padding:0;overflow-x:auto}.tab-button{padding:.5rem 1rem;font-size:.875rem;white-space:nowrap}.form-grid{grid-template-columns:1fr}.schedule-form{padding:1rem}.schedule-form-grid,.schedule-form-grid-5{grid-template-columns:1fr;min-width:auto}.schedule-form-grid-5 .form-group label{white-space:normal}.form-actions{flex-direction:column}.btn-cancel,.btn-primary{width:100%}.schedule-list h4{font-size:.875rem}}.schedule-grid-table{width:100%;border-collapse:collapse;min-width:800px;background:#fff;overflow:visible}.schedule-grid-table thead{background:linear-gradient(135deg,#075079,#0a6ca0);color:#fff}.schedule-grid-table thead tr{height:58px}.schedule-grid-table th{padding:1rem;text-align:center;font-weight:600;font-size:.875rem;border:1px solid rgba(255,255,255,.2);border-bottom:none;white-space:nowrap;vertical-align:middle;box-sizing:border-box;height:58px}.schedule-grid-table .lesson-header-cell{background:linear-gradient(135deg,#065368,#09608e);min-width:150px;font-weight:700;position:sticky;left:0;z-index:2;box-sizing:border-box;text-align:center}.schedule-grid-table .day-header{min-width:120px;font-weight:700}.schedule-grid-table tbody tr{transition:background .2s ease;overflow:visible}.schedule-grid-table tbody tr:hover{background:#f9fafb}.schedule-grid-table tbody tr:nth-child(2n){background:#f9fafb}.schedule-grid-table tbody tr:nth-child(2n):hover{background:#f3f4f6}.schedule-grid-table td{padding:1rem;text-align:center;border:1px solid #e5e7eb;overflow:visible}.schedule-grid-table .lesson-cell{background:#f9fafb;font-weight:600;font-size:.875rem;color:#1f2937;text-align:center;position:sticky;left:0;z-index:1;min-width:150px;padding:1rem}.schedule-grid-table .lesson-cell .lesson-name{font-weight:700;font-size:.875rem;color:#075079;margin-bottom:.25rem}.schedule-grid-table .lesson-cell .lesson-desc{font-size:.75rem;font-weight:400;color:#6b7280;margin-top:.25rem}.schedule-grid-table .schedule-cell{min-height:60px;vertical-align:middle;transition:all .2s ease;overflow:visible}.schedule-grid-table .schedule-cell.has-schedule{background:linear-gradient(135deg,#0750790d,#0a6ca00d)}.schedule-grid-table .schedule-cell.clickable{cursor:pointer}.schedule-grid-table .schedule-cell.clickable:not(.has-schedule):hover{background:linear-gradient(135deg,#0750791a,#0a6ca01a)}.schedule-grid-table .schedule-cell.clickable:not(.has-schedule):active{background:linear-gradient(135deg,#07507926,#0a6ca026)}.schedule-grid-table .teacher-badge{display:flex;align-items:center;justify-content:space-between;gap:.375rem;padding:.5rem .5rem .5rem .875rem;background:linear-gradient(135deg,#075079,#0a6ca0);color:#fff;border-radius:6px;font-size:.75rem;font-weight:600;box-shadow:0 2px 4px #07507933;transition:all .2s ease;white-space:nowrap;min-width:max-content}.schedule-grid-table .teacher-badge .teacher-name{font-weight:600;color:#fff}.schedule-grid-table .teacher-badge .teacher-note,.schedule-grid-table .teacher-badge .teacher-email{display:none}.schedule-grid-table .teacher-badge-wrapper{position:relative;overflow:visible}.schedule-grid-table .teacher-badge-wrapper[data-tooltip]:not([data-tooltip=""]):hover:after{content:attr(data-tooltip);position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);background:#000000e6;color:#fff;padding:.5rem .75rem;border-radius:6px;font-size:.75rem;font-weight:500;white-space:pre-line;z-index:1000;pointer-events:none;box-shadow:0 4px 12px #0000004d;animation:tooltipFadeIn .2s ease}.schedule-grid-table .teacher-badge-wrapper[data-tooltip]:not([data-tooltip=""]):hover:before{content:"";position:absolute;top:calc(100% + 2px);left:50%;transform:translate(-50%);border:6px solid transparent;border-bottom-color:#000000e6;z-index:1000;pointer-events:none;animation:tooltipFadeIn .2s ease}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%) translateY(-4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.badge-delete-btn{display:flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;background:transparent;border:none;border-radius:3px;cursor:pointer;transition:all .15s ease;flex-shrink:0;opacity:.6}.badge-delete-btn:hover{background:#dc2626e6;opacity:1;transform:scale(1.15)}.badge-delete-btn svg{width:12px;height:12px;color:#fff;stroke-width:2.5}.cell-add-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:none;cursor:pointer;transition:all .2s ease;margin:0 auto;opacity:.3}.schedule-cell:hover .cell-add-btn{opacity:.6}.cell-add-btn:hover{opacity:1!important;transform:scale(1.3)}.cell-add-btn svg{width:20px;height:20px;color:#075079;stroke-width:2.5}.schedule-grid-table .schedule-cell.clickable .teacher-badge:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0750794d}.schedule-hint{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;color:#1e40af;font-size:.875rem;margin-bottom:1rem}.schedule-hint svg{flex-shrink:0}.modal-teacher-popup{max-width:550px}.modal-teacher-popup .modal-body{padding:1.5rem}.popup-info{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:1rem;display:flex;flex-direction:column;gap:.75rem}.popup-info .info-item{display:flex;align-items:baseline;gap:.5rem;font-size:.875rem;line-height:1.5}.popup-info .info-item strong{color:#4b5563;font-weight:600;min-width:120px}.popup-info .info-item-with-delete{display:flex;justify-content:space-between;align-items:center;gap:1rem}.btn-delete-inline{padding:.375rem .875rem;font-size:.75rem;font-weight:500;color:#dc2626;background:transparent;border:1px solid #fecaca;border-radius:6px;cursor:pointer;transition:all .2s ease;white-space:nowrap;flex-shrink:0}.btn-delete-inline:hover{background:#fee2e2;border-color:#fca5a5;color:#991b1b}.popup-info-table{width:100%;border-collapse:collapse;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.popup-info-table tbody tr{border-bottom:1px solid #e5e7eb}.popup-info-table tbody tr:last-child{border-bottom:none}.popup-info-table th{text-align:left;padding:.875rem 1rem;font-weight:600;color:#4b5563;font-size:.875rem;background:#f3f4f6;width:120px;white-space:nowrap}.popup-info-table td{padding:.875rem 1rem;font-size:.875rem;color:#1f2937}.popup-info-table .teacher-cell-td{padding:.75rem 1rem}.popup-info-table .teacher-cell-content{display:flex;justify-content:space-between;align-items:center;gap:1rem}.btn-delete-inline:active{background:#fecaca}.btn-delete-inline:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 1024px){.schedule-table-container{overflow-x:scroll}.schedule-grid-table{min-width:1000px}.schedule-grid-table th,.schedule-grid-table td{padding:.75rem}.schedule-grid-table .lesson-cell{min-width:130px}.schedule-grid-table .day-header{min-width:100px}}@media (max-width: 768px){.schedule-grid-table{font-size:.8rem}.schedule-grid-table th,.schedule-grid-table td{padding:.5rem}.schedule-grid-table .teacher-badge{padding:.375rem .625rem;font-size:.7rem}.schedule-grid-table .teacher-badge:hover .teacher-email{font-size:.6rem}.schedule-grid-table .lesson-cell{font-size:.8rem;min-width:120px;position:static;z-index:auto}.schedule-grid-table .lesson-cell .lesson-name{font-size:.8rem}.schedule-grid-table .lesson-cell .lesson-desc{font-size:.7rem}.schedule-grid-table .day-header{font-size:.8rem}.schedule-grid-table .lesson-header-cell{min-width:120px;font-size:.9rem;position:static;z-index:auto}.modal-teacher-popup{max-width:95%}.popup-info .info-item{flex-direction:column;align-items:flex-start;gap:.25rem}.popup-info .info-item strong{min-width:auto}.popup-info-table th{font-size:.8rem;padding:.625rem .75rem;width:100px}.popup-info-table td{font-size:.8rem;padding:.625rem .75rem}.schedule-hint{font-size:.8rem;padding:.625rem .875rem}}.settings-tabs{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:2rem}.tabs-dropdown-mobile{display:none;width:100%;padding:.75rem 2.5rem .75rem 1rem;font-size:.875rem;font-weight:500;color:#1f2937;background:#fff;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;transition:all .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center}.tabs-dropdown-mobile:focus{outline:none;border-color:#075079;box-shadow:0 0 0 3px #0750791a}.tabs-nav{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.tab-item{display:inline-flex;align-items:center;padding:10px 16px;font-size:.875rem;font-weight:500;color:#4b5563;background:transparent;border:none;border-radius:8px;text-decoration:none;cursor:pointer;transition:all .2s ease;white-space:nowrap;position:relative;overflow:hidden}.tab-item:hover{color:#1f2937;background:#f3f4f6;transform:translateY(-1px)}.tab-item.active{color:#fff;background:linear-gradient(135deg,#075079,#0a6ca0);font-weight:600;box-shadow:0 4px 12px #07507966}.tab-item.active:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.tab-item.active:hover:before{left:100%}.tab-item:focus{outline:2px solid #075079;outline-offset:2px}.settings-content{color:#4b5563;min-height:200px}.settings-content p{margin:0;font-size:1rem}.tab-panel{width:100%;text-align:left}.tab-panel h3{font-size:1.5rem;font-weight:700;color:#1f2937;margin:0 0 1.5rem}.tab-panel h4{font-size:1.125rem;font-weight:600;color:#374151;margin:1.5rem 0 1rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.5rem}.form-input{width:100%;max-width:500px;padding:.625rem .875rem;font-size:.875rem;border:1px solid #d1d5db;border-radius:8px;transition:all .2s ease;background:#fff;color:#1f2937}.form-input:focus{outline:none;border-color:#075079;box-shadow:0 0 0 3px #0750791a}.form-input::placeholder{color:#9ca3af}.file-name{font-size:.875rem;color:#4b5563;margin-top:.5rem}.btn-primary{padding:.625rem 1.5rem;font-size:.875rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#075079,#0a6ca0);border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #0750794d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #07507966;background:linear-gradient(135deg,#086491,#0b7bb8)}.btn-primary:active{transform:translateY(0)}.btn-edit{padding:.375rem .875rem;font-size:.875rem;font-weight:500;color:#075079;background:transparent;border:1px solid #075079;border-radius:6px;cursor:pointer;transition:all .2s ease}.btn-edit:hover{background:#075079;color:#fff}.btn-secondary{padding:.375rem .875rem;font-size:.875rem;font-weight:500;color:#6b7280;background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{background:#e5e7eb;color:#4b5563}.btn-delete{padding:.375rem .875rem;font-size:.875rem;font-weight:500;color:#dc2626;background:transparent;border:1px solid #dc2626;border-radius:6px;cursor:pointer;transition:all .2s ease}.btn-delete:hover{background:#dc2626;color:#fff}.data-table .btn-primary{padding:.375rem .875rem;font-size:.875rem;font-weight:500}.table-container{overflow-x:auto;margin-bottom:2rem;border-radius:8px;border:1px solid #e5e7eb;background:#fff}.data-table{width:100%;border-collapse:collapse;font-size:.875rem}.data-table thead{background:#fff}.data-table th{padding:.75rem 1rem;text-align:left;font-weight:600;color:#374151;border-bottom:2px solid #e5e7eb}.data-table td{padding:.875rem 1rem;color:#4b5563;border-bottom:1px solid #e5e7eb}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover{background:#f9fafb}.form-section{background:#fff;padding:1.5rem;border-radius:8px;border:1px solid #e5e7eb}.inline-form{display:flex;gap:1rem;align-items:flex-end;margin-bottom:2rem;padding:1.5rem;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px #0000001a}.inline-form-group{flex:1;display:flex;flex-direction:column;min-width:0}.inline-form-group label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.5rem;white-space:nowrap}.inline-form-group .form-input{max-width:none}.btn-inline{flex-shrink:0;align-self:flex-end;white-space:nowrap}@media (max-width: 992px){.data-table{min-width:600px;font-size:.8125rem}.data-table th,.data-table td{padding:.625rem .5rem}.data-table .btn-edit,.data-table .btn-delete,.data-table .btn-primary,.data-table .btn-secondary{padding:.25rem .4rem!important;font-size:.7rem!important;white-space:nowrap;width:auto!important;display:inline-block;margin-right:.25rem!important}.data-table .btn-edit:last-child,.data-table .btn-delete:last-child,.data-table .btn-primary:last-child,.data-table .btn-secondary:last-child{margin-right:0!important}.data-table td:last-child{white-space:nowrap;min-width:130px;padding-left:.25rem!important;padding-right:.25rem!important}}@media (max-width: 768px){.tabs-dropdown-mobile{display:block}.tabs-nav{display:none}.inline-form{flex-direction:column;align-items:stretch}.inline-form-group label{white-space:normal}.btn-inline{align-self:stretch;width:100%}}.tab-item.active:after{content:"";position:absolute;bottom:-12px;left:50%;transform:translate(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #667eea}.form-group>div:hover .logo-hover-text{opacity:1!important}