@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;700&display=swap";:root{--primary:#f59e0b;--primary-light:#fbbf24;--primary-dark:#d97706;--primary-glow:#f59e0b40;--accent:#0ea5e9;--accent-glow:#0ea5e933;--success:#10b981;--danger:#f43f5e;--warning:#f59e0b;--bg-dark:#020617;--bg-card:#0f172aa6;--glass-bg:#ffffff08;--glass-border:#ffffff14;--glass-border-gold:#f59e0b26;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#64748b;--radius-xl:20px;--radius-2xl:28px;--shadow-glow:0 0 30px var(--primary-glow);--sidebar-width:280px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-dark);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Outfit,sans-serif;overflow-x:hidden}body:before{content:"";z-index:-1;background:radial-gradient(circle at 20% 20%,#f59e0b0d 0%,#0000 40%),radial-gradient(circle at 80% 80%,#0ea5e90a 0%,#0000 40%),radial-gradient(circle,#0f172a 0%,#020617 100%);position:fixed;inset:0}#root{z-index:10;position:relative}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.app-layout{min-height:100vh;display:flex}.main-content{margin-left:var(--sidebar-width);flex-direction:column;flex:1;min-width:0;display:flex}.main-content>main{width:100%;max-width:1600px;margin:0 auto;padding:48px}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid var(--glass-border);border-radius:var(--radius-2xl);box-shadow:0 20px 50px #0006}.card{border:1px solid var(--glass-border);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff05;transition:all .3s cubic-bezier(.4,0,.2,1)}.card:hover{border-color:var(--glass-border-gold);background:#ffffff0a;transform:translateY(-4px);box-shadow:0 10px 30px #0000004d}.flex{display:flex}.flex-col{flex-direction:column;display:flex}.flex-1{flex:1}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-5{gap:20px}.gap-6{gap:24px}.gap-8{gap:32px}.gap-10{gap:40px}.grid{display:grid}.grid-cols-1{grid-template-columns:1fr}.grid-cols-2,.md\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.lg\:grid-cols-4{grid-template-columns:repeat(4,1fr)}.xl\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.xl\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.xl\:col-span-2{grid-column:span 2/span 2}.p-4{padding:16px}.p-5{padding:20px}.p-6{padding:24px}.p-10{padding:40px}.px-6{padding-left:24px;padding-right:24px}.py-4{padding-top:16px;padding-bottom:16px}.pb-12{padding-bottom:48px}.space-y-4>*+*{margin-top:16px}.space-y-6>*+*{margin-top:24px}.space-y-8>*+*{margin-top:32px}.space-y-10>*+*{margin-top:40px}.fixed{position:fixed}.relative{position:relative}.absolute{position:absolute}.inset-0{inset:0}.z-\[100\]{z-index:100}.top-0{top:0}.right-0{right:0}.top-1\/2{top:50%}.left-4{left:16px}.left-6{left:24px}.-translate-y-1\/2{transform:translateY(-50%)}.pointer-events-none{pointer-events:none}.pl-12{padding-left:48px}.pl-16{padding-left:64px}.pr-6{padding-right:24px}.py-5{padding-top:20px;padding-bottom:20px}.pb-20{padding-bottom:80px}.shrink-0{flex-shrink:0}.w-full{width:100%}.h-full{height:100%}.w-5{width:20px}.h-5{height:20px}.w-10{width:40px}.h-10{height:40px}.w-14{width:56px}.h-14{height:56px}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-\[10px\]{font-size:10px}.font-bold{font-weight:700}.font-black{font-weight:900}.font-mono{font-family:JetBrains Mono,monospace}.uppercase{text-transform:uppercase}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.12em}.text-primary{color:var(--primary)}.text-text-muted{color:var(--text-muted)}.text-white{color:#fff}.text-black{color:#000}.text-danger{color:var(--danger)}.text-success{color:var(--success)}.bg-primary{background:var(--primary)}.bg-danger{background:var(--danger)}.bg-white\/5{background:#ffffff0d}.bg-white\/10{background:#ffffff1a}.bg-black\/20{background:#0003}.bg-black\/30{background:#0000004d}.rounded{border-radius:4px}.rounded-xl{border-radius:12px}.rounded-2xl{border-radius:16px}.rounded-full{border-radius:9999px}.backdrop-blur-sm{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.backdrop-blur-md{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-glow{box-shadow:var(--shadow-glow)}.animate-spin{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fade-in{animation:.4s ease-out forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.input-group label{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:8px;font-size:.7rem;font-weight:700;display:block}input,select,textarea{border:1px solid var(--glass-border);color:#fff;background:#0000004d;border-radius:12px;outline:none;width:100%;padding:14px 18px;font-size:.9rem;transition:all .2s}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-glow);background:#0006}.btn{border-radius:14px;align-items:center;gap:10px;padding:10px 24px;font-size:.85rem;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.btn-primary{background:var(--primary);color:#000;box-shadow:0 4px 15px var(--primary-glow)}.btn-primary:hover{background:var(--primary-light);box-shadow:0 8px 25px var(--primary-glow);transform:translateY(-2px)}.btn-secondary{color:#fff;border:1px solid var(--glass-border);background:#ffffff0d}.btn-secondary:hover{border-color:var(--text-muted);background:#ffffff1a}.data-table-container{border-radius:var(--radius-xl);overflow-x:auto}.data-table{border-collapse:separate;border-spacing:0 8px;width:100%}.data-table th{text-align:left;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);padding:16px 20px;font-size:.65rem;font-weight:700}.data-table tr{background:#ffffff05;transition:all .2s}.data-table td{border-top:1px solid var(--glass-border);border-bottom:1px solid var(--glass-border);padding:18px 20px}.data-table td:first-child{border-left:1px solid var(--glass-border);border-top-left-radius:12px;border-bottom-left-radius:12px}.data-table td:last-child{border-right:1px solid var(--glass-border);border-top-right-radius:12px;border-bottom-right-radius:12px}.data-table tr:hover{background:#ffffff0d;transform:scale(1.005)}.badge{letter-spacing:.05em;text-transform:uppercase;border-radius:6px;padding:4px 10px;font-size:.65rem;font-weight:800;display:inline-flex}.badge-success{color:#10b981;background:#10b9811a;border:1px solid #10b98133}.badge-danger{color:#f43f5e;background:#f43f5e1a;border:1px solid #f43f5e33}.badge-neutral{color:var(--text-muted);border:1px solid var(--glass-border);background:#ffffff0d}.text-gradient{background:linear-gradient(135deg, #fff 30%, var(--primary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:inline-block}.app-sidebar{width:var(--sidebar-width);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:1px solid var(--glass-border);z-index:1000;background:#020617cc;flex-direction:column;height:100vh;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;left:0}.sidebar-brand{align-items:center;gap:16px;margin-bottom:32px;padding:32px 24px;display:flex}.sidebar-brand-icon{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#000;width:44px;height:44px;box-shadow:0 8px 16px var(--primary-glow);border-radius:14px;justify-content:center;align-items:center;display:flex}.sidebar-brand-text h2{letter-spacing:-.02em;color:#fff;font-size:1.1rem;font-weight:900;line-height:1}.sidebar-brand-text span{text-transform:uppercase;letter-spacing:.2em;color:var(--primary);font-size:.65rem;font-weight:800}.sidebar-nav{flex:1;padding:0 16px}.sidebar-link{color:var(--text-secondary);border-radius:14px;align-items:center;gap:14px;margin-bottom:6px;padding:14px 16px;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.sidebar-link:hover{color:#fff;background:#ffffff0d}.sidebar-link.active{background:var(--primary);color:#000;box-shadow:0 10px 20px var(--primary-glow)}.sidebar-link-icon{opacity:.8;justify-content:center;align-items:center;display:flex}.sidebar-link.active .sidebar-link-icon{opacity:1}.sidebar-footer{border-top:1px solid var(--glass-border);background:#0003;padding:24px}.sidebar-user{align-items:center;gap:12px;margin-bottom:20px;display:flex}.sidebar-avatar{background:var(--glass-bg);border:1px solid var(--glass-border);width:36px;height:36px;color:var(--primary);border-radius:10px;justify-content:center;align-items:center;font-weight:800;display:flex}.sidebar-user-name{color:#fff;font-size:.85rem;font-weight:700}.sidebar-user-role{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:.65rem}.logout-btn{width:100%;color:var(--danger);background:#f43f5e1a;border:1px solid #f43f5e33;border-radius:10px;justify-content:center;align-items:center;gap:10px;padding:10px;font-size:.8rem;font-weight:700;transition:all .2s;display:flex}.logout-btn:hover{background:var(--danger);color:#fff}.app-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--glass-border);z-index:900;background:#0206174d;align-items:center;height:80px;padding:0 48px;display:flex;position:sticky;top:0}.header-container{justify-content:space-between;align-items:center;width:100%;display:flex}.header-search{border:1px solid var(--glass-border);background:#ffffff0d;border-radius:12px;align-items:center;gap:12px;width:100%;max-width:400px;padding:8px 16px;display:flex}.header-search input{background:0 0;border:none;padding:0;font-size:.85rem}.header-search input:focus{box-shadow:none}.header-actions{align-items:center;gap:24px;display:flex}.header-icon-btn{color:var(--text-secondary);transition:color .2s;position:relative}.header-icon-btn:hover{color:var(--primary)}.notif-dot{background:var(--danger);border:2px solid var(--bg-dark);border-radius:50%;width:8px;height:8px;position:absolute;top:-2px;right:-2px}.header-divider{background:var(--glass-border);width:1px;height:24px}.header-user{cursor:pointer;align-items:center;gap:12px;display:flex}.header-user-info{text-align:right;flex-direction:column;justify-content:center;display:flex}.header-user-name{color:#fff;font-size:.85rem;font-weight:700;line-height:1.2}.header-user-role{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:.65rem;line-height:1.2}.header-avatar{background:var(--primary);color:#000;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:.85rem;font-weight:800;display:flex}.login-page{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex;position:relative;overflow:hidden}.login-page:after{content:"";background:var(--primary-glow);filter:blur(150px);z-index:-1;opacity:.5;border-radius:50%;width:600px;height:600px;position:absolute;top:-200px;right:-200px}.login-card{background:var(--bg-card);-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);border:1px solid var(--glass-border);border-radius:var(--radius-2xl);width:100%;max-width:480px;overflow:hidden;box-shadow:0 40px 100px #00000080}.login-card-header{text-align:center;padding:48px 48px 32px}.login-logo{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#000;width:64px;height:64px;box-shadow:0 10px 30px var(--primary-glow);border-radius:20px;justify-content:center;align-items:center;margin:0 auto 24px;display:flex}.login-title{margin-bottom:12px;font-size:2rem;font-weight:900}.login-subtitle{color:var(--text-muted);font-size:.95rem}.login-card-body{padding:0 48px 48px}.field label{text-transform:uppercase;letter-spacing:.15em;color:var(--text-muted);margin-bottom:10px;font-size:.75rem;font-weight:800;display:block}.error-box{color:var(--danger);text-align:center;background:#f43f5e1a;border:1px solid #f43f5e33;border-radius:12px;margin-bottom:24px;padding:16px;font-size:.85rem;font-weight:600}.credential-info{border:1px dashed var(--glass-border);background:#ffffff08;border-radius:16px;gap:16px;margin-top:32px;padding:20px;display:flex}.credential-info-text{color:var(--text-muted);font-size:.75rem;line-height:1.6}.login-footer{border-top:1px solid var(--glass-border);background:#0003;justify-content:space-between;padding:24px 48px;display:flex}.login-footer-text{color:var(--text-muted);font-size:.7rem;font-weight:700}@media (width<=1024px){:root{--sidebar-width:0px}.app-sidebar{transform:translate(-100%)}.main-content{margin-left:0;padding:24px}.app-header{padding:0 24px}}@media (width<=640px){.login-card-header,.login-card-body{padding:32px 24px}.grid-cols-2{grid-template-columns:1fr}}