.layout{min-height:100vh;display:flex;flex-direction:column}.navbar{background-color:var(--bg-secondary);box-shadow:0 2px 10px #0003;position:sticky;top:0;z-index:100}.navbar-container{max-width:1200px;margin:0 auto;padding:0 1rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.navbar-header{display:flex;align-items:center;justify-content:space-between}.navbar-header h2{color:var(--accent-primary);padding:1rem 0}.menu-toggle{display:none;flex-direction:column;justify-content:space-around;width:30px;height:25px;background:transparent;border:none;cursor:pointer;padding:0}.menu-toggle span{width:100%;height:3px;background-color:var(--text-primary);border-radius:5px;transition:var(--transition);transform-origin:center}.menu-toggle.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.menu-toggle.active span:nth-child(2){opacity:0}.menu-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.navbar-nav{display:flex;list-style:none;gap:1.5rem;align-items:center;transition:var(--transition)}.navbar-nav a{color:var(--text-primary);text-decoration:none;padding:1rem 0;display:block;position:relative;font-weight:500;transition:var(--transition)}.navbar-nav a:hover,.navbar-nav a.active{color:var(--accent-primary)}.navbar-nav a.active:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background-color:var(--accent-primary);border-radius:3px 3px 0 0}.navbar-nav a.logout-link{color:var(--error)}.navbar-nav a.logout-link:hover{color:#ff4d4d}.navbar-nav a.logout-link.active:after{background-color:var(--error)}.main-content{flex:1;display:flex;flex-direction:column}.centered-container{flex:1;display:flex;flex-direction:column;max-width:1200px;width:100%;margin:0 auto;padding:2rem 1rem}@media (max-width: 768px){.navbar-container{flex-direction:column;padding:0}.navbar-header{padding:0 1rem}.menu-toggle{display:flex}.navbar-nav{display:none;flex-direction:column;width:100%;gap:0;padding:0}.navbar-nav.active{display:flex}.navbar-nav li{width:100%;border-bottom:1px solid var(--bg-tertiary);text-align:center}.navbar-nav a{padding:1rem;width:100%}.navbar-nav a.active:after{display:none}.navbar-nav a.active{background-color:var(--bg-tertiary)}.centered-container{padding:1rem}}:root{--bg-primary: #121212;--bg-secondary: #1e1e1e;--bg-tertiary: #2d2d2d;--text-primary: #e0e0e0;--text-secondary: #a0a0a0;--accent-primary: #4caf50;--accent-secondary: #388e3c;--accent-hover: #66bb6a;--error: #cf6679;--success: #4caf50;--warning: #ff9800;--border-radius: 8px;--transition: all .3s ease}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6}.App{min-height:100vh;display:flex;flex-direction:column}.loading{display:flex;justify-content:center;align-items:center;height:100vh;font-size:1.2rem}.loading:after{content:"";width:20px;height:20px;margin-left:10px;border:3px solid var(--bg-tertiary);border-top:3px solid var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.alert{padding:12px 16px;border-radius:var(--border-radius);margin-bottom:20px;font-weight:500}.alert.error{background-color:#cf667933;border-left:4px solid var(--error);color:var(--error)}.alert.success{background-color:#4caf5033;border-left:4px solid var(--success);color:var(--success)}.btn{background-color:var(--accent-primary);color:#fff;border:none;padding:12px 24px;border-radius:var(--border-radius);cursor:pointer;font-size:1rem;font-weight:600;transition:var(--transition);width:100%;display:flex;justify-content:center;align-items:center}.btn:hover:not(:disabled){background-color:var(--accent-hover);transform:translateY(-2px)}.btn:disabled{background-color:var(--bg-tertiary);cursor:not-allowed;opacity:.7}.card{background-color:var(--bg-secondary);border-radius:var(--border-radius);padding:2rem;box-shadow:0 4px 20px #0000004d;width:100%;max-width:450px}.card-title{font-size:1.8rem;margin-bottom:1.5rem;text-align:center;color:var(--accent-primary)}.card-subtitle{text-align:center;margin-bottom:1.5rem;color:var(--text-secondary)}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 16px;border:1px solid var(--bg-tertiary);border-radius:var(--border-radius);background-color:var(--bg-tertiary);color:var(--text-primary);font-size:1rem;transition:var(--transition)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 2px #4caf5033}.form-row{display:flex;gap:1rem;flex-wrap:wrap}.form-row .form-group{flex:1;min-width:200px}@media (max-width: 768px){.card{padding:1.5rem;margin:1rem}.card-title{font-size:1.5rem}.form-row{flex-direction:column;gap:0}.form-row .form-group{min-width:100%}}