*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";background:#060a18;color:#ebebeb;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0a0e21}::-webkit-scrollbar-thumb{background:#373737;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#4e4e4e}button{font-family:inherit}a{text-decoration:none;color:inherit}.floating-panel{position:relative;transition:transform .28s cubic-bezier(.34,1.56,.64,1),box-shadow .28s ease-out;transform:translateZ(0);will-change:transform;contain:layout style;backface-visibility:hidden;border:none!important}.floating-panel:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;z-index:-1;border-radius:inherit;pointer-events:auto}.floating-panel>*{pointer-events:none}.floating-panel button,.floating-panel a,.floating-panel input,.floating-panel select,.floating-panel [data-interactive=true],.floating-panel [data-interactive=true] *{pointer-events:auto}.floating-panel:not(:hover){transition-delay:30ms}.floating-level-1{box-shadow:0 6px 20px #0006,0 2px 8px #0003;z-index:1}.floating-level-1:hover{transform:translateY(-5px) scale(1.015);box-shadow:0 16px 40px #0000008c,0 8px 20px #0000004d,0 0 30px #784be926}.floating-level-2{box-shadow:0 12px 32px #00000073,0 4px 12px #00000040;z-index:2}.floating-level-2:hover{transform:translateY(-6px) scale(1.012);box-shadow:0 24px 56px #0000008c,0 12px 28px #0000004d,0 0 40px #784be92e}.floating-level-3{box-shadow:0 18px 48px #00000080,0 6px 16px #0000004d;z-index:3}.floating-level-3:hover{transform:translateY(-7px) scale(1.01);box-shadow:0 32px 72px #0009,0 16px 36px #00000059,0 0 50px #784be933}.floating-item{position:relative;transition:transform .22s cubic-bezier(.34,1.56,.64,1),box-shadow .22s ease-out;transform:translateZ(0);will-change:transform;backface-visibility:hidden}.floating-item:hover{transform:translateY(-3px) scale(1.01);box-shadow:0 12px 28px #00000080,0 6px 12px #0000004d,0 0 20px #784be91f;z-index:10}.floating-item:not(:hover){transition-delay:20ms}.sidebar-item{position:relative;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s ease-out,background-color .2s ease;transform:translateZ(0);will-change:transform;backface-visibility:hidden}.sidebar-item:hover{transform:translate(4px) scale(1.02);box-shadow:0 8px 24px #0006,0 4px 10px #00000040,0 0 16px #784be926;background-color:#784be926!important}.sidebar-item:not(:hover){transition-delay:20ms}.sidebar-item-active{box-shadow:0 4px 16px #784be94d,0 2px 8px #0003}.sidebar-item-active:hover{transform:translate(4px) scale(1.02);box-shadow:0 10px 28px #784be966,0 6px 14px #0000004d,0 0 20px #784be940}.stats-container{background:#1e233c80;border-radius:20px;padding:20px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.floating-glass{background:#101630bf!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);isolation:isolate}.floating-glass:hover{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}@media(prefers-reduced-motion:reduce){.floating-panel{transition:none;transform:none!important}.floating-panel:hover{transform:none!important}.floating-glass,.floating-glass:hover{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes modalIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes modalOut{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.95) translateY(-10px)}}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:fadeInUp .3s ease forwards}.animate-fade-in-delay-1{animation:fadeInUp .3s ease .05s forwards;opacity:0}.animate-fade-in-delay-2{animation:fadeInUp .3s ease .1s forwards;opacity:0}.animate-fade-in-delay-3{animation:fadeInUp .3s ease .15s forwards;opacity:0}.modal-overlay{animation:overlayIn .2s ease forwards}.modal-content{animation:modalIn .25s cubic-bezier(.34,1.56,.64,1) forwards}.user-grid{display:grid;gap:16px;transition:grid-template-columns .3s ease}@media(min-width:768px){.user-grid{display:block}}.user-row{transition:background-color .2s ease,transform .22s cubic-bezier(.34,1.56,.64,1),box-shadow .22s ease-out;transform:translateZ(0);will-change:transform}.user-row:hover{background-color:#784be914!important;transform:translateY(-2px);box-shadow:0 8px 20px #0000004d,0 0 16px #784be91a}.user-card{background:#101630bf;border-radius:12px;padding:16px;border:1px solid rgba(120,75,233,.1);transition:transform .22s cubic-bezier(.34,1.56,.64,1),box-shadow .22s ease-out}.user-card:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 12px 28px #00000080,0 6px 12px #0000004d,0 0 20px #784be91f}.dark-input{background:#101630d9;border:1px solid rgba(235,235,235,.2);border-radius:8px;color:#ebebeb;padding:12px 16px;font-size:14px;transition:border-color .2s ease,box-shadow .2s ease;outline:none}.dark-input::placeholder{color:#b4b4b4}.dark-input:focus{border-color:#c5afff;box-shadow:0 0 0 3px #c5afff26}.dark-input:hover:not(:focus){border-color:#ebebeb59}.dark-select{background:#101630d9;border:1px solid rgba(235,235,235,.2);border-radius:8px;color:#ebebeb;padding:12px 36px 12px 16px;font-size:14px;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23b4b4b4' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.dark-select:focus{border-color:#c5afff;box-shadow:0 0 0 3px #c5afff26}.dark-select:hover:not(:focus){border-color:#ebebeb59}.btn-edit{background:transparent;border:1px solid #8d66ec;color:#8d66ec;padding:8px 16px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:background-color .2s ease,transform .15s ease}.btn-edit:hover{background:#8d66ec26;transform:translateY(-1px)}.btn-delete{background:#ff6b6b;border:none;color:#fff;padding:8px 16px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:background-color .2s ease,box-shadow .2s ease,transform .15s ease}.btn-delete:hover{background:#ff5252;box-shadow:0 0 12px #ff6b6b66;transform:translateY(-1px)}.btn-delete:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.btn-primary{background:#784be9;border:none;color:#fff;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s ease,box-shadow .2s ease,transform .15s ease}.btn-primary:hover{background:#8d66ec;box-shadow:0 0 20px #784be966;transform:translateY(-1px)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.btn-ghost{background:transparent;border:1px solid rgba(235,235,235,.3);color:#ebebeb;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s ease,border-color .2s ease}.btn-ghost:hover{background:#ebebeb1a;border-color:#ebebeb80}.dev-banner{background:#101630bf;border-left:4px solid #f59e0b;border-radius:8px;padding:12px 16px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.btn-pagination{background:#101630d9;border:1px solid rgba(235,235,235,.2);color:#ebebeb;padding:8px 16px;border-radius:6px;font-size:14px;cursor:pointer;transition:background-color .2s ease,border-color .2s ease}.btn-pagination:hover:not(:disabled){background:#784be926;border-color:#784be9}.btn-pagination:disabled{opacity:.4;cursor:not-allowed}