:root{--font-family: "Inter", system-ui, -apple-system, sans-serif;--bg-dark: #0e0e10;--bg-card: #18181b;--bg-sidebar: #1f1f23;--bg-input: #0a0a0c;--primary: #9147ff;--primary-hover: #772ce8;--primary-light: #a970ff;--text-primary: #efeff1;--text-secondary: #adadb8;--border-color: #2f2f35;--success: #00f593;--danger: #eb0400;--warning: #ffb700;--info: #00d2ff}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-dark);color:var(--text-primary);overflow-x:hidden;line-height:1.5}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}.app-container{display:flex;height:100vh;width:100vw;overflow:hidden}.main-content{flex:1;display:flex;flex-direction:column;overflow-y:auto;background-color:var(--bg-dark)}.card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;padding:20px;margin-bottom:20px}input,select,textarea{background-color:var(--bg-input);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);padding:8px 12px;font-family:inherit;font-size:14px;outline:none;transition:border-color .2s}input:focus,select:focus,textarea:focus{border-color:var(--primary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:4px;font-weight:500;font-size:14px;padding:8px 16px;cursor:pointer;border:none;transition:all .2s;text-decoration:none}.btn-primary{background-color:var(--primary);color:#fff}.btn-primary:hover{background-color:var(--primary-hover)}.btn-secondary{background-color:#2f2f35;color:var(--text-primary)}.btn-secondary:hover{background-color:#3f3f46}.btn-danger{background-color:#eb040033;border:1px solid var(--danger);color:#ff8080}.btn-danger:hover{background-color:var(--danger);color:#fff}.btn-success{background-color:#00f59326;border:1px solid var(--success);color:var(--success)}.btn-success:hover{background-color:var(--success);color:#000}.table-container{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left}th{color:var(--text-secondary);font-size:12px;font-weight:600;text-transform:uppercase;padding:12px 16px;border-bottom:1px solid var(--border-color)}td{padding:16px;font-size:14px;border-bottom:1px solid var(--border-color)}tr:hover td{background-color:#ffffff05}