.admin-container{background-color:var(--color-gray-light);min-height:100vh;display:flex}.admin-sidebar{background-color:var(--color-white);width:260px;color:var(--color-text);border-right:1px solid var(--color-gray-medium);z-index:100;flex-direction:column;height:100vh;padding:2rem 1.5rem;transition:width .3s,background-color .3s,border-color .3s;display:flex;position:fixed;overflow-y:auto}.admin-sidebar.collapsed{width:80px;padding:2rem 1rem}.admin-logo{border-bottom:1px solid var(--color-gray-medium);justify-content:space-between;align-items:center;margin-bottom:3rem;padding-bottom:2rem;display:flex;position:relative}.admin-sidebar.collapsed .admin-logo{flex-direction:column;justify-content:center;gap:1rem;margin-bottom:2rem}.admin-sidebar.collapsed .admin-logo a{justify-content:center;align-items:center;display:flex}.admin-logo a{text-decoration:none;transition:opacity .2s;display:block}.admin-logo a:hover{opacity:.8}.admin-logo-image{width:100%;max-width:200px;height:auto;transition:opacity .3s}.admin-sidebar.collapsed .admin-logo-image{width:60px;max-width:60px;height:60px;display:block}.admin-sidebar-toggle{cursor:pointer;color:var(--color-text-light);background:0 0;background-color:var(--color-white);border:none;border:1px solid var(--color-gray-medium);border-radius:.375rem;justify-content:center;align-items:center;padding:.5rem;transition:all .2s;display:flex;position:absolute;top:calc(100% - 1rem);right:-.5rem;transform:translateY(0);box-shadow:0 1px 3px #0000001a}.admin-sidebar-toggle:hover{color:var(--color-primary);background-color:var(--color-white);border-color:var(--color-primary)}.admin-sidebar.collapsed .admin-sidebar-toggle{position:relative;top:auto;right:.5rem;transform:none}.admin-nav{margin:0;padding:0;list-style:none}.admin-nav li{margin-bottom:.25rem}.admin-nav a{color:var(--color-text-light);border-radius:.5rem;justify-content:flex-start;align-items:center;gap:.75rem;padding:.875rem 1rem;font-size:.9375rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex;position:relative}.admin-sidebar.collapsed .admin-nav a{justify-content:center;padding:.875rem}.admin-nav a span{transition:opacity .3s}.admin-sidebar.collapsed .admin-nav a span{display:none}.admin-nav a.active{color:var(--color-primary);background-color:#e5c45226}.admin-nav a.active svg{color:var(--color-primary)}.admin-nav a:hover{color:var(--color-primary);background-color:#e5c4521a}.admin-nav a svg{color:var(--color-gray);transition:color .2s}.admin-nav a:hover svg{color:var(--color-primary)}.admin-group{margin-bottom:.25rem}.admin-group-header{width:100%;color:var(--color-text-light);cursor:pointer;background:0 0;border:none;border-radius:.5rem;justify-content:flex-start;align-items:center;gap:.75rem;padding:.875rem 1rem;font-size:.9375rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.admin-sidebar.collapsed .admin-group-header{justify-content:center;padding:.875rem}.admin-group-header:hover{color:var(--color-primary);background-color:#e5c4521a}.admin-group-header.active{color:var(--color-primary);background-color:#e5c45226}.admin-group-header svg:first-child{color:var(--color-gray);transition:color .2s}.admin-group-header:hover svg:first-child,.admin-group-header.active svg:first-child{color:var(--color-primary)}.admin-group-header .ml-auto{margin-left:auto}.admin-group-items{margin:.5rem 0 0;padding:0 0 0 2.5rem;list-style:none}.admin-sidebar.collapsed .admin-group-items{display:none}.admin-group-items li{margin-bottom:.25rem}.admin-group-items a{color:var(--color-text-light);border-radius:.5rem;align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.admin-group-items a:hover{color:var(--color-primary);background-color:#e5c4521a}.admin-group-items a.active{color:var(--color-primary);background-color:#e5c45226}.admin-group-items a svg{color:var(--color-gray);width:1rem;height:1rem;transition:color .2s}.admin-group-items a:hover svg,.admin-group-items a.active svg{color:var(--color-primary)}.admin-sidebar-footer{flex-direction:column;gap:1rem;margin-top:auto;padding-top:2rem;display:flex}.admin-dark-mode-toggle{width:100%;color:var(--color-text-light);cursor:pointer;background:0 0;border:none;border-radius:.5rem;justify-content:flex-start;align-items:center;gap:.75rem;padding:.875rem 1rem;font-size:.9375rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.admin-dark-mode-toggle:hover{color:var(--color-primary);background-color:#e5c4521a}.admin-dark-mode-toggle svg{color:var(--color-gray);transition:color .2s}.admin-dark-mode-toggle:hover svg{color:var(--color-primary)}.admin-sidebar.collapsed .admin-dark-mode-toggle{justify-content:center;padding:.875rem}.admin-sidebar.collapsed .admin-dark-mode-toggle span{display:none}.admin-sidebar-copyright{flex-direction:column;gap:.5rem;margin-top:0;padding-top:0;display:flex}.admin-copyright-text,.admin-developer-text{color:var(--color-text-light);text-align:center;margin:0;font-size:.75rem}.admin-github-link{color:var(--color-primary);align-items:center;gap:.25rem;font-weight:500;text-decoration:none;transition:color .2s;display:inline-flex}.admin-github-link:hover{color:var(--color-gray);text-decoration:underline}.admin-github-icon{flex-shrink:0;width:.875rem;height:.875rem}.admin-version-text{color:var(--color-text-light);text-align:center;opacity:.7;margin:.5rem 0 0;font-size:.7rem}.admin-main{background-color:var(--color-gray-light);flex-direction:column;flex:1;margin-left:260px;transition:margin-left .3s;display:flex}body.sidebar-collapsed .admin-main{margin-left:80px}.admin-header{background-color:var(--color-white);border-bottom:1px solid var(--color-gray-medium);justify-content:space-between;align-items:center;padding:1.75rem 2.5rem;display:flex}.admin-header h2{color:var(--color-text);letter-spacing:-.01em;margin:0;font-size:1.5rem;font-weight:600}.user-menu-container{position:relative}.user-menu-button{border:1px solid var(--color-gray-medium);cursor:pointer;color:var(--color-text);background:0 0;border-radius:.5rem;align-items:center;gap:.75rem;padding:.5rem 1rem;transition:all .2s;display:flex}.user-menu-button:hover{border-color:var(--color-primary);background-color:#e5c4521a}.user-avatar{background-color:var(--color-primary);width:2rem;height:2rem;color:var(--color-text);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.875rem;font-weight:600;display:flex}.user-name{color:var(--color-text);font-size:.9375rem;font-weight:500}.user-menu-chevron{width:1rem;height:1rem;color:var(--color-text-light);transition:transform .2s}.user-menu-chevron.open{transform:rotate(180deg)}.user-menu-dropdown{background-color:var(--color-white);border:1px solid var(--color-gray-medium);z-index:1000;border-radius:.5rem;min-width:240px;position:absolute;top:calc(100% + .5rem);right:0;overflow:hidden;box-shadow:0 4px 6px #0000001a}.user-menu-header{background-color:var(--color-gray-light);align-items:center;gap:.75rem;padding:1rem;display:flex}.user-menu-avatar-large{background-color:var(--color-primary);width:3rem;height:3rem;color:var(--color-text);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.125rem;font-weight:600;display:flex}.user-menu-info{flex:1;min-width:0}.user-menu-name{color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;margin-bottom:.25rem;font-size:.9375rem;font-weight:600;overflow:hidden}.user-menu-email{color:var(--color-text-light);white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;overflow:hidden}.user-menu-divider{background-color:var(--color-gray-medium);height:1px;margin:.5rem 0}.user-menu-item{text-align:left;cursor:pointer;width:100%;color:var(--color-text);background:0 0;border:none;align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:.9375rem;transition:all .2s;display:flex}.user-menu-item:hover{color:var(--color-primary);background-color:#e5c4521a}.user-menu-item.logout{color:#dc3545}.user-menu-item.logout:hover{color:#c82333;background-color:#dc35451a}.user-menu-icon{flex-shrink:0;width:1.125rem;height:1.125rem}body.dark-mode .user-menu-dropdown{background-color:var(--color-white);border-color:var(--color-gray-medium);box-shadow:0 4px 6px #0000004d}body.dark-mode .user-menu-header{background-color:var(--color-gray-medium)}body.dark-mode .user-menu-item:hover{background-color:#e5c45233}body.dark-mode .user-menu-item.logout:hover{background-color:#dc354533}.admin-content{flex:1;padding:2.5rem}.admin-content .bg-blue-600,.admin-content .bg-green-600,.admin-content .bg-red-600{border:none;font-weight:500;transition:all .2s;background-color:var(--color-primary)!important;color:var(--color-text)!important}.admin-content .bg-blue-600:hover,.admin-content .bg-green-600:hover{transform:translateY(-1px);background-color:#d4b048!important}.admin-content .bg-red-600{color:#fff!important;background-color:#dc3545!important}.admin-content .bg-red-600:hover{background-color:#c82333!important}.admin-content .bg-white{border:1px solid var(--color-gray-medium);background-color:var(--color-white)!important}.admin-content .shadow{box-shadow:0 1px 3px #0000000d!important}.admin-content .rounded-lg{border-radius:.5rem}.admin-content table{border-collapse:separate;border-spacing:0}.admin-content thead{background-color:var(--color-gray-light)!important}.admin-content thead th{color:var(--color-text);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--color-gray-medium);font-size:.75rem;font-weight:600}.admin-content tbody tr{border-bottom:1px solid var(--color-gray-medium);transition:background-color .15s}.admin-content tbody tr:hover{background-color:#e5c4520d}.admin-content tbody td{color:var(--color-text)}.admin-content tbody td a{color:inherit}.admin-content .text-blue-600,.admin-content .text-green-600{color:var(--color-primary)!important}.admin-content .text-red-600{color:#dc3545!important}.admin-content .text-red-600:hover{color:#c82333!important}.admin-content .bg-gray-100{background-color:var(--color-gray-medium)!important}.admin-content .border-gray-200,.admin-content .border-gray-300,.admin-content .divide-gray-200{border-color:var(--color-gray-medium)!important}.admin-content h1{letter-spacing:-.02em;font-weight:600}.admin-content .bg-white.rounded-lg.shadow{border:1px solid var(--color-gray-medium);box-shadow:0 1px 3px #0000000d!important}.admin-content .text-blue-600,.admin-content .text-green-600{font-weight:500;transition:color .2s;color:var(--color-primary)!important}.admin-content .text-blue-600:hover,.admin-content .text-green-600:hover{color:#d4b048!important}.admin-content input,.admin-content select,.admin-content textarea{transition:border-color .2s;border-color:var(--color-gray-medium)!important}.admin-content input:focus,.admin-content select:focus,.admin-content textarea:focus{outline:none;border-color:var(--color-primary)!important;box-shadow:0 0 0 3px #e5c4521a!important}.admin-content .bg-white{background-color:var(--color-white)!important}.admin-content .bg-gray-50{background-color:var(--color-gray-light)!important}body.dark-mode .admin-content .bg-white{background-color:var(--color-white)!important}body.dark-mode .admin-content thead{background-color:var(--color-gray-medium)!important}body.dark-mode .admin-content tbody tr{border-bottom-color:var(--color-gray-medium)}body.dark-mode .admin-content thead th{color:#e5e5e5!important;background-color:var(--color-gray-medium)!important}body.dark-mode .admin-content tbody td{color:#e5e5e5!important}body.dark-mode .admin-content tbody tr{background-color:var(--color-white)!important}body.dark-mode .admin-content tbody tr:hover{background-color:#e5c45233!important}body.dark-mode .admin-content table{color:#e5e5e5!important}body.dark-mode .admin-content .text-gray-500,body.dark-mode .admin-content .text-gray-600,body.dark-mode .admin-content .text-gray-700{color:#d0d0d0!important}body.dark-mode .admin-content .text-gray-900{color:#e5e5e5!important}body.dark-mode .admin-content .text-gray-800{color:#e0e0e0!important}body.dark-mode .admin-content input,body.dark-mode .admin-content select,body.dark-mode .admin-content textarea{background-color:var(--color-white)!important;color:var(--color-text)!important;border-color:var(--color-gray-medium)!important}body.dark-mode .admin-content .shadow{box-shadow:0 1px 3px #0000004d!important}body.dark-mode .admin-content .bg-white{background-color:var(--color-white)!important;color:var(--color-text)!important}body.dark-mode .admin-content .bg-gray-50{background-color:var(--color-gray-light)!important}body.dark-mode .admin-content .bg-gray-100{background-color:var(--color-gray-medium)!important}body.dark-mode .admin-content tbody td a{color:#e5e5e5!important}body.dark-mode .admin-content tbody td a:hover,body.dark-mode .admin-content .text-blue-600,body.dark-mode .admin-content .text-green-600{color:var(--color-primary)!important}body.dark-mode .admin-content .text-red-600{color:#ff6b6b!important}body.dark-mode .admin-content tbody td code{color:#e5e5e5!important;background-color:#e5c45233!important}body.dark-mode .admin-content tbody td strong{color:#e5e5e5!important}body.dark-mode .admin-content p,body.dark-mode .admin-content span,body.dark-mode .admin-content div{color:var(--color-text)!important}body.dark-mode .admin-content h1,body.dark-mode .admin-content h2,body.dark-mode .admin-content h3,body.dark-mode .admin-content h4,body.dark-mode .admin-content h5,body.dark-mode .admin-content h6{color:#e5e5e5!important}body.dark-mode .dashboard-classroom-item{border-color:var(--color-gray-medium)!important;background-color:var(--color-white)!important}body.dark-mode .dashboard-classroom-item:hover{border-color:var(--color-primary)!important;background-color:#e5c45233!important}body.dark-mode .dashboard-classroom-item h3{color:var(--color-text)!important}body.dark-mode .dashboard-classroom-item:hover h3{color:var(--color-primary)!important}body.dark-mode .dashboard-classroom-item p{color:var(--color-text-light)!important}body.dark-mode .dashboard-classroom-item:hover p{color:var(--color-text)!important}body.dark-mode .dashboard-classroom-item svg{color:var(--color-gray)!important}body.dark-mode .dashboard-classroom-item:hover svg{color:var(--color-primary)!important}:root{--color-primary:#e5c452;--color-gray:#959494;--color-white:#fff;--color-gray-light:#f8f8f8;--color-gray-medium:#e5e5e5;--color-text:#333;--color-text-light:#666}body.dark-mode{--color-white:#1a1a1a;--color-gray-light:#121212;--color-gray-medium:#2d2d2d;--color-text:#e5e5e5;--color-text-light:#b0b0b0}.login-container{background-color:var(--color-gray-light);justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.login-card{background-color:var(--color-white);border:1px solid var(--color-gray-medium);border-radius:.75rem;width:100%;max-width:420px;padding:3rem;box-shadow:0 1px 3px #0000001a}.login-header{text-align:center;margin-bottom:2.5rem}.login-logo{justify-content:center;margin-bottom:1.5rem;display:flex}.login-logo img{max-width:200px;height:auto}.login-title{color:var(--color-text);letter-spacing:-.01em;margin:0 0 .5rem;font-size:1.875rem;font-weight:600}.login-subtitle{color:var(--color-text-light);margin:0;font-size:.875rem}.login-form-group{margin-bottom:1.5rem}.login-label{color:var(--color-text);margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.login-input{border:1px solid var(--color-gray-medium);width:100%;color:var(--color-text);background-color:var(--color-white);border-radius:.5rem;padding:.75rem 1rem;font-size:.9375rem;transition:all .2s}.login-input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #e5c4521a}.login-input:disabled{opacity:.6;cursor:not-allowed}.login-error{color:#dc3545;background-color:#dc35451a;border:1px solid #dc35454d;border-radius:.5rem;margin-bottom:1rem;padding:.875rem 1rem;font-size:.875rem}.login-button{background-color:var(--color-primary);width:100%;color:var(--color-text);cursor:pointer;border:none;border-radius:.5rem;margin-top:.5rem;padding:.875rem 1.5rem;font-size:.9375rem;font-weight:500;transition:all .2s}.login-button:hover:not(:disabled){background-color:#d4b048;transform:translateY(-1px)}.login-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.login-button:focus{outline:none;box-shadow:0 0 0 3px #e5c45233}body.dark-mode .login-card{background-color:var(--color-white);border-color:var(--color-gray-medium);box-shadow:0 1px 3px #0000004d}body.dark-mode .login-title{color:var(--color-text)}body.dark-mode .login-subtitle{color:var(--color-text-light)}body.dark-mode .login-input{background-color:var(--color-white);color:var(--color-text);border-color:var(--color-gray-medium)}body.dark-mode .login-input:focus{border-color:var(--color-primary)}body.dark-mode .login-error{color:#ff6b6b;background-color:#dc354533;border-color:#dc354566}.login-link{color:var(--color-primary);font-size:.875rem;text-decoration:none;transition:color .2s}.login-link:hover{color:var(--color-gray);text-decoration:underline}body.dark-mode .login-link{color:var(--color-primary)}body.dark-mode .login-link:hover{color:#d4b048}