.sidebar{min-width:14vw;height:100vh;background-color:var(--color-background);color:var(--color-accent);padding:20px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:4px 0 10px #0006}.title-sidebar{font-size:2rem;font-weight:700}.sidebar-slogan{font-size:.9rem;font-weight:700}.user-info{display:flex;align-items:center;gap:12px;margin-top:10px}.avatar{border-radius:50%;background-color:var(--color-text);width:50px;height:50px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;color:var(--color-background)}.nav-links{margin-top:20px;cursor:pointer}.nav-links .nav-item{display:flex;align-items:center;gap:8px;color:var(--color-text);text-decoration:none;font-weight:500;padding:10px;border-radius:5px;transition:background .3s}.nav-links .nav-item:hover{background:#c49f3b33}.name{margin:0!important}.toggle-theme{background:var(--color-muted);color:var(--color-background);border:none;padding:10px 15px;cursor:pointer;border-radius:10px;font-weight:700;transition:background .3s}.toggle-theme:hover{background:#bdbdbd}.logout-container{display:flex;justify-content:center}.logout-btn{background-color:var(--color-accent);color:var(--color-background);font-weight:700;border:none;padding:10px 15px;border-radius:8px;display:flex;align-items:center;gap:10px;transition:background .3s}.logout-btn:hover{opacity:.85}@media (max-width: 480px){.sidebar{padding:30px 5px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem}.sidebar-slogan,.name,.dark-mode,.icon-name{display:none}.title-sidebar{font-size:1.25rem!important}.icons-sidebar{font-size:large}}.container-login{height:100vh;width:100vw;display:flex;justify-content:center}.login{display:flex;justify-content:center;align-items:center;height:100%}.login-left{display:flex;flex-direction:column;text-align:center}.login-right{overflow:hidden}.invalidAccount{color:red;font-weight:700}.buttons{flex-direction:column;justify-content:center;text-align:center}.buttons p{margin-bottom:10px}.form-text{font-size:10px}.input-container{margin:5px 0}.hr-login{margin:15px 0 5px}.create-user{width:46%;font-size:17px;padding:10px;font-weight:700;text-transform:uppercase;border-radius:8px;text-align:center}.login-user{width:90%;font-size:17px;margin-top:20px}.buttons-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;margin-top:10px}.register-container{display:flex;flex-direction:column;align-items:center;gap:5px}.register-text{font-size:12px;opacity:.8;text-align:center;width:100%}.optima-title{font-size:4rem}.highlight-text{font-weight:700;color:var(--primary);text-decoration:underline;cursor:pointer;transition:color .3s,transform .2s}.highlight-text:hover{color:#0026ff;transform:scale(1.05);text-decoration:none}@media (max-width: 768px){.optima-title{font-size:4rem}.login{flex-direction:column;width:100%!important}.login-user,.create-user{font-size:15px}}@media (max-width: 480px){.form-container{padding:10px}.login-user,.create-user{font-size:14px;padding:8px}.register-text{font-size:11px}.form-container{width:75%!important;padding:15px}.optima-title{font-size:3rem}.login-right,.login-left{width:100%!important}}.card-student{background-color:var(--color-accent);color:var(--color-text);border:1px solid var(--color-text);border-radius:12px;padding:16px 20px;margin-bottom:10px;box-shadow:0 2px 8px #0000000d;display:flex;flex-direction:column;transition:transform .2s;width:35vw}.student-content{display:flex;justify-content:space-between;align-items:flex-start}.student-info{flex:1;max-width:70%}.student-name{margin:0 0 8px;font-size:1.5rem;font-weight:700;color:var(--color-accent)}.info-group{margin-bottom:6px;display:flex;gap:20px;font-size:.95rem}.label{font-weight:500;color:var(--color-accent);min-width:70px;display:inline-block}.student-status{display:flex;align-items:center;font-size:.9rem;color:#333;flex-direction:column}.status-dot{width:14px;height:14px;border-radius:50%;border:1.5px solid #222;display:inline-block}.status-dot.green{background-color:#28a745}.status-dot.red{background-color:#dc3545}.student-status-edit{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding-left:12px}.student-status-edit .btn{width:100px;font-size:.85rem}input.form-control{max-width:100%;font-size:.85rem;padding:4px 8px}input.form-control-sm{width:100%}.input-row{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:10px}.input-sm{flex:1 1 30%;min-width:80px;font-size:.8rem;padding:4px 6px}.tooltip-wrapper{position:relative;display:flex;justify-content:center;cursor:pointer;width:100%}.tooltip-text{visibility:hidden;width:max-content;background-color:#333;color:#fff;text-align:center;border-radius:4px;padding:4px 8px;position:absolute;z-index:1;top:-30px;left:50%;transform:translate(-50%);font-size:.75rem;white-space:nowrap;opacity:0;transition:opacity .2s ease}.tooltip-wrapper:hover .tooltip-text{visibility:visible;opacity:1}.scrollmenu{display:flex;overflow-x:auto;flex-wrap:wrap;max-height:85vh;gap:2rem;justify-content:center}.user-header{background-color:#add8e6;height:25vh;width:100%;border-bottom:2.5px solid black;position:relative}.user-content{height:70vh;width:100%}.user-avatar{position:absolute;top:100%;left:50%;transform:translate(-50%,-50%);width:11rem;height:11rem;border-radius:50%;border:2.5px solid black;z-index:10}.user-avatar-edit-icon{text-align:center;width:35px;height:35px;position:absolute;top:100%;left:calc(50% + 6rem);transform:translate(-50%,-50%);font-size:1.4rem;color:var(--color-text);background-color:var(--color-background);border-radius:25%;cursor:pointer;box-shadow:0 2px 5px #0003}.scrollmenu-y{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:.5rem}:root{--color-background: rgb(47, 50, 63);--color-surface: rgb(100, 100, 124);--color-accent: rgb(196, 159, 59);--color-text: #f5f5f5;--color-muted: #ccc}body{margin:0;font-family:system-ui,sans-serif;background-color:var(--color-surface);color:var(--color-text)}.background-login{background-color:var(--color-background)}.card{background-color:var(--color-background);border-radius:12px;color:var(--color-text)}.button-accent{background-color:var(--color-accent);color:var(--color-background);border:none;padding:8px 16px;border-radius:6px;cursor:pointer;transition:background .3s}.button-accent:hover{opacity:.85}p{margin:0}.title{color:var(--color-accent);font-weight:700}a{color:var(--color-accent);font-weight:700;cursor:pointer;border:none}