:root{--bg-primary: #0a0a0c;--bg-secondary: #16161a;--bg-surface: #242629;--border-color: #2f3239;--text-primary: #fffffe;--text-secondary: #94a1b2;--accent-color: #7f5af0;--accent-hover: #9c7ff5;--success-color: #2cb67d;--warning-color: #fb8b24;--danger-color: #ef4565;--input-bg: #1c1c21}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:var(--accent-color)}button{cursor:pointer;font-family:inherit;border:none;background:none}input{font-family:inherit}.container{max-width:1200px;margin:0 auto;padding:0 20px}.glass-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;padding:24px;box-shadow:0 8px 32px #0003}.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;border-radius:8px;font-weight:600;font-size:14px;transition:all .2s ease;gap:8px}.btn-primary{background-color:var(--accent-color);color:#fff}.btn-primary:hover{background-color:var(--accent-hover);transform:translateY(-1px)}.btn-danger{background-color:transparent;color:var(--danger-color);border:1px solid var(--danger-color)}.btn-danger:hover{background-color:#ef45651a}.btn-warning{background-color:transparent;color:var(--warning-color);border:1px solid var(--warning-color)}.btn-warning:hover{background-color:#fb8b241a}.btn-success{background-color:transparent;color:var(--success-color);border:1px solid var(--success-color)}.btn-success:hover{background-color:#2cb67d1a}.input-field{width:100%;padding:12px 16px;background-color:var(--input-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:15px;transition:border-color .2s ease}.input-field:focus{outline:none;border-color:var(--accent-color)}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:16px;text-align:left;border-bottom:1px solid var(--border-color)}.data-table th{color:var(--text-secondary);font-weight:500;font-size:13px;text-transform:uppercase;letter-spacing:.5px}.data-table tr:hover{background-color:#ffffff05}.badge{padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600;display:inline-block}.badge-success{background-color:#2cb67d1a;color:var(--success-color);border:1px solid rgba(44,182,125,.3)}.badge-danger{background-color:#ef45651a;color:var(--danger-color);border:1px solid rgba(239,69,101,.3)}
