.navbar{background-color:#2c3e50;color:#fff;padding:0 20px;display:flex;justify-content:space-between;align-items:center;height:60px;box-shadow:0 2px 8px #0000001a}.navbar-brand{font-size:24px;font-weight:700;margin:0}.navbar-brand a{color:#fff;text-decoration:none}.navbar-toggle{display:none;background:none;border:none;color:#fff;font-size:24px;cursor:pointer}.navbar-menu{display:flex;gap:20px;align-items:center;flex:1;margin-left:40px}.navbar-menu a{color:#fff;text-decoration:none;transition:color .3s;font-size:14px}.navbar-menu a:hover{color:#3498db}.logout-btn{background-color:#e74c3c;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .3s}.logout-btn:hover{background-color:#c0392b}.main-content{flex:1;padding:20px;max-width:1200px;margin:0 auto;width:100%}@media (max-width: 768px){.navbar{flex-wrap:wrap;height:auto}.navbar-toggle{display:block}.navbar-menu{display:none;position:absolute;top:60px;left:0;right:0;background-color:#34495e;flex-direction:column;padding:15px;gap:0;margin:0;width:100%;z-index:1000}.navbar-menu.active{display:flex}.navbar-menu a{padding:10px 0;border-bottom:1px solid #2c3e50}.navbar-menu a:last-child{border-bottom:none}.main-content{padding:10px}}.auth-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.auth-card{background:#fff;padding:40px;border-radius:8px;box-shadow:0 10px 25px #0003;width:100%;max-width:400px}.auth-card h1{text-align:center;margin-bottom:30px;color:#2c3e50}.auth-card form{display:flex;flex-direction:column}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:#2c3e50}.form-group input{width:100%;padding:12px;border:1px solid #ddd;border-radius:4px;font-size:14px}.form-group input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.error-message{color:#dc3545;padding:12px;background-color:#f8d7da;border-radius:4px;margin-bottom:20px;border:1px solid #f5c6cb;font-size:14px}.auth-card .btn{width:100%;padding:12px;background-color:#667eea;color:#fff;border:none;border-radius:4px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .3s}.auth-card .btn:hover:not(:disabled){background-color:#764ba2}.auth-card .btn:disabled{opacity:.6;cursor:not-allowed}.auth-footer{text-align:center;margin-top:20px;color:#666;font-size:14px}.auth-footer a{color:#667eea;text-decoration:none;font-weight:600}.auth-footer a:hover{text-decoration:underline}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}@media (max-width: 480px){.auth-card{padding:20px}.form-row{grid-template-columns:1fr}}.home-container{max-width:1200px;margin:0 auto}.welcome-section{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:40px 20px;border-radius:8px;margin-bottom:40px;text-align:center}.welcome-section h1{font-size:32px;margin-bottom:10px}.welcome-section p{font-size:16px;opacity:.9}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:40px}.stat-card{background:#fff;padding:30px;border-radius:8px;box-shadow:0 2px 8px #0000001a;text-align:center;transition:transform .3s,box-shadow .3s}.stat-card:hover{transform:translateY(-5px);box-shadow:0 5px 15px #00000026}.stat-icon{font-size:48px;margin-bottom:15px}.stat-card h3{color:#2c3e50;margin-bottom:10px}.stat-number{font-size:32px;color:#667eea;font-weight:700;margin-bottom:20px}.stat-link{color:#667eea;text-decoration:none;font-weight:600;transition:color .3s}.stat-link:hover{color:#764ba2}.quick-actions{background:#fff;padding:30px;border-radius:8px;box-shadow:0 2px 8px #0000001a}.quick-actions h2{color:#2c3e50;margin-bottom:20px}.action-buttons{display:flex;gap:15px;flex-wrap:wrap}.action-buttons .btn{flex:1;min-width:150px}@media (max-width: 768px){.welcome-section h1{font-size:24px}.action-buttons{flex-direction:column}.action-buttons .btn{width:100%;min-width:unset}}.form-container{max-width:800px;margin:0 auto}.form-container h1{color:#2c3e50;margin-bottom:30px}.form{background:#fff;padding:30px;border-radius:8px;box-shadow:0 2px 8px #0000001a}.form .form-group{margin-bottom:25px}.form .form-group label{display:block;color:#2c3e50;font-weight:600;margin-bottom:8px}.form .form-group input,.form .form-group select,.form .form-group textarea{width:100%;padding:12px;border:1px solid #ddd;border-radius:4px;font-size:14px;font-family:inherit}.form .form-group input:focus,.form .form-group select:focus,.form .form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form .form-group textarea{resize:vertical;min-height:150px}.form .btn{width:100%;padding:12px;background-color:#667eea;color:#fff;border:none;border-radius:4px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .3s;margin-top:10px}.form .btn:hover:not(:disabled){background-color:#764ba2}.form .btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.form{padding:20px}.form .form-row{grid-template-columns:1fr}}.list-container{max-width:1200px;margin:0 auto}.list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;flex-wrap:wrap;gap:15px}.list-header h1{color:#2c3e50}.empty-state{text-align:center;padding:60px 20px;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a}.empty-state p{color:#666;margin-bottom:20px;font-size:18px}.list-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.list-card{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 8px #0000001a;text-decoration:none;color:inherit;transition:transform .3s,box-shadow .3s}.list-card:hover{transform:translateY(-5px);box-shadow:0 5px 15px #00000026}.list-card h3{color:#2c3e50;margin-bottom:10px}.list-card p{color:#666;margin-bottom:15px}.status{display:inline-block;padding:4px 12px;background-color:#e3f2fd;color:#1976d2;border-radius:20px;font-size:12px;font-weight:600}.loading{text-align:center;padding:40px;color:#666}@media (max-width: 768px){.list-header{flex-direction:column;align-items:flex-start}.list-grid{grid-template-columns:1fr}}.detail-container{max-width:800px;margin:0 auto}.back-btn{background:none;border:none;color:#667eea;font-size:16px;cursor:pointer;margin-bottom:20px;padding:0;font-weight:600}.back-btn:hover{color:#764ba2}.detail-card{background:#fff;padding:30px;border-radius:8px;box-shadow:0 2px 8px #0000001a}.detail-card h1{color:#2c3e50;margin-bottom:30px}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px}.detail-item label{display:block;color:#666;font-size:12px;font-weight:600;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.detail-item p{color:#2c3e50;font-size:16px;font-weight:500}@media (max-width: 768px){.detail-card{padding:20px}.detail-grid{grid-template-columns:1fr}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:#f5f5f5;color:#333}#root{display:flex;flex-direction:column;min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:20px}.btn{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease;text-decoration:none;display:inline-block}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background-color:#007bff;color:#fff}.btn-primary:hover:not(:disabled){background-color:#0056b3}.btn-secondary{background-color:#6c757d;color:#fff}.btn-secondary:hover:not(:disabled){background-color:#5a6268}.form-group{margin-bottom:20px;display:flex;flex-direction:column}.form-group label{margin-bottom:8px;font-weight:500}.form-group input,.form-group select,.form-group textarea{padding:10px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;font-family:inherit}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.error-message{color:#dc3545;padding:12px;background-color:#f8d7da;border-radius:4px;margin-bottom:20px;border:1px solid #f5c6cb}.success-message{color:#155724;padding:12px;background-color:#d4edda;border-radius:4px;margin-bottom:20px;border:1px solid #c3e6cb}@media (max-width: 768px){.form-row{grid-template-columns:1fr}.btn{width:100%;text-align:center}}