*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#000;background-image:radial-gradient(circle at 0% 0%,rgba(88,28,135,.35) 0%,transparent 50%),radial-gradient(circle at 100% 0%,rgba(88,28,135,.35) 0%,transparent 50%),radial-gradient(circle at 0% 100%,rgba(88,28,135,.35) 0%,transparent 50%),radial-gradient(circle at 100% 100%,rgba(88,28,135,.35) 0%,transparent 50%);background-attachment:fixed;color:#fff;min-height:100vh}#root{min-height:100vh}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:2rem;position:relative;background:transparent}.login-box{background:#000000b3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:3rem;border-radius:16px;box-shadow:0 20px 25px -5px #00000080,0 10px 10px -5px #0000004d;width:100%;max-width:420px;border:1px solid rgba(255,255,255,.05)}.login-box h1{text-align:center;margin-bottom:2.5rem;color:#fff;font-size:2rem;font-weight:600;letter-spacing:-.5px}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#e5e7eb;font-size:.9rem}.form-group input{width:100%;padding:.875rem 1rem;background:#00000080;border:1px solid rgba(255,255,255,.1);border-radius:8px;font-size:1rem;color:#fff;transition:all .2s ease}.form-group input::placeholder{color:#6b7280}.form-group input:focus{outline:none;border-color:#fff3;background:#000000b3;box-shadow:0 0 0 3px #581c8733}.login-box button{width:100%;padding:.875rem 1rem;background:#000000b3;color:#fff;border:1px solid rgba(255,255,255,.1);border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;margin-top:.5rem}.login-box button:hover:not(:disabled){background:#000c;border-color:#fff3;transform:translateY(-1px);box-shadow:0 4px 6px -1px #0006}.login-box button:active:not(:disabled){transform:translateY(0)}.login-box button:disabled{opacity:.5;cursor:not-allowed}.error-message{background:#ef444433;color:#fca5a5;padding:.875rem 1rem;border-radius:8px;margin-bottom:1rem;font-size:.9rem;border:1px solid rgba(239,68,68,.3)}.dashboard-container{display:flex;min-height:100vh;background:transparent}.dashboard-sidebar{width:260px;background:#000000b3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:1px solid rgba(255,255,255,.05);padding:2rem 0;position:fixed;height:100vh;overflow-y:auto;z-index:10}.sidebar-header{padding:0 1.5rem 2rem;border-bottom:1px solid rgba(255,255,255,.05);margin-bottom:1.5rem}.sidebar-header h1{color:#fff;font-size:1.5rem;font-weight:600;letter-spacing:-.5px}.sidebar-nav{padding:0 1rem}.nav-section{margin-bottom:2rem}.nav-section-title{color:#9ca3af;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:0 1rem;margin-bottom:.75rem}.nav-item{display:block;width:100%;text-align:left;padding:.75rem 1rem;color:#e5e7eb;text-decoration:none;border:none;background:none;border-radius:8px;margin-bottom:.25rem;transition:all .2s ease;font-size:.95rem;cursor:pointer;font-family:inherit}.nav-item:hover{background:#00000080;color:#fff}.nav-item.active{background:#581c874d;color:#fff;font-weight:500;border-left:2px solid rgba(88,28,135,.8)}.sidebar-footer{padding:1.5rem;border-top:1px solid rgba(255,255,255,.05);margin-top:auto;position:absolute;bottom:0;width:100%}.logout-button{width:100%;padding:.75rem 1rem;background:#ef444433;color:#fca5a5;border:1px solid rgba(239,68,68,.3);border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s ease}.logout-button:hover{background:#ef44444d;border-color:#ef444480;color:#fff}.dashboard-main{flex:1;margin-left:260px;padding:2rem;min-height:100vh}.dashboard-header{margin-bottom:2rem}.dashboard-header h2{color:#fff;font-size:2rem;font-weight:600;letter-spacing:-.5px;margin-bottom:.5rem}.dashboard-header p{color:#d1d5db;font-size:.95rem}.dashboard-content{display:flex;flex-direction:column;gap:2rem}.data-section{background:#000000b3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:2rem;border-radius:16px;box-shadow:0 10px 15px -3px #0006,0 4px 6px -2px #0003;border:1px solid rgba(255,255,255,.05)}.data-section h2{margin-bottom:1.5rem;color:#fff;font-size:1.5rem;font-weight:600;letter-spacing:-.5px}.empty-message{color:#9ca3af;font-style:italic;padding:2rem;text-align:center;font-size:.95rem}.table-container{overflow-x:auto;border-radius:8px}table{width:100%;border-collapse:collapse;font-size:.9rem}thead{background:#0009}th{padding:1rem;text-align:left;font-weight:600;color:#e5e7eb;border-bottom:1px solid rgba(255,255,255,.1);font-size:.85rem;text-transform:uppercase;letter-spacing:.05em}td{padding:1rem;border-bottom:1px solid rgba(255,255,255,.05);color:#d1d5db}tbody tr{transition:background .2s ease}tbody tr:hover{background:#0006}tbody tr:last-child td{border-bottom:none}.loading{display:flex;justify-content:center;align-items:center;min-height:50vh;font-size:1.2rem;color:#d1d5db}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#00000080}::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@media (max-width: 1024px){.dashboard-sidebar{width:220px}.dashboard-main{margin-left:220px}}@media (max-width: 768px){.dashboard-sidebar{width:100%;position:relative;height:auto;border-right:none;border-bottom:1px solid rgba(255,255,255,.1)}.dashboard-main{margin-left:0;padding:1.5rem}.sidebar-footer{position:relative}.dashboard-header h2{font-size:1.5rem}.data-section{padding:1.5rem}.table-container{font-size:.8rem}th,td{padding:.75rem .5rem}.login-box{padding:2rem}}