@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#fff;background-color:#0a0a0f;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}.login-container{min-height:100vh;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden;padding:20px}.login-background{position:absolute;inset:0;overflow:hidden;z-index:0}.gradient-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4;animation:float 8s ease-in-out infinite}.orb-1{width:400px;height:400px;background:linear-gradient(135deg,#00d4ff,#08c);top:-100px;right:-100px;animation-delay:0s}.orb-2{width:300px;height:300px;background:linear-gradient(135deg,#7c4dff,#4a148c);bottom:-50px;left:-50px;animation-delay:-2s}.orb-3{width:200px;height:200px;background:linear-gradient(135deg,#00e676,#00a152);top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:-4s}@keyframes float{0%,to{transform:translate(0) scale(1)}25%{transform:translate(20px,-20px) scale(1.05)}50%{transform:translateY(20px) scale(1)}75%{transform:translate(-20px,-10px) scale(.95)}}.login-card{width:100%;max-width:420px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px!important;z-index:1;position:relative;overflow:hidden}.login-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#00d4ff,#7c4dff,#00e676)}.login-header{text-align:center;margin-bottom:32px}.logo-container{width:70px;height:70px;margin:0 auto 20px;background:linear-gradient(135deg,#00d4ff26,#7c4dff26);border-radius:16px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(0,212,255,.3)}.login-title{font-weight:700!important;margin-bottom:8px!important}.login-button{height:52px;font-size:1rem!important;background:linear-gradient(135deg,#00d4ff,#7c4dff)!important;transition:all .3s ease!important}.login-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00d4ff66!important}.login-button:disabled{opacity:.7;transform:none}@media(max-width:480px){.login-card{max-width:100%;border-radius:16px!important}.orb-1,.orb-2,.orb-3{opacity:.2}}.header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 4px 30px #0000001a!important}.header-toolbar{min-height:64px!important;padding:0 20px!important;display:flex;justify-content:space-between}.header-left{display:flex;align-items:center}.page-title{font-weight:600!important;font-size:1.1rem!important}.header-center{flex:1;display:flex;justify-content:center;max-width:350px;margin:0 20px}.search-box{display:flex;align-items:center;border-radius:8px;padding:6px 14px;width:100%;transition:all .2s ease}.search-box:focus-within{border-color:#00d4ff80}.search-icon{margin-right:10px;font-size:18px!important}.search-input{flex:1}.search-input input{padding:0;font-size:13px}.header-right{display:flex;align-items:center;gap:12px}.notification-btn{transition:all .2s ease!important}.notification-btn:hover{color:#00d4ff!important;background:#00d4ff1a!important}.user-section{display:flex;align-items:center;gap:10px;padding:4px 10px;border-radius:8px;cursor:pointer;transition:all .2s ease}.user-avatar{background:linear-gradient(135deg,#00d4ff,#7c4dff)!important;font-size:13px!important;font-weight:600!important}.user-info{display:flex;flex-direction:column}.user-name{font-weight:600!important;line-height:1.2;font-size:.875rem!important}.user-role{font-size:.7rem!important}.dropdown-icon{font-size:18px!important;transition:transform .2s ease}.user-section:hover .dropdown-icon{color:#00d4ff}@media(max-width:900px){.header-toolbar{padding:0 16px!important;min-height:56px!important}.page-title{font-size:1rem!important}.header-right{gap:8px}.user-section{padding:4px 6px;gap:8px}}@media(max-width:600px){.header-toolbar{padding:0 12px!important}.user-section{padding:4px}}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%;margin:0;padding:0;overflow-x:hidden}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0a0a0f;color:#fff}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#ffffff08}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}::selection{background:#00d4ff4d;color:#fff}*:focus-visible{outline:2px solid #00d4ff;outline-offset:2px}a{color:#00d4ff;text-decoration:none;transition:color .2s ease}a:hover{color:#5ce1ff}@media(max-width:768px){html{font-size:14px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}@keyframes glow{0%,to{box-shadow:0 0 5px #00d4ff4d}50%{box-shadow:0 0 20px #00d4ff80}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes ripple{0%{transform:scale(0);opacity:1}to{transform:scale(4);opacity:0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-fadeIn{animation:fadeIn .5s ease forwards}.animate-slideInRight{animation:slideInRight .4s ease forwards}.animate-slideInLeft{animation:slideInLeft .4s ease forwards}.animate-scaleUp{animation:scaleUp .3s ease forwards}.animate-pulse{animation:pulse 2s infinite}.animate-glow{animation:glow 2s infinite}.animate-bounce{animation:bounce 1s infinite}.animate-spin{animation:spin 1s linear infinite}.animate-float{animation:float 3s ease-in-out infinite}.stagger-children>*{opacity:0;animation:fadeIn .4s ease forwards}.stagger-children>*:nth-child(1){animation-delay:.05s}.stagger-children>*:nth-child(2){animation-delay:.1s}.stagger-children>*:nth-child(3){animation-delay:.15s}.stagger-children>*:nth-child(4){animation-delay:.2s}.stagger-children>*:nth-child(5){animation-delay:.25s}.stagger-children>*:nth-child(6){animation-delay:.3s}.stagger-children>*:nth-child(7){animation-delay:.35s}.stagger-children>*:nth-child(8){animation-delay:.4s}.hover-lift{transition:transform .2s ease,box-shadow .2s ease}.hover-lift:hover{transform:translateY(-3px);box-shadow:0 10px 30px #0000004d}.hover-scale{transition:transform .2s ease}.hover-scale:hover{transform:scale(1.02)}.hover-glow{transition:box-shadow .3s ease}.hover-glow:hover{box-shadow:0 0 20px #00d4ff66}.press-effect{transition:transform .1s ease}.press-effect:active{transform:scale(.97)}.card-hover{transition:all .3s cubic-bezier(.4,0,.2,1)}.card-hover:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0006;border-color:#00d4ff4d!important}.icon-rotate{transition:transform .3s ease}.icon-rotate:hover{transform:rotate(15deg)}.link-underline{position:relative;text-decoration:none}.link-underline:after{content:"";position:absolute;width:0;height:2px;bottom:-2px;left:0;background:linear-gradient(90deg,#00d4ff,#7c4dff);transition:width .3s ease}.link-underline:hover:after{width:100%}html{scroll-behavior:smooth}*:focus-visible{outline:2px solid #00d4ff;outline-offset:2px;border-radius:4px}::selection{background:#00d4ff4d;color:inherit}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}