*{box-sizing:border-box;margin:0;padding:0}body{background:#fff;color:#c70000;font-family:Inter,sans-serif}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#a0aec0;border-radius:3px}@keyframes sidebarAurora{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes sidebarGlow{0%,to{opacity:.35;transform:scale(1)}50%{opacity:.65;transform:scale(1.08)}}@keyframes navPop{0%{transform:scale(1)}40%{transform:scale(.94)}to{transform:scale(1)}}@keyframes avatarPulse{0%,to{box-shadow:0 0 0 0 #dc262600}50%{box-shadow:0 0 0 6px #dc262633}}@keyframes dropForm{0%,35%{opacity:0;transform:scaleY(0)}55%{opacity:1;transform:scaleY(1.1)}65%,to{opacity:1;transform:scaleY(1)}}@keyframes ripple{0%{opacity:.9;transform:translate(-50%,-50%) scale(.2)}to{opacity:0;transform:translate(-50%,-50%) scale(2.8)}}@keyframes waveScroll{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes waterRise{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes bubbleFloat{0%{opacity:.6;transform:translateY(0) scale(1)}50%{opacity:.9;transform:translateY(-14px) scale(1.1)}to{opacity:0;transform:translateY(-28px) scale(.8)}}@keyframes ledPulse{0%,to{box-shadow:0 0 4px #34d399cc;opacity:1}50%{box-shadow:0 0 0 #34d39900;opacity:.4}}@keyframes gleam{0%{transform:translateX(-100%) rotate(20deg)}to{transform:translateX(300%) rotate(20deg)}}.sidebar{backdrop-filter:blur(40px) saturate(200%);-webkit-backdrop-filter:blur(40px) saturate(200%);background:linear-gradient(175deg,#ff2c2cf7,#c81414fa 40%,#b40f0ffc);border-right:1px solid hsla(0,0%,100%,.055);display:flex;flex-direction:column;flex-shrink:0;min-height:100vh;overflow:hidden;position:relative;transition:width .32s cubic-bezier(.4,0,.2,1);width:252px;z-index:300}.sidebar:before{animation:sidebarGlow 7s ease-in-out infinite;background:radial-gradient(circle,#dc262629 0,#0000 68%);height:260px;left:-50px;top:-80px;width:260px}.sidebar:after,.sidebar:before{border-radius:50%;content:"";pointer-events:none;position:absolute;z-index:0}.sidebar:after{animation:sidebarGlow 9s ease-in-out infinite reverse;background:radial-gradient(circle,#ff6a6a1a 0,#0000 68%);bottom:40px;height:200px;right:-70px;width:200px}.sidebar>*{position:relative;z-index:1}.sidebar-collapsed{width:68px}.sidebar-water-widget{align-items:center;background:hsla(0,0%,100%,.032);border:1px solid hsla(0,0%,100%,.055);border-radius:18px;display:flex;height:100px;justify-content:center;margin:0 12px 6px;overflow:hidden;position:relative;transition:opacity .2s,height .32s}.sidebar-collapsed .sidebar-water-widget{height:0;margin:0 12px;opacity:0;pointer-events:none}.water-fill{border-radius:0 0 17px 17px;bottom:0;height:55%;left:0;overflow:hidden;position:absolute;right:0}.water-body{animation:waterRise 2.5s cubic-bezier(.22,.61,.36,1) both;background:linear-gradient(180deg,#38bdf847,#ff6a6a40);inset:0;position:absolute}.water-wave-wrap{animation:waveScroll 3s linear infinite;height:20px;left:0;position:absolute;top:-10px;width:200%}.water-wave-svg{display:inline-block;height:20px;width:50%}.water-bubble{animation:bubbleFloat linear infinite;background:#bae6fd8c;border-radius:50%;position:absolute}.purifier-svg-wrap{position:relative;z-index:2}.drop-wrap,.purifier-svg-wrap{align-items:center;display:flex;flex-direction:column}.drop-wrap{bottom:-2px;left:50%;pointer-events:none;position:absolute;transform:translateX(-50%);width:20px}.drop-form{animation:dropForm 3.4s ease-in-out infinite;transform-origin:top center}.drop-fall{animation:dropFall 3.4s ease-in .9s infinite;opacity:0;top:0;transform:translateX(-50%)}.drop-fall,.drop-ripple{left:50%;position:absolute}.drop-ripple{animation:ripple 3.4s ease-out 1.7s infinite;border:1px solid #bae6fd8c;border-radius:50%;bottom:12px;height:5px;width:12px}.purifier-led{animation:ledPulse 2s ease-in-out infinite}.purifier-gleam{animation:gleam 4s ease-in-out 1s infinite;background:linear-gradient(105deg,#0000 30%,#ffffff24 50%,#0000 70%);height:100%;left:0;pointer-events:none;position:absolute;top:0;width:30%}.sidebar-brand{border-bottom:1px solid #0000;border-image:linear-gradient(90deg,#0000,#dc262647 40%,#dc26262e 70%,#0000) 1;min-height:64px;padding:18px 14px 14px}.hamburger-btn,.sidebar-brand{align-items:center;display:flex}.hamburger-btn{background:#ffffff0d;border:1px solid #ffffff12;border-radius:11px;cursor:pointer;flex-shrink:0;height:36px;justify-content:center;margin-right:10px;transition:background .18s,border-color .18s,transform .18s;width:36px}.hamburger-btn:hover{background:#dc262626;border-color:#dc26264d;transform:scale(1.05)}.hamburger-btn:active{transform:scale(.94)}.brand-content{align-items:center;display:flex;gap:10px;opacity:1;overflow:hidden;transition:opacity .2s ease,transform .2s ease;white-space:nowrap}.sidebar-collapsed .brand-content{opacity:0;pointer-events:none;transform:translateX(-8px)}.brand-icon{align-items:center;animation:sidebarAurora 5s ease infinite;background:linear-gradient(135deg,#dc2626,#b91c1c);background-size:200% 200%;border-radius:11px;box-shadow:0 4px 16px #dc262666,inset 0 1px 0 #ffffff38;display:flex;flex-shrink:0;height:36px;justify-content:center;overflow:hidden;position:relative;width:36px}.brand-icon:after{animation:gleam 5s ease-in-out 2s infinite;background:linear-gradient(105deg,#0000,#ffffff40,#0000);content:"";height:100%;left:-60%;position:absolute;top:0;width:40%}.brand-name{color:#fff;font-size:14px;font-weight:700;letter-spacing:-.2px;white-space:nowrap}.brand-sub{color:#ffffffb3;font-size:10px;margin-top:1px;white-space:nowrap}.sidebar-user{align-items:center;background:#ffffff0a;border:1px solid #ffffff12;border-radius:14px;cursor:pointer;display:flex;gap:10px;margin:10px 10px 6px;overflow:hidden;padding:10px 12px;position:relative;transition:background .2s,border-color .2s,transform .18s}.sidebar-user:before{background:linear-gradient(135deg,#dc26261a,#dc262612);border-radius:14px;content:"";inset:0;opacity:0;position:absolute;transition:opacity .2s}.sidebar-user:hover{background:#ffffff12;border-color:#dc262638;transform:translateY(-1px)}.sidebar-user:hover:before{opacity:1}.sidebar-user:active{transform:scale(.98)}.sidebar-user-avatar{align-items:center;background:linear-gradient(135deg,#dc2626,#ef4444);border-radius:50%;box-shadow:0 2px 10px #dc262659;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:36px;justify-content:center;transition:transform .2s;width:36px}.sidebar-user:hover .sidebar-user-avatar{animation:avatarPulse 1.5s ease-in-out infinite;transform:scale(1.08)}.sidebar-user-info{min-width:0;opacity:1;overflow:hidden;transition:opacity .18s ease,transform .18s ease;white-space:nowrap}.sidebar-collapsed .sidebar-user-info{opacity:0;pointer-events:none;transform:translateX(-6px)}.sidebar-user-name{color:#fff;font-size:12px;font-weight:600;max-width:148px;overflow:hidden;text-overflow:ellipsis}.sidebar-user-role{color:#ffffffb3;font-size:10px;margin-top:1px}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:2px;padding:4px 10px}.nav-item{align-items:center;background:#0000;border:none;border-radius:12px;color:#ffffffbf;cursor:pointer;display:flex;font-family:inherit;font-size:13px;font-weight:500;gap:10px;overflow:hidden;padding:10px 11px;position:relative;text-align:left;transition:background .18s,color .18s,transform .15s,box-shadow .18s;white-space:nowrap;width:100%}.nav-item:hover{background:#ffffff26;color:#fff;transform:translateX(2px)}.nav-item.active{border:1px solid #dc262638;box-shadow:0 2px 14px #dc26262e,inset 0 1px 0 #ffffff14;color:#fff}.nav-item.active:before{background:linear-gradient(180deg,#dc2626,#ef4444);border-radius:0 3px 3px 0;box-shadow:0 0 8px #dc262699;content:"";height:60%;left:0;position:absolute;top:20%;width:3px}.nav-item:active{animation:navPop .2s ease}.nav-item.logout:hover{background:#ef44441a;border:1px solid #ef444424;color:#fca5a5;transform:translateX(2px)}.nav-label{letter-spacing:-.1px;opacity:1;overflow:hidden;transition:opacity .15s ease;white-space:nowrap}.sidebar-collapsed .nav-label{opacity:0;pointer-events:none;width:0}.sidebar-footer{border-image:linear-gradient(90deg,#0000,#dc26262e 40%,#dc26261f 70%,#0000) 1;border-top:1px solid #0000;display:flex;flex-direction:column;gap:2px;padding:6px 10px 14px}@media (max-width:768px){.sidebar{box-shadow:8px 0 40px #0009,2px 0 0 #dc26261f;height:100vh;left:0;position:fixed;top:0;transform:translateX(0);transition:transform .3s cubic-bezier(.4,0,.2,1),width .3s cubic-bezier(.4,0,.2,1);z-index:400}.sidebar-collapsed{transform:translateX(-100%);width:252px}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes bgWave1{0%,to{transform:translateX(0) translateY(0)}50%{transform:translateX(-30px) translateY(10px)}}@keyframes bgWave2{0%,to{transform:translateX(0) translateY(0)}50%{transform:translateX(40px) translateY(-8px)}}@keyframes dropFall{0%{opacity:0;transform:translateY(-60px) scaleX(.8)}10%{opacity:.9}85%{opacity:.7;transform:translateY(100vh) scaleX(.9)}to{opacity:0;transform:translateY(105vh)}}@keyframes bubbleRise{0%{opacity:0;transform:translateY(0) translateX(0)}5%{opacity:.6}90%{opacity:.3}to{opacity:0;transform:translateY(-100vh) translateX(20px)}}@keyframes rippleOut{0%{opacity:.9;transform:scale(.2)}to{opacity:0;transform:scale(3.5)}}@keyframes cardIn{0%{opacity:0;transform:translateY(28px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes logoShimmer{0%{transform:translateX(-100%) rotate(15deg)}to{transform:translateX(300%) rotate(15deg)}}@keyframes wave{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes orbFloat1{0%,to{transform:translate(0) scale(1)}33%{transform:translate(40px,-20px) scale(1.05)}66%{transform:translate(-20px,30px) scale(.95)}}@keyframes orbFloat2{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-50px,25px) scale(.93)}66%{transform:translate(30px,-15px) scale(1.07)}}@keyframes orbFloat3{0%,to{transform:translate(0)}50%{transform:translate(20px,-40px)}}@keyframes ledBlink{0%,to{opacity:1}50%{opacity:.3}}@keyframes purifierBob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.signin-bg{align-items:center;background:#f8f9fa;display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:20px;position:relative}.signin-bg:before{animation:orbFloat1 18s ease-in-out infinite;background:radial-gradient(circle,#0ea5e921 0,#0000 65%);height:700px;left:-150px;top:-200px;width:700px}.signin-bg:after,.signin-bg:before{border-radius:50%;content:"";pointer-events:none;position:absolute}.signin-bg:after{animation:orbFloat2 22s ease-in-out infinite;background:radial-gradient(circle,#6366f11c 0,#0000 65%);bottom:-150px;height:600px;right:-100px;width:600px}.water-particles{inset:0;overflow:hidden;pointer-events:none;position:absolute;z-index:0}.wdrop{animation:dropFall linear infinite;background:linear-gradient(180deg,#7dd3fc8c,#38bdf859);border-radius:50% 50% 60% 60%;box-shadow:0 0 6px #dc262633;position:absolute;top:-80px}.wbubble{animation:bubbleRise ease-in infinite;background:#bae6fd12;border:1px solid #dc262633;border-radius:50%;bottom:-40px;position:absolute}.wripple{animation:rippleOut ease-out infinite;border:1px solid #dc262626;border-radius:50%;position:absolute}.signin-waves{bottom:0;height:120px;left:0;overflow:hidden;pointer-events:none;position:absolute;right:0;z-index:0}.signin-wave-row{animation:wave linear infinite;bottom:0;height:100%;position:absolute;width:200%}.signin-purifier-bg{animation:purifierBob 5s ease-in-out infinite;bottom:20px;opacity:.06;pointer-events:none;position:absolute;right:40px;z-index:0}.signin-card{animation:cardIn .5s cubic-bezier(.34,1.36,.64,1) both;backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);background:#fffffff7;border:1px solid #ffffff80;border-radius:26px;box-shadow:0 32px 80px #0000008c,0 0 0 1px #ffffff14,inset 0 1px 0 #fff9;max-width:420px;width:100%;z-index:10}.signin-card,.signin-logo{overflow:hidden;position:relative}.signin-logo{color:#fff;padding:32px 40px 28px;text-align:center}.signin-logo:after{animation:logoShimmer 4s ease-in-out 1s infinite;background:linear-gradient(105deg,#0000,#ffffff24,#0000);content:"";height:100%;left:-60%;pointer-events:none;position:absolute;top:0;width:40%}.signin-logo-wave{animation:wave 6s linear infinite;bottom:-1px;height:28px;left:0;position:absolute;width:200%}.signin-logo-icon{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff2e;border:1px solid #ffffff40;border-radius:18px;box-shadow:0 8px 24px #0003,inset 0 1px 0 #ffffff59;display:flex;height:64px;justify-content:center;margin:0 auto 14px;position:relative;width:64px}.signin-logo-icon:after{animation:dropFall 3s ease-in .5s infinite;background:#ffffff80;border-radius:50% 50% 60% 60%;bottom:-3px;content:"";height:8px;left:50%;position:absolute;transform:translateX(-50%);width:6px}.signin-logo h1{font-size:23px;font-weight:800;letter-spacing:-.4px;margin-bottom:5px}.signin-logo p{font-size:13px;opacity:.78}.signin-form{padding:28px 32px 20px}.signin-form h2{color:#1a202c;font-size:17px;font-weight:700;margin-bottom:20px}.signin-error{align-items:center;background:#fff5f5;border:1px solid #fed7d7;border-radius:10px;color:#c53030;display:flex;font-size:13px;gap:8px;padding:10px 14px}.signin-error,.signin-field{margin-bottom:16px}.signin-field label{color:#4a5568;display:block;font-size:12px;font-weight:600;letter-spacing:.2px;margin-bottom:7px;text-transform:uppercase}.signin-input-wrap{align-items:center;display:flex;position:relative}.signin-input-icon{color:#a0aec0;left:13px;pointer-events:none;position:absolute}.signin-input-wrap input{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:13px;color:#1a202c;font-family:inherit;font-size:14px;outline:none;padding:12px 42px 12px 40px;transition:border-color .15s,box-shadow .15s,background .15s;width:100%}.signin-input-wrap input:focus{background:#fff;border-color:#dc2626;box-shadow:0 0 0 3px #dc26261f}.signin-input-wrap input:disabled{cursor:not-allowed;opacity:.6}.signin-eye{align-items:center;background:none;border:none;color:#a0aec0;cursor:pointer;display:flex;padding:0;position:absolute;right:13px;transition:color .15s}.signin-eye:hover{color:#4a5568}.signin-btn{align-items:center;border:none;border-radius:13px;box-shadow:0 4px 20px #dc262666;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:15px;font-weight:700;justify-content:center;letter-spacing:.1px;margin-top:10px;min-height:48px;overflow:hidden;padding:13px;position:relative;transition:opacity .15s,transform .12s,box-shadow .15s;width:100%}.signin-btn:after{animation:logoShimmer 3s ease-in-out infinite;background:linear-gradient(105deg,#0000,#ffffff2e,#0000);content:"";height:100%;left:-70%;position:absolute;top:0;width:40%}.signin-btn:hover:not(:disabled){box-shadow:0 8px 28px #dc262673;opacity:.92;transform:translateY(-1px)}.signin-btn:active:not(:disabled){transform:translateY(0) scale(.99)}.signin-btn:disabled{cursor:not-allowed;opacity:.7}.signin-spinner{animation:spin .7s linear infinite;border:2.5px solid #ffffff59;border-radius:50%;border-top-color:#fff;height:20px;width:20px}.signin-footer{border-top:1px solid #0000000f;color:#a0aec0;font-size:11px;font-weight:500;padding:12px 20px 16px;text-align:center}.app-layout{display:flex;min-height:100vh}.main-content{background:#fff;flex:1 1;min-width:0;overflow-y:auto;padding:28px 32px;position:relative}.main-content>:not(.water-bg){position:relative;z-index:1}.mobile-topbar,.water-bg{display:none}@media (max-width:768px){.app-layout{flex-direction:column}.main-content{padding:16px}.mobile-topbar{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px;padding:10px 4px 14px}}.page-header{margin-bottom:28px}.page-header h1{color:#1a202c;font-size:24px;font-weight:700}.page-header p{color:#718096;font-size:14px;margin-top:4px}.card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #00000012;padding:20px 24px}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:28px}.stat-card{background:#fff;box-shadow:0 1px 3px #00000012;gap:16px;padding:20px}.stat-card,.stat-icon{align-items:center;border-radius:12px;display:flex}.stat-icon{flex-shrink:0;height:48px;justify-content:center;width:48px}.stat-info h3{color:#1a202c;font-size:22px;font-weight:700}.stat-info p{color:#718096;font-size:13px}.table-wrapper{background:#fff;border-radius:12px;box-shadow:0 1px 3px #00000012;overflow-x:auto}table{border-collapse:collapse;font-size:14px;width:100%}thead tr{background:#f7fafc;border-bottom:1px solid #e2e8f0}thead th{color:#4a5568;font-size:12px;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-align:left;text-transform:uppercase}tbody tr{border-bottom:1px solid #f0f4f8;transition:background .15s}tbody tr:hover{background:#f7fafc}tbody td{color:#2d3748;padding:13px 16px}.badge{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:500;padding:3px 10px}.badge-green{background:#c6f6d5;color:#276749}.badge-red{background:#fed7d7;color:#9b2c2c}.badge-yellow{background:#fefcbf;color:#744210}.badge-blue{background:#bee3f8;color:#2b6cb0}.badge-gray{background:#e2e8f0;color:#4a5568}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:8px 16px;transition:all .15s}.btn-primary{background:#3b82f6;color:#fff}.btn-primary:hover{background:#2563eb}.btn-success{background:#10b981;color:#fff}.btn-success:hover{background:#059669}.btn-danger{background:#ef4444;color:#fff}.btn-danger:hover{background:#dc2626}.btn-outline{background:#0000;border:1px solid #e2e8f0;color:#4a5568}.btn-outline:hover{background:#f7fafc}.search-bar{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.search-input-wrap{flex:1 1;min-width:200px;position:relative}.search-input-wrap input{background:#fff;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;outline:none;padding:9px 14px 9px 38px;transition:border .15s;width:100%}.search-input-wrap input:focus{border-color:#3b82f6}.search-input-wrap svg{color:#a0aec0;left:11px;position:absolute;top:50%;transform:translateY(-50%)}.modal-overlay{align-items:center;background:#00000073;display:flex;inset:0;justify-content:center;position:fixed;z-index:100}.modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0003;max-width:95vw;padding:28px;width:480px}.modal h2{color:#1a202c;font-size:18px;font-weight:700;margin-bottom:20px}.form-group{margin-bottom:16px}.form-group label{color:#4a5568;display:block;font-size:13px;font-weight:500;margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{border:1px solid #e2e8f0;border-radius:8px;font-family:inherit;font-size:14px;outline:none;padding:9px 12px;transition:border .15s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3b82f6}.modal-footer{display:flex;gap:10px;justify-content:flex-end;margin-top:24px}
/*# sourceMappingURL=main.2da84e05.css.map*/