.button{color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;background:#2a2a2a;border:1px solid #4a4a4a;border-radius:8px;outline:none;padding:12px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:inline-block}.button:hover{background-color:#3a3a3a;border-color:#5a5a5a}.button:active{background-color:#4a4a4a}.button:focus{outline-offset:2px;outline:2px solid #dc2626}.button:disabled{opacity:.5;cursor:not-allowed}.button:disabled:hover{background-color:#2a2a2a;border-color:#4a4a4a}.button.primary{color:#fff;background-color:#dc2626;border-color:#dc2626}.button.primary:hover{background-color:#b91c1c;border-color:#b91c1c}.button.primary:active{background-color:#991b1b}.button.secondary{color:#374151;background-color:#f9fafb;border-color:#d1d5db}.button.secondary:hover{background-color:#f3f4f6}.button.danger{color:#fff;background-color:#dc2626;border-color:#dc2626}.button.danger:hover{background-color:#b91c1c;border-color:#b91c1c}.button.success{color:#fff;background-color:#10b981;border-color:#10b981}.button.success:hover{background-color:#059669;border-color:#059669}.button.warning{color:#fff;background-color:#f59e0b;border-color:#f59e0b}.button.warning:hover{background-color:#d97706;border-color:#d97706}.button.small{padding:6px 12px;font-size:12px}.button.medium{padding:8px 16px;font-size:14px}.button.large{padding:12px 24px;font-size:16px}.card{background:#1a1a1a;border:1px solid #3a3a3a;border-radius:12px;transition:box-shadow .2s;overflow:hidden;box-shadow:0 4px 6px #0000004d}.card:hover{box-shadow:0 8px 12px #0006}.card-header{background-color:#2a2a2a;border-bottom:1px solid #3a3a3a;padding:20px}.card-title{color:#fff;margin:0 0 8px;font-size:1.25rem;font-weight:600}.card-subtitle{color:#ccc;margin:0;font-size:14px}.card-footer{background-color:#2a2a2a;border-top:1px solid #3a3a3a;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.card.outlined{box-shadow:none;border:2px solid #4a4a4a}.card.elevated{box-shadow:0 10px 15px -3px #0006}.card.filled{background-color:#2a2a2a}.card.compact .card-header,.card.compact .card-content,.card.compact .card-footer{padding:12px 16px}.card.spacious .card-header,.card.spacious .card-content,.card.spacious .card-footer{padding:24px}@media (width<=768px){.card-header,.card-content,.card-footer{padding:16px}.card-title{font-size:1.125rem}}*{box-sizing:border-box}html,body,#root{color:#fff;min-height:100vh;background:#0a0a0a!important}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;background:#0a0a0a!important}.bg-white,.bg-gray-50{background-color:#1a1a1a!important}.bg-gray-100{background-color:#2a2a2a!important}.bg-gray-200{background-color:#3a3a3a!important}.bg-gray-800{background-color:#1a1a1a!important}.bg-gray-900{background-color:#0a0a0a!important}.text-gray-600{color:#ccc!important}.text-gray-700{color:#bbb!important}.text-gray-800{color:#aaa!important}.text-gray-900{color:#fff!important}.border-gray-200{border-color:#3a3a3a!important}.border-gray-300{border-color:#4a4a4a!important}.btn-primary,.bg-blue-600,.bg-blue-500{background-color:#dc2626!important;border-color:#dc2626!important}.btn-primary:hover,.bg-blue-600:hover,.bg-blue-500:hover{background-color:#b91c1c!important;border-color:#b91c1c!important}.text-blue-600{color:#dc2626!important}.card,.bg-white{background-color:#1a1a1a!important;border:1px solid #3a3a3a!important}input,textarea,select{color:#fff!important;background-color:#2a2a2a!important;border:1px solid #4a4a4a!important}input:focus,textarea:focus,select:focus{border-color:#dc2626!important;box-shadow:0 0 0 1px #dc2626!important}table{color:#fff!important;background-color:#1a1a1a!important}thead th{background-color:#2a2a2a!important;border-bottom:1px solid #4a4a4a!important}tbody tr{border-bottom:1px solid #3a3a3a!important}tbody tr:hover{background-color:#2a2a2a!important}.sidebar{background-color:#1a1a1a!important;border-right:1px solid #3a3a3a!important}.modal-overlay{background-color:#000c!important}.modal-content{background-color:#1a1a1a!important;border:1px solid #3a3a3a!important}code{border-radius:4px;padding:2px 4px;font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace;color:#fff!important;background-color:#2a2a2a!important}.app{background-color:#f5f5f5;min-height:100vh;display:flex}.main-content{flex:1;margin-left:250px;transition:margin-left .3s}.sidebar-open .main-content{margin-left:0}.page-container{max-width:1200px;margin:0 auto;padding:20px}.page-header{margin-bottom:30px}.page-header h1{color:#1f2937;margin:0 0 10px;font-size:2rem;font-weight:600}.page-header p{color:#6b7280;margin:0;font-size:1rem}.card{background:#fff;border-radius:8px;margin-bottom:20px;box-shadow:0 1px 3px #0000001a}.card-header{border-bottom:1px solid #e5e7eb;margin-bottom:20px;padding:20px 20px 0}.card-header h3{color:#1f2937;margin:0;font-size:1.25rem;font-weight:600}.card-content{padding:0 20px 20px}.data-table{border-collapse:collapse;width:100%;margin-top:10px}.data-table th,.data-table td{text-align:left;border-bottom:1px solid #e5e7eb;padding:12px}.data-table th{color:#374151;background-color:#f9fafb;font-weight:600}.data-table tr:hover{background-color:#f9fafb}.badge{text-transform:uppercase;border-radius:4px;padding:4px 8px;font-size:.75rem;font-weight:500;display:inline-block}.badge.success{color:#166534;background-color:#dcfce7}.badge.warning{color:#92400e;background-color:#fef3c7}.badge.error{color:#dc2626;background-color:#fee2e2}.error-message{color:#ff6b6b;background-color:#2a1a1a;border:1px solid #4a2a2a;border-radius:8px;margin-bottom:16px;padding:12px;font-size:.875rem}.skeleton-container{padding:20px}.skeleton-header{background-color:#e5e7eb;border-radius:4px;height:40px;margin-bottom:20px}.skeleton-content{flex-direction:column;gap:10px;display:flex}.skeleton-line{background-color:#e5e7eb;border-radius:4px;height:20px}.skeleton-line-wide{width:100%}.skeleton-line-medium{width:70%}.modal-overlay{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:#fff;border-radius:8px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a}.modal-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:20px;display:flex}.modal-header h2{color:#1f2937;margin:0;font-size:1.25rem;font-weight:600}.modal-close{cursor:pointer;color:#6b7280;background:0 0;border:none;justify-content:center;align-items:center;width:24px;height:24px;padding:0;font-size:1.5rem;display:flex}.modal-close:hover{color:#374151}.modal-body{padding:20px}.modal-actions{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.tabs{gap:10px;margin-bottom:20px;display:flex}.login-container{background:linear-gradient(135deg,#0a0a0a 0%,#1a1a1a 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-card{border-radius:12px;width:100%;max-width:400px;box-shadow:0 10px 25px #0000004d;background-color:#1a1a1a!important;border:1px solid #3a3a3a!important}.login-card .card-header{text-align:center;border-bottom:1px solid #3a3a3a;padding:30px 20px 20px}.login-card .card-header h2{margin:0;font-size:1.5rem;font-weight:600;color:#fff!important}.login-card .card-content{padding:20px}.form-group{margin-bottom:20px}.form-group label{color:#ccc;margin-bottom:8px;font-size:.875rem;font-weight:500;display:block}.login-button{cursor:pointer;border-radius:8px;width:100%;padding:12px;font-size:1rem;font-weight:500;transition:background-color .2s;color:#fff!important;background-color:#dc2626!important;border:none!important}.login-button:hover:not(:disabled){background-color:#b91c1c!important}.login-button:disabled{cursor:not-allowed;background-color:#4a4a4a!important}.register-link{text-align:center;color:#ccc;margin-top:20px;font-size:.875rem}.register-link a{font-weight:500;text-decoration:none;color:#dc2626!important}.register-link a:hover{text-decoration:underline}@media (width<=768px){.main-content{margin-left:0}.page-container,.login-container{padding:10px}.login-card{max-width:100%}}