@import "https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700;800&family=DM+Sans:wght@300;400;500&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0b0e;--bg2:#111318;--bg3:#181c24;--border:#ffffff12;--border2:#ffffff1f;--border3:#ffffff2e;--text:#e8eaf0;--muted:#7a8099;--accent:#6c63ff;--accent2:#00c896;--warn:#f59e0b;--danger:#ef4444;--moc:#6c63ff;--cayeats:#00c896;--dcc:#f59e0b;--radius:10px;--radius-lg:16px;--radius-xl:20px;--shadow:0 4px 24px #0006;--shadow-lg:0 12px 48px #00000080;--shadow-premium:0 20px 60px #0009}html,body,#root{height:100%}body{color:var(--text);-webkit-font-smoothing:antialiased;background:linear-gradient(135deg,#0a0b0e 0%,#0f101a 50%,#0a0b0e 100%) fixed;font-family:DM Sans,sans-serif;font-size:14px;line-height:1.6}h1,h2,h3,h4,h5{letter-spacing:-.02em;font-family:Syne,sans-serif;font-weight:700}a{color:inherit;text-decoration:none}button{cursor:pointer;appearance:none;border:none;outline:none;font-family:DM Sans,sans-serif;font-weight:600}input,select,textarea{outline:none;font-family:DM Sans,sans-serif}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:linear-gradient(#6c63ff,#00c896);border-radius:99px;box-shadow:inset 0 0 6px #6c63ff4d}.card{border:1px solid var(--border3);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#111318cc 0%,#181c2499 100%);padding:24px;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 8px 32px #0006,inset 0 1px #ffffff0d}.card:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff1a,#0000);height:1px;position:absolute;top:0;left:0;right:0}.card:hover{border-color:var(--border2);box-shadow:0 12px 48px #6c63ff26,inset 0 1px #ffffff14}.badge{text-transform:uppercase;letter-spacing:.08em;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid;border-radius:99px;align-items:center;gap:4px;padding:4px 12px;font-size:11px;font-weight:600;display:inline-flex;box-shadow:0 2px 8px #0003}.badge.green{color:#00d9a3;background:linear-gradient(135deg,#00c89626,#00c89614);border-color:#00c8964d}.badge.red{color:#ff5252;background:linear-gradient(135deg,#ef444426,#ef444414);border-color:#ef44444d}.badge.yellow{color:#ffc844;background:linear-gradient(135deg,#f59e0b26,#f59e0b14);border-color:#f59e0b4d}.badge.purple{color:#8b7fff;background:linear-gradient(135deg,#6c63ff26,#6c63ff14);border-color:#6c63ff4d}.badge.gray{color:#9ba3c4;background:linear-gradient(135deg,#7a809926,#7a809914);border-color:#7a80994d}.btn{border-radius:var(--radius);text-transform:none;white-space:nowrap;-webkit-user-select:none;user-select:none;vertical-align:middle;border:1px solid #0000;justify-content:center;align-items:center;gap:6px;min-height:38px;padding:11px 20px;font-size:13px;font-weight:700;text-decoration:none;transition:all .3s cubic-bezier(.23,1,.32,1);display:inline-flex;position:relative;overflow:hidden;box-shadow:0 4px 16px #00000040,inset 0 1px #ffffff1a}.btn:before{content:"";opacity:0;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);height:1px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.btn:hover:before{opacity:1}.btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 24px #00000059,inset 0 1px #ffffff26}.btn:active:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #0003,inset 0 1px #ffffff1a}.btn:focus{outline:2px solid var(--accent);outline-offset:3px}.btn-primary{background:linear-gradient(135deg, var(--accent) 0%, #5a52e8 50%, #4a42d8 100%);color:#fff;letter-spacing:.02em;border:1px solid #ffffff26;font-weight:700}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#5a52e8 0%,#4a42d8 50%,#3a32c8 100%);box-shadow:0 12px 32px #6c63ff80,inset 0 1px #fff3}.btn-primary:active:not(:disabled){background:linear-gradient(135deg,#4a42d8 0%,#3a32c8 100%)}.btn-success{background:linear-gradient(135deg, var(--accent2) 0%, #00a575 50%, #008560 100%);color:#fff;border:1px solid #00d9a34d;font-weight:700}.btn-success:hover:not(:disabled){background:linear-gradient(135deg,#00a575 0%,#008560 50%,#006650 100%);box-shadow:0 12px 32px #00d9a366,inset 0 1px #fff3}.btn-success:active:not(:disabled){background:linear-gradient(135deg,#008560 0%,#006650 100%)}.btn-danger{background:linear-gradient(135deg, var(--danger) 0%, #dc2626 50%, #b91c1c 100%);color:#fff;border:1px solid #ff52524d;font-weight:700}.btn-danger:hover:not(:disabled){background:linear-gradient(135deg,#dc2626 0%,#b91c1c 50%,#991b1b 100%);box-shadow:0 12px 32px #ef444480,inset 0 1px #fff3}.btn-danger:active:not(:disabled){background:linear-gradient(135deg,#b91c1c 0%,#991b1b 100%)}.btn-ghost{color:var(--text);border:1.5px solid var(--border3);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:linear-gradient(135deg,#11131880,#181c244d);font-weight:700}.btn-ghost:hover:not(:disabled){border-color:var(--accent);color:var(--accent);background:linear-gradient(135deg,#6c63ff1a,#6c63ff0d);box-shadow:0 8px 20px #6c63ff40,inset 0 1px #ffffff1a}.btn-ghost:active:not(:disabled){background:#6c63ff26}.btn-sm{min-height:32px;padding:7px 14px;font-size:12px}.btn-lg{letter-spacing:.03em;min-height:48px;padding:16px 32px;font-size:14px}.btn-block{width:100%;display:flex}.btn-warning{background:linear-gradient(135deg, var(--warn) 0%, #d97706 50%, #b45309 100%);color:#fff;border:1px solid #ffc8644d;font-weight:700}.btn-warning:hover:not(:disabled){background:linear-gradient(135deg,#d97706 0%,#b45309 50%,#92400e 100%);box-shadow:0 12px 32px #f59e0b80,inset 0 1px #fff3}.btn-warning:active:not(:disabled){background:linear-gradient(135deg,#b45309 0%,#92400e 100%)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none!important;box-shadow:0 2px 6px #0000001a!important}.btn:disabled:after{content:"";pointer-events:none}@media (hover:none) and (pointer:coarse){.btn{min-height:46px;padding:13px 22px}.btn:active{opacity:.9}}@media (prefers-contrast:more){.btn{border-width:2px}.btn-primary,.btn-success,.btn-danger,.btn-warning{border-color:#fff}}@media (prefers-reduced-motion:reduce){.btn,.btn:hover,.btn:active{transition:none;transform:none!important}}.table-wrap{border-radius:var(--radius-lg);overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13px}thead th{text-align:left;color:#9ba3c4;text-transform:uppercase;letter-spacing:.1em;border-bottom:1.5px solid var(--border3);white-space:nowrap;background:linear-gradient(90deg,#ffffff05,#ffffff03);padding:14px 16px;font-size:11px;font-weight:600}tbody td{border-bottom:1px solid var(--border);color:var(--text);vertical-align:middle;padding:14px 16px;transition:background .2s}tbody tr:last-child td{border-bottom:1px solid var(--border)}tbody tr:hover td{background:linear-gradient(90deg,#6c63ff0d,#00d9a305)}.input{border:1.5px solid var(--border3);border-radius:var(--radius);color:var(--text);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:linear-gradient(135deg,#181c2499,#11131866);width:100%;padding:11px 16px;font-size:13px;transition:all .25s cubic-bezier(.23,1,.32,1);position:relative}.input:focus{border-color:var(--accent);transform:translateY(-1px);box-shadow:0 0 0 3px #6c63ff1a,inset 0 1px #ffffff0d}.input::placeholder{color:#5a6280}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;display:flex}.page-title{color:var(--text);background:linear-gradient(135deg, var(--text), #b8bcc8);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:800}.page-subtitle{color:#8a92ac;margin-top:4px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:400}.empty-state{text-align:center;color:#6a7289;padding:64px 32px}.empty-state svg{opacity:.2;filter:drop-shadow(0 4px 12px #6c63ff1a);margin-bottom:16px}.stat-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;margin-bottom:32px;display:grid}.stat-card{border:1.5px solid var(--border3);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#111318b3,#181c2480);padding:24px;transition:all .3s cubic-bezier(.23,1,.32,1);position:relative;overflow:hidden;box-shadow:0 8px 24px #0000004d,inset 0 1px #ffffff0a}.stat-card:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff1a,#0000);height:1px;position:absolute;top:0;left:0;right:0}.stat-card:after{content:"";pointer-events:none;background:radial-gradient(circle,#6c63ff08,#0000);width:200%;height:200%;position:absolute;bottom:-50%;right:-50%}.stat-card:hover{border-color:#6c63ff4d;transform:translateY(-4px);box-shadow:0 16px 40px #6c63ff26,inset 0 1px #ffffff14}.stat-label{text-transform:uppercase;letter-spacing:.1em;color:#7a8699;margin-bottom:10px;font-size:11px;font-weight:600}.stat-value{color:var(--text);background:linear-gradient(135deg, var(--text), #b8bcc8);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Syne,sans-serif;font-size:32px;font-weight:800;line-height:1.2}.stat-sub{color:#8a92ac;margin-top:8px;font-size:12px;font-weight:500}@keyframes spin{to{transform:rotate(360deg)}}.spinner{border:3px solid #6c63ff1a;border-top-color:var(--accent);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin;box-shadow:0 0 20px #6c63ff33}.loading-center{justify-content:center;align-items:center;min-height:240px;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes slideDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:none}}.fade-in{animation:.4s cubic-bezier(.23,1,.32,1) fadeIn}.slide-down{animation:.3s cubic-bezier(.23,1,.32,1) slideDown}::-webkit-scrollbar-thin{width:6px;height:6px}button,input,select,a{transition:all .25s cubic-bezier(.23,1,.32,1)}