*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#f5f7fa;color:#333;line-height:1.6}.container{max-width:1400px;margin:0 auto;padding:20px}.navbar{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1rem 2rem;box-shadow:0 2px 10px #0000001a}.navbar-content{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.navbar h1{font-size:1.5rem;font-weight:600}.nav-links{display:flex;gap:2rem;list-style:none}.nav-links a{color:#fff;text-decoration:none;font-weight:500;transition:opacity .3s;padding:.5rem 1rem;border-radius:4px}.nav-links a:hover,.nav-links a.active{background:#fff3}.card{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 4px 6px #00000012;margin-bottom:2rem}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #f0f0f0}.card-header h2{color:#667eea;font-size:1.5rem}.btn{padding:.6rem 1.5rem;border:none;border-radius:6px;cursor:pointer;font-size:.95rem;font-weight:500;transition:all .3s;text-decoration:none;display:inline-block}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.btn-success{background:#10b981;color:#fff}.btn-success:hover{background:#059669}.btn-danger{background:#ef4444;color:#fff}.btn-danger:hover{background:#dc2626}.btn-warning{background:#f59e0b;color:#fff}.btn-warning:hover{background:#d97706}.btn-secondary{background:#6b7280;color:#fff}.btn-secondary:hover{background:#4b5563}.btn-sm{padding:.4rem 1rem;font-size:.85rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#374151}.form-control{width:100%;padding:.75rem;border:2px solid #e5e7eb;border-radius:6px;font-size:1rem;transition:border-color .3s}.form-control:focus{outline:none;border-color:#667eea}.form-control.error{border-color:#ef4444}.error-message{color:#ef4444;font-size:.875rem;margin-top:.25rem}.table-container{overflow-x:auto}table{width:100%;border-collapse:collapse;background:#fff}thead{background:#f9fafb}th{padding:1rem;text-align:left;font-weight:600;color:#374151;border-bottom:2px solid #e5e7eb}td{padding:1rem;border-bottom:1px solid #f3f4f6}tr:hover{background:#f9fafb}.table-actions{display:flex;gap:.5rem}.loading{text-align:center;padding:3rem;color:#667eea;font-size:1.2rem}.loading:after{content:"...";animation:dots 1.5s steps(4,end) infinite}@keyframes dots{0%,20%{content:"."}40%{content:".."}60%{content:"..."}80%,to{content:""}}.alert{padding:1rem 1.5rem;border-radius:6px;margin-bottom:1rem;display:flex;align-items:center;gap:1rem}.alert-success{background:#d1fae5;color:#065f46;border-left:4px solid #10b981}.alert-error{background:#fee2e2;color:#991b1b;border-left:4px solid #ef4444}.alert-info{background:#dbeafe;color:#1e40af;border-left:4px solid #3b82f6}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal{background:#fff;border-radius:12px;padding:2rem;max-width:600px;width:90%;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #f0f0f0}.modal-header h3{color:#667eea;font-size:1.5rem}.modal-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:1rem;border-top:2px solid #f0f0f0}.search-bar{margin-bottom:1.5rem}.search-bar input{width:100%;padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:6px;font-size:1rem}.search-bar input:focus{outline:none;border-color:#667eea}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.85rem;font-weight:500}.badge-success{background:#d1fae5;color:#065f46}.badge-warning{background:#fef3c7;color:#92400e}.badge-danger{background:#fee2e2;color:#991b1b}.badge-info{background:#dbeafe;color:#1e40af}.empty-state{text-align:center;padding:3rem;color:#6b7280}.empty-state svg{width:64px;height:64px;margin-bottom:1rem;opacity:.5}@media (max-width: 768px){.grid-2{grid-template-columns:1fr}.nav-links{flex-direction:column;gap:.5rem}.card-header{flex-direction:column;align-items:flex-start;gap:1rem}.table-actions{flex-direction:column}}