@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap);@tailwind base;@tailwind components;@tailwind utilities;.bn{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Roboto,Open Sans,Arial,Helvetica,Segoe UI,sans-serif;font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace;margin:0}body.dark-mode{background-color:#121212;color:#fff}.sidebar.dark-mode{background-color:#333}.menu-item1.dark-mode{background-color:#444;color:#fff}.theme-toggle-btn{background-color:#fff;border:none;color:#333;cursor:pointer;font-size:16px;padding:10px}.theme-toggle-btn:hover{background-color:#444;color:#fff}.login-container{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;padding:20px;position:relative}.login-container,body{background:linear-gradient(180deg,#000,#434343)}body{font-family:Poppins,sans-serif;margin:0;min-height:100vh}.back{align-items:center;background:linear-gradient(180deg,#000,#434343);display:flex;flex-direction:column;height:100vh;justify-content:center}.login-logo{animation:pulse 2s infinite;position:fixed;top:20%;width:50%}.content-login{animation:slideIn 1.2s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff1a;border-radius:15px;box-shadow:0 15px 30px #00000080;max-width:400px;padding:40px;text-align:center;width:100%}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.form-title2{color:#fff;font-size:28px;font-weight:700;margin-bottom:20px;text-shadow:0 4px 4px #00000040}.form-group{margin-bottom:20px;position:relative}.input-icon{position:relative;width:100%}.input-icon svg{color:#bbb;left:10px;position:absolute;top:50%;transform:translateY(-50%)}.form-control{background-color:#ffffff4d;border:none;border-radius:25px;color:#fff;font-size:16px;outline:none;padding:12px 12px 12px 40px;transition:all .3s;width:100%}.form-control:focus{background-color:#ffffff80;box-shadow:0 0 10px #ffffffb3}.btn{background:linear-gradient(90deg,#ff7e5f,#feb47b);border-radius:25px;color:#fff;font-size:16px;padding:12px;text-align:center;transition:all .3s;width:100%}.btn:hover{background:linear-gradient(90deg,#feb47b,#ff7e5f);box-shadow:0 10px 20px #0006;transform:translateY(-3px)}.error-message{background-color:#ff453a33;border-radius:5px;color:#ff4d4d;font-size:14px;margin-top:10px;padding:10px}.footer{animation:fadeIn 2s ease;color:#fff;font-size:.9em;margin-top:20px;text-align:center}.footer a{color:#ff7e5f;font-weight:700;text-decoration:none}.footer a:hover{color:#feb47b;text-decoration:underline}.users-container{min-height:100vh;overflow:hidden;padding:2rem;position:relative;transition:all .5s ease}:root[data-background=gradient] .users-container{animation:gradientShift 15s ease infinite;background:linear-gradient(135deg,#667eea,#764ba2 25%,#f093fb 50%,#f5576c 75%,#4facfe);background-size:400% 400%}:root[data-theme=ocean] .users-container{animation:gradientShift 20s ease infinite;background:linear-gradient(135deg,#006994,#0077be 25%,#00a8cc 50%,#40e0d0 75%,#48cae4);background-size:400% 400%}:root[data-theme=sunset] .users-container{animation:gradientShift 18s ease infinite;background:linear-gradient(135deg,#ff6b6b,orange 25%,#ff8c00 50%,#ff69b4 75%,#ff1493);background-size:400% 400%}:root[data-theme=forest] .users-container{animation:gradientShift 22s ease infinite;background:linear-gradient(135deg,#2d5016,#3e7b27 25%,#4caf50 50%,#8bc34a 75%,#cddc39);background-size:400% 400%}:root[data-theme=galaxy] .users-container{animation:gradientShift 25s ease infinite;background:linear-gradient(135deg,#0f0f23,#2d1b69 25%,#8b5cf6 50%,#a855f7 75%,#c084fc);background-size:400% 400%}:root[data-theme=fire] .users-container{animation:gradientShift 12s ease infinite;background:linear-gradient(135deg,#8b0000,#dc143c 25%,#ff4500 50%,orange 75%,#ff0);background-size:400% 400%}:root[data-theme=ice] .users-container{animation:gradientShift 30s ease infinite;background:linear-gradient(135deg,#e0f6ff,#87ceeb 25%,#4682b4 50%,#1e90ff 75%,#0000cd);background-size:400% 400%}.background-effects{height:100%;left:0;overflow:hidden;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}.particles-bg{height:100%;opacity:0;position:absolute;transition:opacity .5s ease;width:100%}:root[data-particles=floating] .particles-bg{opacity:1}.particle{animation:float 20s linear infinite;background:#fff9}:root[data-particles=stars] .particle{animation:twinkle 3s ease-in-out infinite alternate;background:#fffc;box-shadow:0 0 10px #ffffff80}:root[data-particles=bubbles] .particle{animation:bubble 15s ease-in-out infinite;background:radial-gradient(circle,#ffffff4d,#ffffff1a);border:1px solid #fff3}:root[data-particles=fireflies] .particle{animation:firefly 8s ease-in-out infinite;background:radial-gradient(circle,#ff0,orange);box-shadow:0 0 15px #ff0}:root[data-particles=snow] .particle{animation:snow 10s linear infinite;background:#ffffffe6}.particle:first-child{animation-delay:0s;animation-duration:25s;height:4px;left:10%;width:4px}.particle:nth-child(2){animation-delay:2s;animation-duration:30s;height:6px;left:20%;width:6px}.particle:nth-child(3){animation-delay:4s;animation-duration:35s;height:3px;left:30%;width:3px}.particle:nth-child(4){animation-delay:6s;animation-duration:28s;height:5px;left:40%;width:5px}.particle:nth-child(5){animation-delay:8s;animation-duration:32s;height:4px;left:60%;width:4px}.particle:nth-child(6){animation-delay:10s;animation-duration:26s;height:7px;left:70%;width:7px}.particle:nth-child(7){animation-delay:12s;animation-duration:29s;height:3px;left:80%;width:3px}.particle:nth-child(8){animation-delay:14s;animation-duration:31s;height:5px;left:90%;width:5px}@keyframes twinkle{0%{opacity:.3;transform:scale(1)}to{opacity:1;transform:scale(1.2)}}@keyframes bubble{0%{opacity:0;transform:translateY(100vh) scale(0)}10%{opacity:.6}50%{opacity:.8;transform:translateY(50vh) scale(1)}to{opacity:0;transform:translateY(-100px) scale(.5)}}@keyframes firefly{0%,to{opacity:.3;transform:translateX(0) translateY(0)}25%{opacity:1;transform:translateX(20px) translateY(-20px)}50%{opacity:.5;transform:translateX(-15px) translateY(-40px)}75%{opacity:1;transform:translateX(10px) translateY(-20px)}}@keyframes snow{0%{opacity:0;transform:translateY(-100px) translateX(0) rotate(0deg)}10%{opacity:1}to{opacity:0;transform:translateY(100vh) translateX(100px) rotate(1turn)}}.geometric-shapes{height:100%;opacity:0;position:absolute;transition:opacity .5s ease;width:100%}:root[data-background=geometric] .geometric-shapes{opacity:1}.shape{animation:geometricFloat 20s ease-in-out infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(45deg,#ffffff1a,#ffffff0d);border-radius:20px;position:absolute}.shape-1{height:100px;left:10%;top:20%;transform:rotate(45deg);width:100px}.shape-2{border-radius:50%;height:150px;right:15%;top:60%;width:150px}.shape-3{-webkit-clip-path:polygon(50% 0,0 100%,100% 100%);clip-path:polygon(50% 0,0 100%,100% 100%);height:80px;left:70%;top:40%;width:80px}.shape-4{bottom:20%;-webkit-clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);height:120px;left:30%;width:120px}@keyframes geometricFloat{0%,to{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-20px) rotate(90deg)}50%{transform:translateY(0) rotate(180deg)}75%{transform:translateY(20px) rotate(270deg)}}.wave-animation{height:100%;opacity:0;position:absolute;transition:opacity .5s ease;width:100%}:root[data-background=waves] .wave-animation{opacity:1}.wave{animation:wave 15s ease-in-out infinite;background:linear-gradient(45deg,#ffffff1a,#ffffff0d);border-radius:50%;bottom:0;height:200px;left:0;position:absolute;width:200%}.wave-1{animation-delay:0s;animation-duration:15s}.wave-2{animation-delay:5s;animation-duration:20s;height:150px}.wave-3{animation-delay:10s;animation-duration:25s;height:100px}@keyframes wave{0%,to{transform:translateX(-50%) translateY(0) rotate(0deg)}50%{transform:translateX(-50%) translateY(-50px) rotate(180deg)}}.matrix-rain{height:100%;opacity:0;position:absolute;transition:opacity .5s ease;width:100%}:root[data-background=matrix] .matrix-rain{opacity:1}.matrix-column{animation:matrixRain 3s linear infinite;background:linear-gradient(180deg,#0000,#0f0,#0000);height:100px;position:absolute;top:-100%;width:2px}.matrix-column:first-child{animation-delay:0s;left:10%}.matrix-column:nth-child(2){animation-delay:.5s;left:30%}.matrix-column:nth-child(3){animation-delay:1s;left:50%}.matrix-column:nth-child(4){animation-delay:1.5s;left:70%}.matrix-column:nth-child(5){animation-delay:2s;left:90%}@keyframes matrixRain{0%{opacity:0;transform:translateY(-100px)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(100vh)}}:root[data-background=aurora] .users-container:before{animation:aurora 30s ease-in-out infinite;background:radial-gradient(ellipse at top,#00ff924d 0,#0000 50%),radial-gradient(ellipse at bottom,#ff00804d 0,#0000 50%),radial-gradient(ellipse at left,#0080ff4d 0,#0000 50%),radial-gradient(ellipse at right,#ff80004d 0,#0000 50%);content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:-1}@keyframes aurora{0%,to{opacity:.3;transform:scale(1) rotate(0deg)}25%{opacity:.6;transform:scale(1.1) rotate(90deg)}50%{opacity:.4;transform:scale(.9) rotate(180deg)}75%{opacity:.7;transform:scale(1.05) rotate(270deg)}}:root[data-background=nebula] .users-container:before{animation:nebula 40s ease-in-out infinite;background:radial-gradient(circle at 20% 20%,#8a2be266 0,#0000 50%),radial-gradient(circle at 80% 80%,#ff149366 0,#0000 50%),radial-gradient(circle at 40% 60%,#00bfff66 0,#0000 50%);content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:-1}@keyframes nebula{0%,to{filter:hue-rotate(0deg);transform:scale(1) rotate(0deg)}33%{filter:hue-rotate(120deg);transform:scale(1.2) rotate(120deg)}66%{filter:hue-rotate(240deg);transform:scale(.8) rotate(240deg)}}:root[data-speed=slow] .matrix-column,:root[data-speed=slow] .particle,:root[data-speed=slow] .shape,:root[data-speed=slow] .wave{animation-duration:40s;animation-duration:calc(var(--base-duration, 20s)*2)}:root[data-speed=fast] .matrix-column,:root[data-speed=fast] .particle,:root[data-speed=fast] .shape,:root[data-speed=fast] .wave{animation-duration:10s;animation-duration:calc(var(--base-duration, 20s)*.5)}:root[data-speed=ultra] .matrix-column,:root[data-speed=ultra] .particle,:root[data-speed=ultra] .shape,:root[data-speed=ultra] .wave{animation-duration:5s;animation-duration:calc(var(--base-duration, 20s)*.25)}.settings-panel{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;box-shadow:0 20px 60px #1f268780;height:calc(100vh - 4rem);left:-350px;overflow-y:auto;position:fixed;top:2rem;transition:left .4s cubic-bezier(.68,-.55,.265,1.55);width:320px;z-index:1000}.settings-panel.open{left:2rem}.settings-header{align-items:center;background:linear-gradient(135deg,#fff3,#ffffff1a);border-bottom:1px solid #ffffff1a;border-radius:20px 20px 0 0;display:flex;justify-content:space-between;padding:1.5rem}.settings-header h3{color:#fff;font-size:1.2rem;font-weight:700;margin:0}.settings-toggle{align-items:center;background:#fff3;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:40px;justify-content:center;transition:all .3s ease;width:40px}.settings-toggle:hover{background:#ffffff4d;transform:scale(1.1)}.settings-content{padding:2rem 1.5rem}.setting-group{margin-bottom:2rem}.setting-group label{color:#fff;display:block;font-size:1rem;font-weight:600;margin-bottom:.8rem}.setting-group select{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff4d;border-radius:10px;color:#fff;font-size:.9rem;padding:.8rem;transition:all .3s ease;width:100%}.setting-group select:focus{border-color:#ffffff80;box-shadow:0 0 0 3px #ffffff1a;outline:none}.setting-group select option{background:#333;color:#fff}.settings-actions{border-top:1px solid #ffffff1a;padding-top:1rem}.btn-small{font-size:.9rem;min-width:auto;padding:.6rem 1.2rem}.floating-settings-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50%;bottom:2rem;box-shadow:0 10px 30px #0000004d;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:60px;justify-content:center;overflow:hidden;position:fixed;right:2rem;transition:all .4s cubic-bezier(.68,-.55,.265,1.55);width:60px;z-index:999}.floating-settings-btn:hover{box-shadow:0 20px 40px #0006;transform:translateY(-5px) scale(1.1)}.floating-settings-btn span{animation:spin 4s linear infinite}.loading-container{animation:gradientShift 15s ease infinite;background:linear-gradient(135deg,#667eea,#764ba2 25%,#f093fb 50%,#f5576c 75%,#4facfe);background-size:400% 400%;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:9999}.loading-content{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#ffffff1a;border:1px solid #fff3;border-radius:30px;box-shadow:0 20px 60px #1f268780,inset 0 1px 0 #fff3;overflow:hidden;padding:4rem;position:relative}.loading-content:before{animation:shimmer 3s infinite;background:linear-gradient(45deg,#0000,#ffffff1a,#0000);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}@keyframes shimmer{0%{transform:translateX(-100%) translateY(-100%) rotate(45deg)}to{transform:translateX(100%) translateY(100%) rotate(45deg)}}.loading-spinner-container{height:80px;margin:0 auto 2rem;position:relative;width:80px}.loading-spinner{animation:spinLoader 1s linear infinite;border:4px solid #fff3;border-radius:50%;border-top-color:#fff;height:80px;position:relative;width:80px;z-index:2}.loading-pulse{animation:pulse 2s ease-in-out infinite;border:2px solid #ffffff4d;border-radius:50%;height:100px;left:-10px;position:absolute;top:-10px;width:100px}.loading-content h2{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#fff,#f0f0f0);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:800;margin-bottom:1rem}.loading-content p{font-size:1.2rem;margin-bottom:2rem;opacity:.9}.loading-dots{display:flex;gap:.5rem;justify-content:center}.loading-dots span{animation:bounce 1.4s ease-in-out infinite both;background:#fff;border-radius:50%;height:8px;width:8px}.loading-dots span:first-child{animation-delay:-.32s}.loading-dots span:nth-child(2){animation-delay:-.16s}.loading-dots span:nth-child(3){animation-delay:0s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.message{animation:slideInRight .5s cubic-bezier(.68,-.55,.265,1.55);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border-radius:20px;box-shadow:0 20px 60px #1f268780,inset 0 1px 0 #fff3;max-width:450px;overflow:hidden;padding:1.5rem 2rem;position:relative}.message:before{animation:messageShine 2s infinite;background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes messageShine{0%{left:-100%}to{left:100%}}.message-content{align-items:center;display:flex;gap:1rem;justify-content:space-between;position:relative;z-index:2}.message-close{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:30px;justify-content:center;transition:all .3s ease;width:30px}.message-close:hover{background:#ffffff4d;transform:scale(1.1)}.message.success{background:linear-gradient(135deg,#22c55ee6,#10b981e6);border-color:#22c55e4d}.message.error{background:linear-gradient(135deg,#ef4444e6,#dc2626e6);border-color:#ef44444d}.message.warning{background:linear-gradient(135deg,#f59e0be6,#d97706e6);border-color:#f59e0b4d}.message.info{background:linear-gradient(135deg,#3b82f6e6,#2563ebe6);border-color:#3b82f64d}.header{animation:fadeInUp .8s cubic-bezier(.68,-.55,.265,1.55);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#ffffff1a;border:1px solid #fff3;border-radius:30px;box-shadow:0 20px 60px #1f268780,inset 0 1px 0 #fff3;margin-bottom:3rem;overflow:hidden;padding:3rem;position:relative;z-index:10}.header-glow{animation:rotate 20s linear infinite;background:radial-gradient(circle,#ffffff1a 0,#0000 70%);height:200%;left:-50%;position:absolute;top:-50%;width:200%}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.header-content{margin-bottom:3rem;position:relative;z-index:2}.title-container{color:#551ad4!important;position:relative}.title-text .header-content h1{-webkit-text-fill-color:#0000;align-items:center;background:linear-gradient(45deg,#fff,#f0f0f0,#fff);-webkit-background-clip:text;background-clip:text;display:flex;flex-wrap:wrap;font-size:3rem;font-weight:900;gap:1rem;justify-content:center;margin-bottom:1rem;text-shadow:0 4px 20px #0000004d}.title-icon,.title-sparkle{animation:bounceIcon 2s ease-in-out infinite;font-size:2.5rem}.title-sparkle{animation-delay:1s}@keyframes bounceIcon{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.header-content p{color:#ffffffe6;font-size:1.4rem;font-weight:600;opacity:.9}.header-controls{gap:2rem;z-index:2}.header-controls,.search-box,.search-container{position:relative}.search-box{align-items:center;display:flex}.search-input{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #ffffff4d;border-radius:20px;color:#fff;font-size:1.1rem;min-width:300px;padding:1rem 1.5rem;position:relative;transition:all .4s cubic-bezier(.68,-.55,.265,1.55);z-index:2}.search-input:focus{border-color:#fff9;box-shadow:0 0 0 4px #ffffff1a,0 10px 30px #0003;outline:none;transform:translateY(-3px) scale(1.02)}.search-glow{background:linear-gradient(45deg,#667eea,#764ba2,#f093fb,#f5576c);border-radius:22px;bottom:-2px;left:-2px;opacity:0;position:absolute;right:-2px;top:-2px;transition:opacity .3s ease;z-index:1}.search-input:focus+.search-glow{opacity:.7}.filter-container,.filter-select{position:relative}.filter-select{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #ffffff4d;border-radius:20px;color:#fff;font-size:1.1rem;min-width:250px;padding:1rem 1.5rem;transition:all .4s cubic-bezier(.68,-.55,.265,1.55);z-index:2}.filter-select:focus{border-color:#fff9;box-shadow:0 0 0 4px #ffffff1a,0 10px 30px #0003;outline:none;transform:translateY(-3px) scale(1.02)}.filter-select option{background:#333;color:#fff;padding:.5rem}.filter-glow{background:linear-gradient(45deg,#667eea,#764ba2,#f093fb,#f5576c);border-radius:22px;bottom:-2px;left:-2px;opacity:0;position:absolute;right:-2px;top:-2px;transition:opacity .3s ease;z-index:1}.filter-select:focus+.filter-glow{opacity:.7}.action-buttons{display:flex;flex-wrap:wrap;gap:1rem}.btn-primary,.btn.btn-info,.btn.btn-secondary{font-size:1rem;max-width:20%}.btn{align-items:center;border:none;border-radius:20px;box-shadow:0 10px 30px #0000004d,inset 0 1px 0 #fff3;cursor:pointer;display:inline-flex;font-size:1.1rem;font-weight:700;gap:.8rem;justify-content:center;min-width:140px;overflow:hidden;padding:1rem 2rem;position:relative;text-decoration:none;transition:all .4s cubic-bezier(.68,-.55,.265,1.55)}.btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.btn:hover:before{left:100%}.btn:hover{box-shadow:0 20px 40px #0006,inset 0 1px 0 #ffffff4d;transform:translateY(-5px) scale(1.05)}.btn:active{transform:translateY(-2px) scale(1.02)}.btn-ripple{animation:ripple .6s linear;background:#ffffff4d;border-radius:50%;pointer-events:none;position:absolute;transform:scale(0)}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-secondary{background:linear-gradient(135deg,#fff3,#ffffff1a);border:1px solid #ffffff4d;color:#fff}.btn-info{background:linear-gradient(135deg,#06b6d4,#0891b2);color:#fff}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.btn-warning{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.btn-icon{font-size:1.2rem;transition:transform .3s ease}.btn:hover .btn-icon{transform:scale(1.2) rotate(5deg)}.stats{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:3rem;position:relative;z-index:10}.stat-card{animation:fadeInUp .8s ease-out;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#ffffff1a;border:1px solid #fff3;border-radius:25px;box-shadow:0 20px 60px #1f268780,inset 0 1px 0 #fff3;transition:all .4s cubic-bezier(.68,-.55,.265,1.55)}.stat-card:hover{box-shadow:0 30px 80px #1f2687b3,inset 0 1px 0 #ffffff4d}.stat-glow{animation:rotate 15s linear infinite;background:radial-gradient(circle,#ffffff1a 0,#0000 70%);height:200%;left:-50%;opacity:0;position:absolute;top:-50%;transition:opacity .3s ease;width:200%}.stat-card:hover .stat-glow{opacity:1}.stat-icon{background:linear-gradient(135deg,#fff3,#ffffff1a);box-shadow:0 10px 30px #0003,inset 0 1px 0 #fff3;font-size:2.2rem;height:80px;width:80px}.icon-pulse{animation:pulse 2s ease-in-out infinite;border:2px solid #ffffff4d;border-radius:25px;bottom:-5px;left:-5px;position:absolute;right:-5px;top:-5px}.stat-info h3{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#fff,#f0f0f0);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:2.5rem;font-weight:900;margin-bottom:.5rem}.stat-info p{color:#fffc;font-size:1rem;font-weight:600;letter-spacing:1px;text-transform:uppercase}.stat-sparkles{position:absolute;right:1rem;top:1rem}.stat-sparkles span{animation:sparkle 3s ease-in-out infinite;background:#fff9;border-radius:50%;height:4px;position:absolute;width:4px}.stat-sparkles span:first-child{animation-delay:0s;left:0;top:0}.stat-sparkles span:nth-child(2){animation-delay:1s;left:15px;top:10px}.stat-sparkles span:nth-child(3){animation-delay:2s;left:30px;top:-5px}@keyframes sparkle{0%,to{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1)}}.table-container{animation:fadeInUp 1s ease-out;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#ffffff1a;border:1px solid #fff3;border-radius:30px;box-shadow:0 20px 60px #1f268780,inset 0 1px 0 #fff3;overflow:hidden;position:relative;z-index:10}.table-glow{animation:rotate 20s linear infinite;background:linear-gradient(45deg,#667eea,#764ba2,#f093fb,#f5576c);border-radius:32px;bottom:-2px;left:-2px;opacity:.3;position:absolute;right:-2px;top:-2px;z-index:-1}.table-wrapper{overflow-x:auto;position:relative}.users-table thead{background:#ffffff1a}.users-table th{border-bottom:1px solid #ffffff1a;color:#fff;font-size:1rem;font-weight:800;letter-spacing:1.5px;padding:2rem 1.5rem}.th-icon{font-size:1.2rem}.users-table td{border-bottom:1px solid #ffffff0d;padding:1.5rem}.users-table tbody tr{animation:fadeInUp .6s ease-out both;transition:all .4s cubic-bezier(.68,-.55,.265,1.55)}.users-table tbody tr:hover{background:#ffffff1a;box-shadow:0 10px 30px #0003;transform:scale(1.01)}.badge,.cell-content{position:relative}.badge{align-items:center;border-radius:15px;box-shadow:0 5px 15px #0003,inset 0 1px 0 #fff3;display:inline-flex;font-size:.9rem;font-weight:700;gap:.5rem;overflow:hidden;padding:.6rem 1.2rem;transition:all .3s ease}.badge:hover{transform:translateY(-2px) scale(1.05)}.badge-glow{border-radius:17px;bottom:-2px;left:-2px;opacity:0;position:absolute;right:-2px;top:-2px;transition:opacity .3s ease}.badge:hover .badge-glow{opacity:.7}.badge-primary{color:#fff}.badge-primary,.badge-primary .badge-glow{background:linear-gradient(135deg,#667eea,#764ba2)}.badge-success{color:#fff}.badge-success,.badge-success .badge-glow{background:linear-gradient(135deg,#10b981,#059669)}.badge-info{color:#fff}.badge-info,.badge-info .badge-glow{background:linear-gradient(135deg,#06b6d4,#0891b2)}.badge-warning{color:#fff}.badge-warning,.badge-warning .badge-glow{background:linear-gradient(135deg,#f59e0b,#d97706)}.badge-secondary{background:linear-gradient(135deg,#fff3,#ffffff1a);border:1px solid #ffffff4d;color:#fff}.badge-secondary .badge-glow{background:linear-gradient(135deg,#ffffff4d,#fff3)}.actions{display:flex;gap:.8rem}.action-btn{border-radius:15px;box-shadow:0 8px 25px #0000004d,inset 0 1px 0 #fff3;display:flex;font-size:1.3rem;height:50px;transition:all .4s cubic-bezier(.68,-.55,.265,1.55);width:50px}.action-btn:hover{box-shadow:0 15px 35px #0006,inset 0 1px 0 #ffffff4d;transform:translateY(-5px) scale(1.15)}.action-btn:active{transform:translateY(-2px) scale(1.1)}.action-ripple{animation:ripple .6s linear;background:#fff6;border-radius:50%;pointer-events:none;position:absolute;transform:scale(0)}.action-btn.edit{background:linear-gradient(135deg,#06b6d4,#0891b2);color:#fff}.action-btn.delete{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.empty-state{color:#fff;padding:5rem 2rem;position:relative}.empty-animation{margin-bottom:2rem}.empty-icon{animation:bounceIcon 2s ease-in-out infinite;opacity:.8}.empty-rings{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.empty-rings .ring{animation:pulse 2s ease-in-out infinite;border:2px solid #fff3;border-radius:50%;height:100px;position:absolute;width:100px}.empty-rings .ring:first-child{animation-delay:0s}.empty-rings .ring:nth-child(2){animation-delay:.5s;height:120px;margin:-10px;width:120px}.empty-rings .ring:nth-child(3){animation-delay:1s;height:140px;margin:-20px;width:140px}.empty-state h3{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#fff,#f0f0f0);-webkit-background-clip:text;background-clip:text;font-weight:800}.empty-state p{font-size:1.2rem;margin-bottom:3rem;opacity:.8}.modal-overlay{animation:fadeIn .4s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.modal{animation:slideUp .5s cubic-bezier(.68,-.55,.265,1.55);-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);background:#ffffff1a;border:1px solid #fff3;border-radius:30px;box-shadow:0 30px 80px #0009,inset 0 1px 0 #fff3;max-height:90vh;max-width:700px;overflow-y:auto;position:relative;width:90%}.confirm-modal{max-width:500px}.modal-glow{animation:rotate 20s linear infinite;background:linear-gradient(45deg,#667eea,#764ba2,#f093fb,#f5576c);border-radius:33px;bottom:-3px;left:-3px;opacity:.5;position:absolute;right:-3px;top:-3px;z-index:-1}@keyframes slideUp{0%{opacity:0;transform:translateY(100px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.modal-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:30px 30px 0 0;overflow:hidden;padding:2.5rem}.modal-header-bg{animation:shimmer 3s infinite;background:linear-gradient(45deg,#0000,#ffffff1a,#0000);bottom:0;left:0;position:absolute;right:0;top:0}.modal-header h2{align-items:center;display:flex;font-weight:800;gap:1rem;position:relative;z-index:2}.modal-icon{font-size:1.5rem}.modal-sparkle{animation:sparkle 2s ease-in-out infinite;font-size:1.2rem}.close-btn{border-radius:15px;height:50px;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);width:50px;z-index:2}.close-ripple{animation:ripple .6s linear;background:#ffffff4d;border-radius:50%;pointer-events:none;position:absolute;transform:scale(0)}.modal-form{padding:3rem}.form-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:3rem}.form-group label{font-weight:700;letter-spacing:1px;text-transform:uppercase}.label-icon{font-size:1.2rem}.form-group input,.form-group select{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #ffffff4d;border-radius:15px;color:#fff;font-size:1.1rem;padding:1.2rem 1.5rem;position:relative;transition:all .4s cubic-bezier(.68,-.55,.265,1.55);width:100%;z-index:2}.form-group input::placeholder{color:#fff9}.form-group input:focus,.form-group select:focus{border-color:#fff9;box-shadow:0 0 0 4px #ffffff1a,0 10px 30px #0003;outline:none;transform:translateY(-3px) scale(1.02)}.input-glow{background:linear-gradient(45deg,#667eea,#764ba2,#f093fb,#f5576c);border-radius:17px;bottom:-2px;left:-2px;opacity:0;position:absolute;right:-2px;top:-2px;transition:opacity .3s ease;z-index:1}.form-group input:focus+.input-glow,.form-group select:focus+.input-glow{opacity:.7}.form-group select option{background:#333;color:#fff;padding:1rem}.form-actions{gap:1.5rem}.confirm-content{color:#fff}.confirm-animation{margin-bottom:2rem;position:relative}.confirm-icon{animation:bounceIcon 2s ease-in-out infinite;color:#f59e0b;margin-bottom:1rem}.confirm-rings{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.confirm-rings .ring{animation:pulse 2s ease-in-out infinite;border:2px solid #f59e0b4d;border-radius:50%;height:80px;position:absolute;width:80px}.confirm-rings .ring:first-child{animation-delay:0s}.confirm-rings .ring:nth-child(2){animation-delay:1s;height:100px;margin:-10px;width:100px}.confirm-content h3{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#fff,#f0f0f0);-webkit-background-clip:text;background-clip:text;font-size:1.8rem;font-weight:800}.confirm-content p{margin-bottom:3rem;opacity:.9}.confirm-actions{gap:1.5rem}@media (max-width:1024px){.users-container{padding:1.5rem}.header{padding:2rem}.header-content h1{font-size:2.5rem}.header-controls{align-items:stretch;flex-direction:column;gap:1.5rem}.filter-select,.search-input{min-width:auto;width:100%}.action-buttons{justify-content:center}.stats{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.settings-panel.open{left:1rem}.floating-settings-btn{bottom:1rem;right:1rem}}@media (max-width:768px){.users-container{padding:1rem}.header{padding:1.5rem}.header-content h1{flex-direction:column;font-size:2rem;gap:.5rem}.stats{grid-template-columns:1fr}.table-container{overflow-x:auto}.users-table{min-width:700px}.form-grid{grid-template-columns:1fr}.form-actions{flex-direction:column}.modal{margin:1rem;width:95%}.modal-form{padding:2rem}.confirm-actions{flex-direction:column}.settings-panel{left:-300px;width:280px}.settings-panel.open{left:.5rem}}@media (max-width:480px){.header-content h1{font-size:1.8rem}.users-table td,.users-table th{font-size:.9rem;padding:1rem .8rem}.stat-card{flex-direction:column;padding:1.5rem;text-align:center}.stat-icon{font-size:1.8rem;height:60px;width:60px}.stat-info h3{font-size:2rem}.btn{font-size:1rem;padding:.8rem 1.5rem}.action-btn{font-size:1.1rem;height:45px;width:45px}.settings-panel{left:-100vw;width:calc(100vw - 2rem)}.settings-panel.open{left:1rem}}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:#ffffff1a;border-radius:6px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#ffffff4d,#fff3);background-clip:content-box;border:2px solid #0000;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#ffffff80,#ffffff4d);background-clip:content-box}::selection{background:#ffffff4d;text-shadow:0 1px 3px #0000004d}::-moz-selection{background:#ffffff4d;text-shadow:0 1px 3px #0000004d}.users-container *{will-change:transform}.action-btn,.btn,.stat-card,.users-table tbody tr{-webkit-backface-visibility:hidden;backface-visibility:hidden;perspective:1000px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.action-btn:focus,.btn:focus,.filter-select:focus,.floating-settings-btn:focus,.search-input:focus,.settings-toggle:focus{outline:3px solid #ffffff80;outline-offset:2px}@media (prefers-contrast:high){.users-container{background:linear-gradient(135deg,#000,#333)}.header,.modal,.settings-panel,.stat-card,.table-container{background:#000c;border:2px solid #fff}.btn{border:2px solid #fff}}body{color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.kanvan-container{background:var(--primary-gradient);margin:0 auto;max-width:1400px;min-height:100vh;overflow-x:hidden;padding:2rem;position:relative}.kanvan-container:before{animation:floatBackground 20s ease-in-out infinite;background:radial-gradient(circle at 20% 80%,#7877c64d 0,#0000 50%),radial-gradient(circle at 80% 20%,#ff77c64d 0,#0000 50%),radial-gradient(circle at 40% 40%,#78dbff4d 0,#0000 50%);content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:-1}@keyframes floatBackground{0%,to{transform:translateY(0) rotate(0deg)}33%{transform:translateY(-30px) rotate(120deg)}66%{transform:translateY(30px) rotate(240deg)}}.kanvan-loading{align-items:center;background:var(--primary-gradient);display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:9999}.loading-content{animation:pulseLoading 2s ease-in-out infinite;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--border-radius);box-shadow:var(--shadow-soft);color:#fff;padding:3rem}.loading-spinner{animation:spinLoader 2s linear infinite,glowLoader 2s ease-in-out infinite alternate;font-size:4rem;margin-bottom:1.5rem}@keyframes spinLoader{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes glowLoader{0%{text-shadow:0 0 20px #ffffff80}to{text-shadow:0 0 30px #fffc,0 0 40px #fff9}}@keyframes pulseLoading{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.message{animation:slideInRight .5s cubic-bezier(.68,-.55,.265,1.55),fadeOut .5s ease-in-out 2.5s forwards;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid #fff3;border-radius:15px;box-shadow:var(--shadow-soft);color:#fff;font-weight:600;max-width:400px;padding:1rem 1.5rem;position:fixed;right:2rem;top:2rem;z-index:10000}.success-message{background:var(--warning-gradient);box-shadow:0 8px 32px #43e97b4d}.error-message{background:var(--danger-gradient);box-shadow:0 8px 32px #fa709a4d}@keyframes fadeOut{to{opacity:0;transform:translateX(100%) scale(.8)}}.kanvan-header{animation:slideInDown .8s cubic-bezier(.68,-.55,.265,1.55);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--border-radius);box-shadow:var(--shadow-soft);margin-bottom:2rem;padding:2.5rem;transition:var(--transition)}.kanvan-header:hover{box-shadow:var(--shadow-hover);transform:translateY(-5px)}@keyframes slideInDown{0%{opacity:0;transform:translateY(-100px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.header-content{margin-bottom:2rem;text-align:center}.page-title{-webkit-text-fill-color:#0000;animation:gradientShift 3s ease-in-out infinite;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);-webkit-background-clip:text;background-clip:text;background-size:200% 200%;font-size:3rem;font-weight:800;margin-bottom:.5rem;text-shadow:0 0 30px #667eea4d}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.page-subtitle{color:var(--text-secondary);font-size:1.2rem;font-weight:500;opacity:.9}.header-controls{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}.filter-container,.search-container{align-items:center;display:flex;position:relative}.filter-select,.search-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #fff3;border-radius:15px;color:#fff;font-size:1rem;font-weight:500;min-width:250px;padding:1rem 1.2rem 1rem 3rem;transition:var(--transition)}.search-input::placeholder{color:#ffffffb3}.filter-select:focus,.search-input:focus{border-color:#ffffff80;box-shadow:0 0 0 4px #ffffff1a;outline:none;transform:scale(1.02)}.filter-icon,.search-icon{color:#fffc;font-size:1.2rem;left:1rem;position:absolute;z-index:2}.add-btn,.export-btn{border:none;border-radius:15px;box-shadow:0 4px 15px #0003;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;overflow:hidden;padding:1rem 2rem;position:relative;transition:var(--transition)}.export-btn{background:var(--warning-gradient)}.add-btn{background:var(--success-gradient)}.add-btn:hover,.export-btn:hover{box-shadow:0 8px 25px #0000004d;transform:translateY(-3px) scale(1.05)}.add-btn:before,.export-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.add-btn:hover:before,.export-btn:hover:before{left:100%}.stats-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.stat-card{align-items:center;animation:slideInUp .8s cubic-bezier(.68,-.55,.265,1.55);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--border-radius);box-shadow:var(--shadow-soft);display:flex;gap:1.5rem;overflow:hidden;padding:2rem;position:relative;transition:var(--transition)}.stat-card:first-child{animation-delay:.1s}.stat-card:nth-child(2){animation-delay:.2s}.stat-card:nth-child(3){animation-delay:.3s}.stat-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-10px) scale(1.02)}.stat-card:before{background:var(--primary-gradient);border-radius:var(--border-radius) var(--border-radius) 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0}.stat-icon{align-items:center;border-radius:20px;color:#fff;display:flex;font-size:2rem;height:70px;justify-content:center;overflow:hidden;position:relative;width:70px}.stat-icon.total{background:var(--primary-gradient);box-shadow:0 8px 32px #667eea4d}.stat-icon.filtered{background:var(--secondary-gradient);box-shadow:0 8px 32px #f093fb4d}.stat-icon.stores{background:var(--success-gradient);box-shadow:0 8px 32px #4facfe4d}.stat-icon:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s;width:100%}.stat-card:hover .stat-icon:before{left:100%}.stat-content h3{-webkit-text-fill-color:#0000;background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:2.5rem;font-weight:800;margin-bottom:.5rem}.stat-content p{color:var(--text-secondary);font-size:1rem;font-weight:500}.table-wrapper{animation:fadeInScale 1s cubic-bezier(.68,-.55,.265,1.55) .4s both;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--border-radius);box-shadow:var(--shadow-soft);min-height:500px;overflow:hidden}@keyframes fadeInScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.users-table{background:#0000;border-collapse:collapse;width:100%}.users-table thead{background:var(--primary-gradient);color:#fff;position:relative}.users-table thead:after{background:linear-gradient(90deg,#0000,#ffffff80,#0000);bottom:0;content:"";height:2px;left:0;position:absolute;right:0}.users-table th{font-size:.9rem;font-weight:600;letter-spacing:1px;padding:1.5rem 1.2rem;position:relative;text-align:left;text-transform:uppercase}.th-content{align-items:center;display:flex;gap:.8rem}.table-row{animation:slideInLeft .6s cubic-bezier(.68,-.55,.265,1.55);animation-fill-mode:both;background:#ffffff0d;border-bottom:1px solid #ffffff1a;transition:var(--transition)}.table-row:nth-child(odd){animation-delay:.1s}.table-row:nth-child(2n){animation-delay:.2s}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}.table-row:nth-child(2n){background:#ffffff05}.table-row:hover{background:#667eea1a;box-shadow:0 4px 20px #667eea33;transform:scale(1.01)}.users-table td{border-bottom:1px solid #ffffff1a;padding:1.5rem 1.2rem;vertical-align:middle}.cell-content{align-items:center;display:flex;gap:.8rem}.matricule-badge{background:var(--primary-gradient);border-radius:25px;box-shadow:0 4px 15px #667eea4d;color:#fff;font-size:.9rem;font-weight:700;overflow:hidden;padding:.6rem 1.2rem;position:relative}.matricule-badge:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.table-row:hover .matricule-badge:before{left:100%}.date-badge,.store-badge{align-items:center;border-radius:15px;display:flex;font-size:.9rem;font-weight:600;gap:.6rem;padding:.8rem 1.2rem;transition:var(--transition)}.store-badge{background:#43e97b26;border:1px solid #43e97b4d;box-shadow:0 4px 15px #43e97b1a;color:#f3f3f3}.date-badge{background:#fbbf2426;border:1px solid #fbbf244d;box-shadow:0 4px 15px #fbbf241a;color:#f0eeeb}.date-badge:hover,.store-badge:hover{transform:scale(1.05)}.actions-cell{min-width:140px}.action-btn{align-items:center;border:none;border-radius:12px;box-shadow:0 4px 15px #0003;cursor:pointer;display:inline-flex;font-size:1.2rem;height:45px;justify-content:center;margin-right:.8rem;overflow:hidden;position:relative;transition:var(--transition);width:45px}.edit-btn{background:var(--success-gradient);color:#fff}.delete-btn{background:var(--danger-gradient);color:#fff}.action-btn:hover{box-shadow:0 8px 25px #0000004d;transform:translateY(-3px) scale(1.1)}.action-btn:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.action-btn:hover:before{left:100%}.empty-state{animation:pulseEmpty 2s ease-in-out infinite;background:#0000;color:#fffc;padding:4rem 2rem;text-align:center}@keyframes pulseEmpty{0%,to{opacity:.8}50%{opacity:1}}.empty-icon{-webkit-text-fill-color:#0000;background:var(--secondary-gradient);-webkit-background-clip:text;background-clip:text;font-size:5rem;margin-bottom:2rem}.empty-state h3{color:#fff;font-size:2rem;font-weight:700;margin-bottom:1rem}.empty-state p{color:#ffffffb3;font-size:1.1rem;margin-bottom:1rem}.modal-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{animation:modalSlideIn .5s cubic-bezier(.68,-.55,.265,1.55);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--border-radius);box-shadow:0 25px 50px #00000080;max-height:90vh;max-width:700px;overflow-y:auto;width:90%}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.7) translateY(-50px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{align-items:center;background:var(--primary-gradient);border-radius:var(--border-radius) var(--border-radius) 0 0;color:#fff;display:flex;justify-content:space-between;padding:2rem;position:relative}.modal-header:after{background:linear-gradient(90deg,#0000,#ffffff80,#0000);bottom:0;content:"";height:2px;left:0;position:absolute;right:0}.modal-header h2{font-size:1.8rem;font-weight:700;margin:0}.close-btn{align-items:center;background:#fff3;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:45px;justify-content:center;transition:var(--transition);width:45px}.close-btn:hover{background:#ffffff4d;transform:scale(1.1) rotate(90deg)}.modal-form{background:#ffffff0d;padding:2rem}.form-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:2rem}.form-group{display:flex;flex-direction:column;gap:.8rem}.form-group label{align-items:center;color:#fff;display:flex;font-size:1rem;font-weight:600;gap:.5rem}.form-input,.form-select{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #fff3;border-radius:12px;color:#fff;font-size:1rem;font-weight:500;padding:1rem 1.2rem;transition:var(--transition)}.form-input::placeholder{color:#fff9}.form-input:focus,.form-select:focus{border-color:#ffffff80;box-shadow:0 0 0 4px #ffffff1a;outline:none;transform:scale(1.02)}.form-actions{border-top:1px solid #ffffff1a;display:flex;gap:1rem;justify-content:flex-end;padding-top:2rem}.cancel-btn,.submit-btn{border:none;border-radius:12px;cursor:pointer;font-size:1rem;font-weight:600;overflow:hidden;padding:1rem 2rem;position:relative;transition:var(--transition)}.submit-btn{background:var(--warning-gradient);box-shadow:0 4px 15px #43e97b4d;color:#fff}.cancel-btn{background:#ffffff1a;border:1px solid #fff3;color:#fff}.cancel-btn:hover,.submit-btn:hover{box-shadow:0 8px 25px #0000004d;transform:translateY(-2px) scale(1.05)}.confirm-modal{max-width:450px}.confirm-content{background:#ffffff0d;padding:3rem;text-align:center}.confirm-icon{-webkit-text-fill-color:#0000;animation:pulseConfirm 2s ease-in-out infinite;background:var(--danger-gradient);-webkit-background-clip:text;background-clip:text;font-size:4rem;margin-bottom:1.5rem}@keyframes pulseConfirm{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.confirm-content h3{color:#fff;font-size:1.5rem;font-weight:700;margin-bottom:1rem}.confirm-content p{color:#fffc;font-size:1.1rem;margin-bottom:2rem}.confirm-actions{display:flex;gap:1rem;justify-content:center}.confirm-btn{border:none;border-radius:12px;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem 2rem;transition:var(--transition)}.confirm-btn.delete{background:var(--danger-gradient);box-shadow:0 4px 15px #fa709a4d;color:#fff}.confirm-btn.cancel{background:#ffffff1a;border:1px solid #fff3;color:#fff}.confirm-btn:hover{box-shadow:0 8px 25px #0000004d;transform:translateY(-2px) scale(1.05)}@media (max-width:768px){.kanvan-container{padding:1rem}.kanvan-header{padding:2rem}.page-title{font-size:2.5rem}.header-controls{align-items:stretch;flex-direction:column}.filter-select,.search-input{min-width:auto;width:100%}.stats-container{grid-template-columns:1fr}.users-table{font-size:.9rem}.users-table td,.users-table th{padding:1rem .8rem}.form-grid{grid-template-columns:1fr}.form-actions{flex-direction:column}}@media (max-width:480px){.table-wrapper{overflow-x:auto}.users-table{min-width:600px}.modal-content{margin:1rem;width:95%}.page-title{font-size:2rem}.stat-icon{font-size:1.5rem;height:60px;width:60px}}.kanvan-container ::-webkit-scrollbar{width:8px}.kanvan-container ::-webkit-scrollbar-track{background:#ffffff1a;border-radius:10px}.kanvan-container ::-webkit-scrollbar-thumb{background:var(--primary-gradient);border-radius:10px}.kanvan-container ::-webkit-scrollbar-thumb:hover{background:var(--secondary-gradient)}.kanvan-container button,.kanvan-container input,.kanvan-container select{cursor:pointer}.kanvan-container button:active{transform:scale(.98)}.profile-container{align-items:center;display:flex;font-family:Arial,sans-serif;justify-content:center;min-height:50vh;padding:40px 20px}.profile-card{background:linear-gradient(135deg,#e9f7fe,#fef6e4);border-radius:15px;box-shadow:0 4px 20px #00000026;margin-top:3%;max-width:500px;padding:30px;text-align:center;transition:transform .3s ease;width:100%}.profile-card:hover{transform:translateY(-5px)}.profile-title{color:#333;font-size:1.8rem;font-weight:600;margin-bottom:20px}.profile-avatar{display:flex;justify-content:center;margin-bottom:20px}.profile-avatar img{border-radius:50%;box-shadow:0 4px 10px #0000001a;height:200px;transition:box-shadow .3s ease;width:200px}.profile-avatar img:hover{box-shadow:0 8px 15px #0003}.profile-info{align-items:flex-start;color:#555;display:flex;flex-direction:column;font-size:1rem;gap:15px}.profile-item{border-radius:8px;display:flex;justify-content:space-between;padding:8px 12px;transition:background-color .3s;width:100%}.profile-item:hover{background-color:#f0f0f0}.profile-item strong{color:#333;font-weight:500}@media (max-width:600px){.profile-card{padding:20px}.profile-title{font-size:1.5rem}.profile-info{font-size:.9rem;gap:10px}}.password-item span{align-items:center;display:flex}.toggle-password-btn{background:none;border:none;color:#555;cursor:pointer;font-size:1.1rem;margin-left:8px}.toggle-password-btn:hover{color:#007bff}.update-password-container{background:linear-gradient(135deg,#f3f4f6,#e9ecef);border-radius:12px;box-shadow:0 10px 25px #0000001a;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:10% auto auto;max-width:450px;padding:30px 25px;transition:box-shadow .3s ease}.update-password-container:hover{box-shadow:0 12px 30px #00000026}.update-password-container h3{background:linear-gradient(90deg,#2196f3,#6ec1e4);-webkit-background-clip:text;color:#444;color:#0000;font-size:1.7rem;font-weight:600;margin-bottom:25px;text-align:center}.update-password-container form{display:flex;flex-direction:column}.update-password-container label{color:#666;display:block;font-size:.9rem;font-weight:500;margin-top:15px}.update-password-container input{background:#fff;border:1px solid #ccc;border-radius:8px;box-sizing:border-box;color:#333;font-size:1rem;margin-top:5px;padding:12px;transition:border-color .3s ease,box-shadow .3s ease;width:100%}.update-password-container input:focus{border-color:#6ec1e4;box-shadow:0 0 8px #2196f333;outline:none}.update-password-btn{background:linear-gradient(90deg,#2196f3,#6ec1e4);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;margin-top:20px;padding:12px;transition:background .4s ease,transform .2s ease}.update-password-btn:hover{background:linear-gradient(90deg,#1e88e5,#5baed1);transform:translateY(-3px)}.update-password-btn:active{transform:translateY(1px)}.update-password-container .feedback-message{color:#d32f2f;font-size:.95rem;margin-top:15px;text-align:center}@media (max-width:480px){.update-password-container{max-width:95%;padding:25px 15px}.update-password-container h3{font-size:1.5rem}.update-password-btn{font-size:.95rem}}.password-input-container1{align-items:center;display:flex;position:relative}.password-input-container1 input{flex:1 1;padding-right:2.5rem}.toggle-password-btn1{background:none;border:none;color:#666;cursor:pointer;font-size:1.1rem;position:absolute;right:10px}.profile-avatar1{display:flex;justify-content:center;margin-bottom:20px}.profile-avatar1 img{border-radius:50%;box-shadow:0 4px 10px #0000001a;height:100;transition:box-shadow .3s ease;width:100px}.profile-avatar1 img:hover{box-shadow:0 8px 15px #0003}.css-dip3t8{background-color:#212122!important;color:#fff!important;height:100%;overflow-x:hidden;overflow-y:auto;position:relative;z-index:3}.content1{background-color:#1c1c1c;height:100vh;overflow-y:auto}.menu-item1.active{background-color:#1f43e6;color:#fff}.sidebar-logo1{height:auto;margin:0 auto;max-width:80%}.menu-item1:hover,.menu-item:hover{background-color:#353536!important;color:#ccc!important}a:hover,ul.page-sidebar-menu>li:hover>a{background:#0d66ec!important}.logo-container{padding:16px;text-align:center}.menu-item1{cursor:pointer}.menu-item1 .menu-icon{margin-right:10px}.content1{flex:1 1;padding:20px}.css-s09cke-MuiTablePagination-selectLabel{color:#080808}.navbar{background-color:#212122!important;background-color:#939394;color:#fff;height:50px;padding:0 20px;position:fixed;top:0;width:100%;z-index:1100}.navbar,.navbar-item{align-items:center;display:flex;justify-content:space-between}.navbar-item{cursor:pointer;font-size:18px;gap:8px;margin-left:90.5%}.dropdown-menu{background-color:#2f3033;border-radius:8px;box-shadow:0 4px 8px #0003;overflow:hidden;position:absolute;right:20px;top:50px;z-index:1200}.navbar-item span{flex-grow:1}.navbar-item:hover{color:#1abc9c}.dropdown-item{color:#ccc;cursor:pointer;padding:12px 16px;transition:background-color .3s}.dropdown-item:hover{background-color:#3c3d41;color:#fff}.sidebar{margin-top:50px}.css-1jbbcbn-MuiDataGrid-columnHeaderTitle,.menu-text{font-size:15px;font-weight:600}.leaflet-image-layer,.leaflet-layer,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-pane,.leaflet-pane>canvas,.leaflet-pane>svg,.leaflet-tile,.leaflet-tile-container,.leaflet-zoom-box{left:0;position:absolute;top:0}.leaflet-container{overflow:hidden}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.leaflet-tile::selection{background:#0000}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{height:1600px;-webkit-transform-origin:0 0;width:1600px}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-height:none!important;max-width:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer{max-height:none!important;max-width:none!important;padding:0;width:auto}.leaflet-container img.leaflet-tile{mix-blend-mode:plus-lighter}.leaflet-container.leaflet-touch-zoom{touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:rgba(51,181,229,.4)}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{box-sizing:border-box;height:0;width:0;z-index:800}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{height:1px;width:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{pointer-events:visiblePainted;pointer-events:auto;position:relative;z-index:800}.leaflet-bottom,.leaflet-top{pointer-events:none;position:absolute;z-index:1000}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{clear:both;float:left}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-popup{opacity:0;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-pan-anim .leaflet-tile,.leaflet-zoom-anim .leaflet-tile{transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-control,.leaflet-popup-pane{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:grabbing}.leaflet-image-layer,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-image-layer.leaflet-interactive,.leaflet-marker-icon.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{background:#ddd;outline-offset:1px}.leaflet-container a{color:#0078a8}.leaflet-zoom-box{background:#ffffff80;border:2px dotted #38f}.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:12px;font-size:.75rem;line-height:1.5}.leaflet-bar{border-radius:4px;box-shadow:0 1px 5px #000000a6}.leaflet-bar a{background-color:#fff;border-bottom:1px solid #ccc;color:#000;display:block;height:26px;line-height:26px;text-align:center;text-decoration:none;width:26px}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50% 50%;background-repeat:no-repeat;display:block}.leaflet-bar a:focus,.leaflet-bar a:hover{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom:none;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.leaflet-bar a.leaflet-disabled{background-color:#f4f4f4;color:#bbb;cursor:default}.leaflet-touch .leaflet-bar a{height:30px;line-height:30px;width:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{font:700 18px Lucida Console,Monaco,monospace;text-indent:1px}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{background:#fff;border-radius:5px;box-shadow:0 1px 5px #0006}.leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);height:36px;width:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{height:44px;width:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{background:#fff;color:#333;padding:6px 10px 6px 6px}.leaflet-control-layers-scrollbar{overflow-x:hidden;overflow-y:scroll;padding-right:5px}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{display:block;font-size:13px;font-size:1.08333em}.leaflet-control-layers-separator{border-top:1px solid #ddd;height:0;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=)}.leaflet-container .leaflet-control-attribution{background:#fff;background:#fffc;margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{color:#333;line-height:1.4;padding:0 5px}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:focus,.leaflet-control-attribution a:hover{text-decoration:underline}.leaflet-attribution-flag{display:inline!important;height:.6669em;vertical-align:initial!important;width:1em}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{background:#fffc;border:2px solid #777;border-top:none;box-sizing:border-box;line-height:1.1;padding:2px 5px 1px;text-shadow:1px 1px #fff;white-space:nowrap}.leaflet-control-scale-line:not(:first-child){border-bottom:none;border-top:2px solid #777;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-bar,.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers{box-shadow:none}.leaflet-touch .leaflet-bar,.leaflet-touch .leaflet-control-layers{background-clip:padding-box;border:2px solid #0003}.leaflet-popup{margin-bottom:20px;position:absolute;text-align:center}.leaflet-popup-content-wrapper{border-radius:12px;padding:1px;text-align:left}.leaflet-popup-content{font-size:13px;font-size:1.08333em;line-height:1.3;margin:13px 24px 13px 20px;min-height:1px}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{height:20px;left:50%;margin-left:-20px;margin-top:-1px;overflow:hidden;pointer-events:none;position:absolute;width:40px}.leaflet-popup-tip{height:17px;margin:-10px auto 0;padding:1px;pointer-events:auto;transform:rotate(45deg);width:17px}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#fff;box-shadow:0 3px 14px #0006;color:#333}.leaflet-container a.leaflet-popup-close-button{background:#0000;border:none;color:#757575;font:16px/24px Tahoma,Verdana,sans-serif;height:24px;position:absolute;right:0;text-align:center;text-decoration:none;top:0;width:24px}.leaflet-container a.leaflet-popup-close-button:focus,.leaflet-container a.leaflet-popup-close-button:hover{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";filter:progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678,M12=0.70710678,M21=-0.70710678,M22=0.70710678);margin:0 auto;width:24px}.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{background-color:#fff;border:1px solid #fff;border-radius:3px;box-shadow:0 1px 3px #0006;color:#222;padding:6px;pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none;white-space:nowrap}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before,.leaflet-tooltip-top:before{background:#0000;border:6px solid #0000;content:"";pointer-events:none;position:absolute}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{left:50%;margin-left:-6px}.leaflet-tooltip-top:before{border-top-color:#fff;bottom:0;margin-bottom:-12px}.leaflet-tooltip-bottom:before{border-bottom-color:#fff;margin-left:-6px;margin-top:-12px;top:0}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{margin-top:-6px;top:50%}.leaflet-tooltip-left:before{border-left-color:#fff;margin-right:-12px;right:0}.leaflet-tooltip-right:before{border-right-color:#fff;left:0;margin-left:-12px}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}:root{--gradient-primary:linear-gradient(135deg,#667eea,#764ba2);--gradient-secondary:linear-gradient(135deg,#f093fb,#f5576c);--gradient-success:linear-gradient(135deg,#4facfe,#00f2fe);--gradient-danger:linear-gradient(135deg,#fa709a,#fee140);--gradient-purple:linear-gradient(135deg,#a8edea,#fed6e3);--gradient-blue:linear-gradient(135deg,#667eea,#764ba2);--gradient-green:linear-gradient(135deg,#11998e,#38ef7d);--bg-primary:#0a0a0f;--bg-secondary:#1a1a2e;--bg-tertiary:#16213e;--bg-glass:#ffffff0d;--bg-glass-strong:#ffffff1a;--text-primary:#fff;--text-secondary:#b8c5d6;--text-muted:#8892b0;--text-accent:#64ffda;--border-glass:#ffffff1a;--shadow-soft:0 8px 32px #0000004d;--shadow-strong:0 20px 60px #0006;--shadow-glow:0 0 40px #667eea4d;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--space-xs:8px;--space-sm:16px;--space-md:24px;--space-lg:32px;--space-xl:48px;--space-2xl:64px}body{background:#0a0a0f;color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.ultra-modern-manage{background:#0a0a0f;background:var(--bg-primary);min-height:100vh;position:relative}.animated-background{height:100%;left:0;overflow:hidden;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}.bg-shape{animation:float 20s ease-in-out infinite;border-radius:50%;filter:blur(60px);opacity:.1;position:absolute}.shape-1{animation-delay:0s;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);height:400px;left:-10%;top:-10%;width:400px}.shape-2{animation-delay:5s;background:linear-gradient(135deg,#f093fb,#f5576c);background:var(--gradient-secondary);height:300px;right:-10%;top:50%;width:300px}.shape-3{animation-delay:10s;background:linear-gradient(135deg,#4facfe,#00f2fe);background:var(--gradient-success);bottom:-5%;height:250px;left:30%;width:250px}.shape-4{animation-delay:15s;background:linear-gradient(135deg,#fa709a,#fee140);background:var(--gradient-danger);height:200px;left:50%;top:20%;width:200px}@keyframes float{0%,to{transform:translateY(0) rotate(0deg) scale(1)}33%{transform:translateY(-30px) rotate(120deg) scale(1.1)}66%{transform:translateY(30px) rotate(240deg) scale(.9)}}.bg-particles{height:100%;position:absolute;width:100%}.particle{animation:particleFloat 15s linear infinite;background:#64ffda;background:var(--text-accent);border-radius:50%;height:4px;opacity:.6;position:absolute;width:4px}.particle:nth-child(odd){animation-duration:20s;background:#667eea}.particle:nth-child(3n){animation-duration:25s;background:#f093fb}@keyframes particleFloat{0%{opacity:0;transform:translateY(100vh) rotate(0deg)}10%{opacity:.6}90%{opacity:.6}to{opacity:0;transform:translateY(-100px) rotate(1turn)}}.particle-1{animation-delay:0s;left:10%}.particle-2{animation-delay:2s;left:20%}.particle-3{animation-delay:4s;left:30%}.particle-4{animation-delay:6s;left:40%}.particle-5{animation-delay:8s;left:50%}.particle-6{animation-delay:10s;left:60%}.particle-7{animation-delay:12s;left:70%}.particle-8{animation-delay:14s;left:80%}.particle-9{animation-delay:16s;left:90%}.particle-10{animation-delay:18s;left:15%}.particle-11{animation-delay:1s;left:25%}.particle-12{animation-delay:3s;left:35%}.particle-13{animation-delay:5s;left:45%}.particle-14{animation-delay:7s;left:55%}.particle-15{animation-delay:9s;left:65%}.particle-16{animation-delay:11s;left:75%}.particle-17{animation-delay:13s;left:85%}.particle-18{animation-delay:15s;left:95%}.particle-19{animation-delay:17s;left:5%}.particle-20{animation-delay:19s;left:95%}.main-wrapper{display:flex;flex-direction:column;gap:48px;gap:var(--space-xl);margin:0 auto;max-width:1400px;padding:32px;padding:var(--space-lg);position:relative;z-index:1}.premium-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;background:var(--bg-glass);border:1px solid #ffffff1a;border:1px solid var(--border-glass);border-radius:32px;border-radius:var(--radius-xl);box-shadow:0 8px 32px #0000004d;box-shadow:var(--shadow-soft);overflow:hidden;padding:48px;padding:var(--space-xl);position:relative}.premium-header:before{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);content:"";height:1px;left:0;position:absolute;right:0;top:0}.header-content{align-items:center;display:flex;flex-wrap:wrap;gap:48px;gap:var(--space-xl);justify-content:space-between}.title-section{position:relative}.title-decoration{border-radius:50%;filter:blur(20px);height:60px;left:-10px;opacity:.3;position:absolute;top:-10px;width:60px}.premium-title,.title-decoration{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary)}.premium-title{-webkit-text-fill-color:#0000;align-items:center;-webkit-background-clip:text;background-clip:text;display:flex;font-size:3.5rem;font-weight:900;gap:24px;gap:var(--space-md);margin-bottom:16px;margin-bottom:var(--space-sm);position:relative}.title-icon{filter:drop-shadow(0 0 20px rgba(102,126,234,.5));font-size:3rem}.title-glow{background:radial-gradient(circle,#667eea1a 0,#0000 70%);height:200%;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:200%}.premium-subtitle{color:#b8c5d6;color:var(--text-secondary);font-size:1.2rem;font-weight:400;opacity:.9}.stats-grid{display:flex;gap:24px;gap:var(--space-md)}.stats-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;background:var(--bg-glass);border:1px solid #ffffff1a;border:1px solid var(--border-glass);border-radius:24px;border-radius:var(--radius-lg);display:flex;gap:16px;gap:var(--space-sm);min-width:120px;overflow:hidden;padding:24px;padding:var(--space-md);position:relative;transition:all .3s ease}.stats-card:hover{box-shadow:0 20px 60px #0006;box-shadow:var(--shadow-strong);transform:translateY(-5px)}.stats-card.blue{border-color:#667eea4d}.stats-card.purple{border-color:#f093fb4d}.stats-card.green{border-color:#11998e4d}.stats-icon{font-size:1.5rem;opacity:.8}.stats-content{display:flex;flex-direction:column}.stats-number{color:#fff;color:var(--text-primary);font-size:1.8rem;font-weight:700;line-height:1}.stats-label{color:#8892b0;color:var(--text-muted);font-size:.8rem;font-weight:500}.stats-decoration{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);border-radius:50%;filter:blur(30px);height:100px;opacity:.1;position:absolute;right:-50%;top:-50%;width:100px}.ultra-nav{display:flex;justify-content:center;margin:32px 0;margin:var(--space-lg) 0}.nav-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;background:var(--bg-glass);border:1px solid #ffffff1a;border:1px solid var(--border-glass);border-radius:32px;border-radius:var(--radius-xl);box-shadow:0 8px 32px #0000004d;box-shadow:var(--shadow-soft);display:flex;gap:8px;gap:var(--space-xs);padding:16px;padding:var(--space-sm)}.nav-btn{align-items:center;background:#0000;border:none;border-radius:24px;border-radius:var(--radius-lg);color:#b8c5d6;color:var(--text-secondary);cursor:pointer;display:flex;font-family:inherit;font-size:1rem;font-weight:600;gap:16px;gap:var(--space-sm);overflow:hidden;padding:24px 32px;padding:var(--space-md) var(--space-lg);position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-btn-bg{background:var(--btn-color);bottom:0;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.nav-btn.active .nav-btn-bg{opacity:.2}.nav-btn.active{box-shadow:0 0 40px #667eea4d;box-shadow:var(--shadow-glow);color:#fff;color:var(--text-primary)}.nav-icon{font-size:1.2rem;z-index:1}.nav-label{z-index:1}.nav-indicator{background:var(--btn-color);bottom:0;height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:width .3s ease;width:0}.nav-btn.active .nav-indicator{width:80%}.nav-ripple{background:radial-gradient(circle,#ffffff4d 0,#0000 70%);border-radius:50%;height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .6s ease;width:0}.nav-btn:active .nav-ripple{height:200px;width:200px}.content-zone{width:100%}.content-panel{animation:slideInUp .6s cubic-bezier(.4,0,.2,1)}.panel-grid{grid-gap:48px;grid-gap:var(--space-xl);align-items:start;display:grid;gap:48px;gap:var(--space-xl);grid-template-columns:1fr 1fr}.premium-form-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;background:var(--bg-glass);border:1px solid #ffffff1a;border:1px solid var(--border-glass);border-radius:32px;border-radius:var(--radius-xl);box-shadow:0 8px 32px #0000004d;box-shadow:var(--shadow-soft);overflow:hidden;transition:all .3s ease}.premium-form-card:hover{box-shadow:0 20px 60px #0006;box-shadow:var(--shadow-strong);transform:translateY(-5px)}.form-header{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--border-glass);padding:48px;padding:var(--space-xl);position:relative}.form-title{align-items:center;display:flex;gap:16px;gap:var(--space-sm)}.form-title h2{color:#fff;color:var(--text-primary);font-size:1.5rem;font-weight:700}.form-icon{font-size:1.3rem}.form-decoration{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);border-radius:50%;filter:blur(40px);height:100px;opacity:.2;position:absolute;right:-50%;top:-50%;width:100px}.premium-form{display:flex;flex-direction:column;gap:48px;gap:var(--space-xl);padding:48px;padding:var(--space-xl)}.input-container,.input-wrapper{position:relative}.premium-input{background:#ffffff0d;border:2px solid #ffffff1a;border:2px solid var(--border-glass);border-radius:16px;border-radius:var(--radius-md);color:#fff;color:var(--text-primary);font-family:inherit;font-size:1rem;outline:none;padding:32px 24px;padding:var(--space-lg) var(--space-md);transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.premium-input:focus{border-color:#0000;box-shadow:0 0 0 2px #667eea80;transform:translateY(-2px)}.premium-input:disabled{cursor:not-allowed;opacity:.5}.input-label{color:#8892b0;color:var(--text-muted);font-size:1rem;font-weight:500;left:24px;left:var(--space-md);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease}.premium-input:focus+.input-label,.premium-input:not(:placeholder-shown)+.input-label{background:#0a0a0f;background:var(--bg-primary);color:#64ffda;color:var(--text-accent);font-size:.8rem;left:16px;left:var(--space-sm);padding:0 8px;padding:0 var(--space-xs);top:0}.input-line{background:#ffffff1a;background:var(--border-glass);left:0;width:100%}.input-highlight,.input-line{bottom:0;height:2px;position:absolute}.input-highlight{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);left:50%;transform:translateX(-50%);transition:width .3s ease;width:0}.premium-input:focus~.input-highlight{width:100%}.premium-submit{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);border:none;border-radius:16px;border-radius:var(--radius-md);box-shadow:0 8px 32px #0000004d;box-shadow:var(--shadow-soft);color:#fff;color:var(--text-primary);cursor:pointer;font-family:inherit;font-size:1rem;font-weight:600;overflow:hidden;padding:32px 48px;padding:var(--space-lg) var(--space-xl);position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.premium-submit:hover:not(:disabled){box-shadow:0 20px 60px #0006;box-shadow:var(--shadow-strong);transform:translateY(-3px)}.premium-submit:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-content{align-items:center;display:flex;gap:16px;gap:var(--space-sm);justify-content:center;position:relative;z-index:1}.btn-waves{background:linear-gradient(45deg,#0000 30%,#fff3 50%,#0000 70%);bottom:0;left:0;position:absolute;right:0;top:0;transform:translateX(-100%);transition:transform .6s ease}.premium-submit:hover .btn-waves{transform:translateX(100%)}.premium-list-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;background:var(--bg-glass);border:1px solid #ffffff1a;border:1px solid var(--border-glass);border-radius:32px;border-radius:var(--radius-xl);box-shadow:0 8px 32px #0000004d;box-shadow:var(--shadow-soft);display:flex;flex-direction:column;overflow:hidden;transition:all .3s ease}.premium-list-card:hover{box-shadow:0 20px 60px #0006;box-shadow:var(--shadow-strong);transform:translateY(-5px)}.list-header{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--border-glass);padding:48px;padding:var(--space-xl)}.list-title{align-items:center;color:#fff;color:var(--text-primary);display:flex;font-size:1.3rem;font-weight:700;gap:16px;gap:var(--space-sm)}.list-icon{font-size:1.2rem}.list-count{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);border-radius:8px;border-radius:var(--radius-sm);color:#fff;color:var(--text-primary);font-size:.8rem;font-weight:600;margin-left:auto;padding:8px 16px;padding:var(--space-xs) var(--space-sm)}.list-content{flex:1 1;max-height:400px;overflow-y:auto;padding:32px;padding:var(--space-lg)}.empty-state-premium{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:64px;padding:var(--space-2xl);text-align:center}.empty-animation{margin-bottom:32px;margin-bottom:var(--space-lg);position:relative}.empty-icon{animation:pulse 2s ease-in-out infinite;font-size:4rem;opacity:.5}.empty-waves{animation:ripple 2s ease-in-out infinite;border:2px solid #64ffda;border:2px solid var(--text-accent);border-radius:50%;height:80px;left:50%;opacity:.3;position:absolute;top:50%;transform:translate(-50%,-50%);width:80px}@keyframes pulse{0%,to{opacity:.5}50%{opacity:.8}}@keyframes ripple{0%{opacity:.3;transform:translate(-50%,-50%) scale(.8)}to{opacity:0;transform:translate(-50%,-50%) scale(1.5)}}.empty-state-premium h4{color:#b8c5d6;color:var(--text-secondary);font-size:1.2rem;font-weight:600;margin-bottom:16px;margin-bottom:var(--space-sm)}.empty-state-premium p{color:#8892b0;color:var(--text-muted);font-size:.9rem}.items-container{display:flex;flex-direction:column;gap:16px;gap:var(--space-sm)}.premium-item{animation:slideInRight .5s ease-out;animation-delay:var(--delay);animation-fill-mode:both;background:#ffffff08;border:1px solid #ffffff1a;border:1px solid var(--border-glass);border-radius:16px;border-radius:var(--radius-md);overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.premium-item:hover{border-color:#667eea4d;box-shadow:0 8px 32px #0000004d;box-shadow:var(--shadow-soft);transform:translateX(5px)}.premium-item.deleting{animation:slideOutRight .3s ease-in forwards}.item-glow{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);height:1px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.premium-item:hover .item-glow{opacity:1}.item-content{justify-content:space-between;padding:24px 32px;padding:var(--space-md) var(--space-lg)}.item-content,.item-info{align-items:center;display:flex}.item-info{flex:1 1;gap:16px;gap:var(--space-sm)}.item-icon{font-size:1.1rem;opacity:.8}.item-name{color:#fff;color:var(--text-primary);font-size:1rem;font-weight:500}.delete-btn-premium{background:none;border:none;border-radius:8px;border-radius:var(--radius-sm);cursor:pointer;overflow:hidden;padding:16px;padding:var(--space-sm);position:relative;transition:all .2s ease}.delete-btn-premium:hover:not(:disabled){background:#ef44441a;transform:scale(1.1)}.delete-btn-premium:disabled{cursor:not-allowed;opacity:.5}.delete-icon{font-size:1rem;opacity:.6;transition:opacity .2s ease}.delete-btn-premium:hover .delete-icon{opacity:1}.delete-ripple{background:radial-gradient(circle,#ef44444d 0,#0000 70%);border-radius:50%;height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .3s ease;width:0}.delete-btn-premium:active .delete-ripple{height:40px;width:40px}.loading-overlay{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0a0fcc;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.spinner-container{align-items:center;display:flex;flex-direction:column;gap:32px;gap:var(--space-lg)}.modern-spinner{animation:spin 1s linear infinite;border:3px solid #ffffff1a;border-top:3px solid #64ffda;border:3px solid var(--border-glass);border-radius:50%;border-top-color:var(--text-accent);height:60px;width:60px}.loading-text{color:#b8c5d6;color:var(--text-secondary);font-size:1.1rem;font-weight:500}.premium-notification{animation:slideInRight .4s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;background:var(--bg-glass-strong);border:1px solid #ffffff1a;border:1px solid var(--border-glass);border-radius:24px;border-radius:var(--radius-lg);box-shadow:0 20px 60px #0006;box-shadow:var(--shadow-strong);overflow:hidden;padding:32px;padding:var(--space-lg);position:fixed;right:32px;right:var(--space-lg);top:32px;top:var(--space-lg);z-index:1000}.premium-notification.success{border-color:#11998e4d}.premium-notification.error{border-color:#ef44444d}.notification-content{align-items:center;color:#fff;color:var(--text-primary);display:flex;font-weight:500;gap:16px;gap:var(--space-sm)}.notification-icon{font-size:1.2rem}.notification-progress{animation:progressBar 4s linear forwards;background:linear-gradient(135deg,#4facfe,#00f2fe);background:var(--gradient-success);bottom:0;height:2px;left:0;position:absolute}.premium-notification.error .notification-progress{background:linear-gradient(135deg,#fa709a,#fee140);background:var(--gradient-danger)}@keyframes progressBar{0%{width:100%}to{width:0}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes slideOutRight{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@media (max-width:1024px){.panel-grid{gap:32px;gap:var(--space-lg);grid-template-columns:1fr}.premium-title{font-size:2.5rem}.header-content{flex-direction:column;text-align:center}.stats-grid{flex-wrap:wrap;justify-content:center}}@media (max-width:768px){.main-wrapper{gap:32px;gap:var(--space-lg);padding:24px;padding:var(--space-md)}.premium-title{flex-direction:column;font-size:2rem;gap:16px;gap:var(--space-sm)}.title-icon{font-size:2rem}.nav-container{flex-direction:column;width:100%}.nav-btn{justify-content:center}.form-header,.list-header,.nav-btn,.premium-form-card,.premium-header,.premium-list-card{padding:32px;padding:var(--space-lg)}.premium-notification{left:24px;left:var(--space-md);right:24px;right:var(--space-md);top:24px;top:var(--space-md)}.stats-grid{flex-direction:column;width:100%}.stats-card{min-width:auto}}@media (max-width:480px){.premium-title{font-size:1.8rem}.list-content{max-height:300px}.premium-submit{padding:24px 32px;padding:var(--space-md) var(--space-lg)}}.list-content::-webkit-scrollbar{width:6px}.list-content::-webkit-scrollbar-track{background:#ffffff0d;background:var(--bg-glass);border-radius:3px}.list-content::-webkit-scrollbar-thumb{background:#ffffff1a;background:var(--border-glass);border-radius:3px}.list-content::-webkit-scrollbar-thumb:hover{background:#fff3}.delete-btn-premium:focus-visible,.nav-btn:focus-visible,.premium-submit:focus-visible{outline:2px solid #64ffda;outline:2px solid var(--text-accent);outline-offset:2px}.premium-input:focus-visible{outline:none}.dashboard-container{background:linear-gradient(135deg,#dbeafe,#e0e7ff 50%,#f3e8ff);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;min-height:100vh;padding:1rem}@media (min-width:768px){.dashboard-container{padding:1.5rem}}@media (min-width:1024px){.dashboard-container{padding:2rem}}.dashboard-content{display:flex;flex-direction:column;gap:2rem;margin:0 auto;max-width:1280px}.connection-status{align-items:center;border-radius:9999px;box-shadow:0 4px 6px -1px #0000001a;display:flex;font-size:.75rem;font-weight:500;gap:.25rem;padding:.5rem .75rem;position:fixed;right:1rem;top:1rem;z-index:50}.status-success{background-color:#10b981;color:#fff}.status-error{background-color:#ef4444;color:#fff}.status-warning{background-color:#f59e0b;color:#fff}.header-section{display:flex;flex-direction:column;gap:1rem;text-align:center}.header-badge{align-items:center;align-self:center;background:linear-gradient(90deg,#2563eb,#7c3aed);border-radius:9999px;box-shadow:0 10px 15px -3px #0000001a;color:#fff;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem}.main-title{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#2563eb,#7c3aed,#4f46e5);background-clip:text;-webkit-background-clip:text;font-size:2.5rem;font-weight:700;line-height:1.2;margin:0}@media (min-width:768px){.main-title{font-size:3rem}}.subtitle{color:#6b7280;font-size:1.125rem;margin:0 auto;max-width:32rem}.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr}@media (min-width:768px){.stats-grid{grid-template-columns:repeat(3,1fr)}}.stat-card{border:none;border-radius:.75rem;box-shadow:0 25px 50px -12px #00000040;color:#fff;padding:1.5rem}.stat-card-blue{background:linear-gradient(135deg,#3b82f6,#2563eb)}.stat-card-purple{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.stat-card-indigo{background:linear-gradient(135deg,#6366f1,#4f46e5)}.stat-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.stat-title{font-size:.875rem;font-weight:500;opacity:.9}.stat-content{display:flex;flex-direction:column}.stat-number{font-size:1.5rem;font-weight:700}.stat-subtitle{font-size:.75rem;margin:0;opacity:.9}.chart-card,.filters-card,.table-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffc;border:none;border-radius:.75rem;box-shadow:0 25px 50px -12px #00000040}.card-header{padding:1.5rem 1.5rem 0}.card-title{align-items:center;display:flex;gap:.5rem;margin:0 0 .5rem}.card-title,.card-title-text{color:#111827;font-size:1.25rem;font-weight:600}.card-title-text{margin:0}.card-description{color:#6b7280;font-size:.875rem;margin:0}.card-content{padding:1.5rem}.filters-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr}@media (min-width:768px){.filters-grid{grid-template-columns:repeat(4,1fr)}}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-label{color:#374151;font-size:.875rem;font-weight:500}.filter-input,.filter-select{background-color:#fff;border:1px solid #d1d5db;border-radius:.5rem;box-shadow:0 1px 2px 0 #0000000d;font-size:1rem;padding:.75rem;transition:all .3s ease}.filter-input:focus,.filter-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.refresh-button{align-items:center;background:linear-gradient(90deg,#2563eb,#7c3aed);border:none;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem 1rem;transition:all .3s ease;width:100%}.refresh-button:hover:not(:disabled){background:linear-gradient(90deg,#1d4ed8,#6d28d9);transform:translateY(-1px)}.refresh-button:disabled{cursor:not-allowed;opacity:.7}.spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.chart-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.chart-badge{background:linear-gradient(90deg,#dbeafe,#f3e8ff);border-radius:9999px;color:#1d4ed8;font-size:.75rem;font-weight:500;padding:.25rem .75rem}.chart-container{height:400px;position:relative}.loading-container{align-items:center;display:flex;height:400px;justify-content:center}.loading-content{align-items:center;display:flex;flex-direction:column;gap:1rem;text-align:center}.loading-spinner{color:#2563eb;height:2rem;width:2rem}.loading-content p{color:#6b7280;margin:0}.error-container{margin:0 auto;max-width:32rem}.error-content{background-color:#fef2f2;border:1px solid #fecaca;border-radius:.5rem;display:flex;gap:1rem;padding:1rem}.error-text h3{color:#dc2626;font-size:.875rem;font-weight:500;margin:0 0 .5rem}.error-text p{color:#7f1d1d;font-size:.875rem;margin:0 0 1rem}.retry-button{align-items:center;background-color:#fff;border:1px solid #d1d5db;border-radius:.375rem;color:#374151;cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.retry-button:hover:not(:disabled){background-color:#f9fafb}.retry-button:disabled{cursor:not-allowed;opacity:.5}.table-container{overflow-x:auto}.data-table{border-collapse:collapse;width:100%}.data-table th{border-bottom:1px solid #e5e7eb;color:#374151;font-weight:500;padding:.75rem 1rem;text-align:left}.data-table th.text-right{text-align:right}.data-table td{border-bottom:1px solid #f3f4f6;padding:.75rem 1rem;transition:background-color .2s ease}.data-table td.text-right{text-align:right}.data-table tr:hover{background-color:#f9fafb}.table-badge{align-items:center;background-color:initial;border:1px solid #d1d5db;border-radius:.375rem;display:inline-flex;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.75rem;padding:.25rem .5rem}.table-count,.table-name{font-weight:500}.table-count{align-items:center;background-color:#dbeafe;border-radius:9999px;color:#1e40af;display:inline-flex;font-size:.75rem;padding:.125rem .625rem}@media (max-width:767px){.dashboard-container{padding:.5rem}.dashboard-content{gap:1.5rem}.main-title{font-size:2rem}.card-content,.card-header{padding:1rem}.chart-container{height:300px}.connection-status{align-self:flex-end;margin-bottom:1rem;position:relative;right:auto;top:auto}}:root{--bg-primary:#f8fafc;--bg-secondary:#fff;--bg-tertiary:#f1f5f9;--text-primary:#1e293b;--text-secondary:#64748b;--text-muted:#94a3b8;--border-primary:#e2e8f0;--border-secondary:#cbd5e1;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px}.themeprofessionalASDF{--accent-primary:#4a90e2;--accent-secondary:#357abd;--accent-success:#10b981;--accent-warning:#f59e0b;--accent-danger:#ef4444;--accent-info:#06b6d4;--gradient-primary:linear-gradient(135deg,#4a90e2,#357abd);--gradient-secondary:linear-gradient(135deg,#f8fafc,#e2e8f0)}.themedarkASDF{--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#334155;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#64748b;--border-primary:#334155;--border-secondary:#475569;--accent-primary:#60a5fa;--accent-secondary:#3b82f6;--accent-success:#34d399;--accent-warning:#fbbf24;--accent-danger:#f87171;--accent-info:#22d3ee;--gradient-primary:linear-gradient(135deg,#60a5fa,#3b82f6);--gradient-secondary:linear-gradient(135deg,#1e293b,#334155)}.themeblueASDF{--bg-primary:#eff6ff;--bg-secondary:#fff;--bg-tertiary:#dbeafe;--accent-primary:#2563eb;--accent-secondary:#1d4ed8;--accent-success:#059669;--accent-warning:#d97706;--accent-danger:#dc2626;--accent-info:#0891b2;--gradient-primary:linear-gradient(135deg,#2563eb,#1d4ed8);--gradient-secondary:linear-gradient(135deg,#eff6ff,#dbeafe)}.themegreenASDF{--bg-primary:#f0fdf4;--bg-secondary:#fff;--bg-tertiary:#dcfce7;--accent-primary:#16a34a;--accent-secondary:#15803d;--accent-success:#22c55e;--accent-warning:#ea580c;--accent-danger:#dc2626;--accent-info:#0891b2;--gradient-primary:linear-gradient(135deg,#16a34a,#15803d);--gradient-secondary:linear-gradient(135deg,#f0fdf4,#dcfce7)}*{box-sizing:border-box;margin:0;padding:0}body{color:#1e293b;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;overflow-x:hidden}.projectDashboardASDF,body{background:#f8fafc;background:var(--bg-primary)}.projectDashboardASDF{min-height:100vh;position:relative;transition:all .3s ease}.backgroundCanvasASDF{height:100%;left:0;opacity:.6;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}.dashboardInterfaceASDF{margin:0 auto;max-width:1400px;padding:48px;padding:var(--space-2xl);position:relative;z-index:1}.dashboardHeaderASDF{align-items:center;background:#fff;background:var(--bg-secondary);border:1px solid #e2e8f0;border:1px solid var(--border-primary);border-radius:16px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);display:flex;justify-content:space-between;margin-bottom:48px;margin-bottom:var(--space-2xl);padding:32px;padding:var(--space-xl)}.headerMainASDF{flex:1 1}.dashboardTitleASDF{align-items:center;display:flex;font-size:2.5rem;font-weight:800;gap:16px;gap:var(--space-md);margin-bottom:8px;margin-bottom:var(--space-sm)}.titlePrimaryASDF{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text}.titleSecondaryASDF{color:#1e293b;color:var(--text-primary)}.dashboardSubtitleASDF{color:#64748b;color:var(--text-secondary);font-size:1.1rem;font-weight:500}.headerControlsASDF{align-items:center;display:flex;gap:16px;gap:var(--space-md)}.controlBtnASDF{align-items:center;background:#f1f5f9;background:var(--bg-tertiary);border:1px solid #e2e8f0;border:1px solid var(--border-primary);border-radius:12px;color:#64748b;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1.2rem;height:48px;justify-content:center;transition:all .3s ease;width:48px}.controlBtnASDF:hover{background:var(--accent-primary);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);color:#fff;transform:translateY(-2px)}.analyticsPanelASDF{grid-gap:24px;grid-gap:var(--space-lg);display:grid;gap:24px;gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:48px;margin-bottom:var(--space-2xl)}.metricCardASDF{background:#fff;background:var(--bg-secondary);border:1px solid #e2e8f0;border:1px solid var(--border-primary);border-radius:16px;overflow:hidden;padding:32px;padding:var(--space-xl);position:relative;transition:all .3s ease}.metricCardASDF:hover{box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;box-shadow:var(--shadow-xl);transform:translateY(-4px)}.metricCardASDF.totalASDF{background:linear-gradient(135deg,#4a90e21a,#fff);background:linear-gradient(135deg,#4a90e21a 0,var(--bg-secondary) 100%);border-color:var(--accent-primary)}.metricCardASDF.activeASDF{background:linear-gradient(135deg,#10b9811a,#fff);background:linear-gradient(135deg,#10b9811a 0,var(--bg-secondary) 100%);border-color:var(--accent-success)}.metricCardASDF.completionASDF{background:linear-gradient(135deg,#06b6d41a,#fff);background:linear-gradient(135deg,#06b6d41a 0,var(--bg-secondary) 100%);border-color:var(--accent-info)}.metricCardASDF.budgetASDF{background:linear-gradient(135deg,#f59e0b1a,#fff);background:linear-gradient(135deg,#f59e0b1a 0,var(--bg-secondary) 100%);border-color:var(--accent-warning)}.metricCardASDF.criticalASDF,.metricCardASDF.efficiencyASDF{background:linear-gradient(135deg,#ef44441a,#fff);background:linear-gradient(135deg,#ef44441a 0,var(--bg-secondary) 100%);border-color:var(--accent-danger)}.metricCardASDF.performanceASDF{background:linear-gradient(135deg,#10b9811a,#fff);background:linear-gradient(135deg,#10b9811a 0,var(--bg-secondary) 100%);border-color:var(--accent-success)}.metricIconASDF{font-size:2rem;margin-bottom:16px;margin-bottom:var(--space-md);opacity:.8}.metricContentASDF{position:relative;z-index:1}.metricValueASDF{color:#1e293b;color:var(--text-primary);font-size:2.5rem;font-weight:700;line-height:1}.metricLabelASDF,.metricValueASDF{margin-bottom:8px;margin-bottom:var(--space-sm)}.metricLabelASDF{color:#64748b;color:var(--text-secondary);font-size:.9rem;font-weight:500}.metricTrendASDF{align-items:center;display:flex;font-size:.8rem;gap:8px;gap:var(--space-sm)}.trendArrowASDF{color:var(--accent-success);font-weight:700}.trendValueASDF{color:#94a3b8;color:var(--text-muted)}.filterPanelASDF{background:#fff;background:var(--bg-secondary);border:1px solid #e2e8f0;border:1px solid var(--border-primary);border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);gap:24px;gap:var(--space-lg);justify-content:space-between;margin-bottom:48px;margin-bottom:var(--space-2xl);padding:32px;padding:var(--space-xl)}.filterPanelASDF,.filterSectionASDF{align-items:center;display:flex;flex-wrap:wrap}.filterSectionASDF{gap:16px;gap:var(--space-md)}.searchContainerASDF{min-width:300px;position:relative}.searchInputASDF{background:#f1f5f9;background:var(--bg-tertiary);border:1px solid #e2e8f0;border:1px solid var(--border-primary);border-radius:12px;color:#1e293b;color:var(--text-primary);font-size:1rem;outline:none;padding:16px 24px;padding:var(--space-md) var(--space-lg);transition:all .3s ease;width:100%}.searchInputASDF:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #4a90e21a}.searchInputASDF::placeholder{color:#94a3b8;color:var(--text-muted)}.filterSelectASDF{background:#f1f5f9;background:var(--bg-tertiary);border:1px solid #e2e8f0;border:1px solid var(--border-primary);border-radius:12px;color:#1e293b;color:var(--text-primary);cursor:pointer;font-size:.9rem;outline:none;padding:16px 24px;padding:var(--space-md) var(--space-lg);transition:all .3s ease}.filterSelectASDF:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #4a90e21a}.actionSectionASDF{align-items:center;display:flex;gap:24px;gap:var(--space-lg)}.viewSwitcherASDF{background:#f1f5f9;background:var(--bg-tertiary);border:1px solid #e2e8f0;border:1px solid var(--border-primary);border-radius:12px;display:flex;overflow:hidden}.viewBtnASDF{align-items:center;background:#0000;border:none;color:#64748b;color:var(--text-secondary);cursor:pointer;display:flex;flex-direction:column;font-size:.8rem;gap:4px;gap:var(--space-xs);min-width:70px;padding:16px 24px;padding:var(--space-md) var(--space-lg);transition:all .3s ease}.viewBtnASDF.activeASDF{background:var(--accent-primary);color:#fff}.viewBtnASDF:hover:not(.activeASDF){background:#fff;background:var(--bg-secondary);color:var(--accent-primary)}.viewIconASDF{font-size:1.2rem}.viewLabelASDF{font-weight:500;letter-spacing:.5px;text-transform:uppercase}.exportControlsASDF,.themeSelectorASDF{display:flex;gap:8px;gap:var(--space-sm)}.themeSelectorASDF{flex-direction:column;position:fixed;right:24px;right:var(--space-lg);top:50%;transform:translateY(-50%);z-index:10}.themeBtnASDF{background:#0000;border:2px solid #e2e8f0;border:2px solid var(--border-primary);border-radius:50%;cursor:pointer;height:40px;overflow:hidden;position:relative;transition:all .3s ease;width:40px}.themeBtnASDF.activeASDF{border-color:var(--accent-primary);box-shadow:0 0 0 3px #4a90e233}.themeBtnASDF:hover{transform:scale(1.1)}.themePreviewASDF{border-radius:50%;height:100%;width:100%}.themePreviewASDF.themeprofessionalASDF{background:linear-gradient(45deg,#4a90e2,#357abd)}.themePreviewASDF.themedarkASDF{background:linear-gradient(45deg,#0f172a,#1e293b)}.themePreviewASDF.themeblueASDF{background:linear-gradient(45deg,#2563eb,#1d4ed8)}.themePreviewASDF.themegreenASDF{background:linear-gradient(45deg,#16a34a,#15803d)}.loadingContainerASDF{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:64px;padding:var(--space-3xl);text-align:center}.loadingSpinnerASDF{height:80px;margin-bottom:32px;margin-bottom:var(--space-xl);position:relative;width:80px}.spinnerRingASDF{animation:spinASDF 1s linear infinite;border:3px solid #0000;border-radius:50%;border-top:3px solid var(--accent-primary);height:100%;left:0;position:absolute;top:0;width:100%}.spinnerRingASDF:nth-child(2){animation-direction:reverse;animation-duration:1.5s;border-top-color:var(--accent-secondary);height:60px;left:10px;top:10px;width:60px}.spinnerRingASDF:nth-child(3){animation-duration:2s;border-top-color:var(--accent-info);height:40px;left:20px;top:20px;width:40px}@keyframes spinASDF{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loadingTextASDF{color:#64748b;color:var(--text-secondary);font-size:1.2rem;font-weight:500}.errorContainerASDF{align-items:center;background:#fff;background:var(--bg-secondary);border:1px solid #e2e8f0;border:1px solid var(--border-primary);border-radius:16px;display:flex;flex-direction:column;justify-content:center;margin:32px 0;margin:var(--space-xl) 0;padding:64px;padding:var(--space-3xl);text-align:center}.errorIconASDF{font-size:4rem;margin-bottom:24px;margin-bottom:var(--space-lg);opacity:.6}.errorTitleASDF{color:var(--accent-danger);font-size:1.5rem;font-weight:700;margin-bottom:16px;margin-bottom:var(--space-md)}.errorMessageASDF{color:#64748b;color:var(--text-secondary);font-size:1rem;margin-bottom:32px;margin-bottom:var(--space-xl)}.errorRetryASDF{background:var(--accent-danger);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:16px 32px;padding:var(--space-md) var(--space-xl);transition:all .3s ease}.errorRetryASDF:hover{background:var(--accent-danger);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-2px)}.contentAreaASDF{animation:fadeInUpASDF .6s ease-out}@keyframes fadeInUpASDF{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.projectGridASDF{grid-gap:24px;grid-gap:var(--space-lg);display:grid;gap:24px;gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(400px,1fr));margin-bottom:48px;margin-bottom:var(--space-2xl)}.projectCardASDF{animation:slideInUpASDF .6s ease-out;animation-delay:var(--delay);animation-fill-mode:both;background:#fff;background:var(--bg-secondary);border:1px solid #e2e8f0;border:1px solid var(--border-primary);border-radius:16px;cursor:pointer;overflow:hidden;padding:32px;padding:var(--space-xl);position:relative;transition:all .3s ease}.projectCardASDF:hover{box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;box-shadow:var(--shadow-xl);transform:translateY(-8px)}.projectCardASDF.statusactiveASDF{border-left:4px solid var(--accent-success)}.projectCardASDF.statusplanningASDF{border-left:4px solid var(--accent-info)}.projectCardASDF.statuscompletedASDF{border-left:4px solid var(--accent-primary)}.projectCardASDF.statusonHoldASDF{border-left:4px solid var(--accent-warning)}.projectCardASDF.statusoverdueASDF{border-left:4px solid var(--accent-danger)}@keyframes slideInUpASDF{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.cardHeaderASDF{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px;margin-bottom:var(--space-lg)}.statusBadgeASDF{align-items:center;background:#f1f5f9;background:var(--bg-tertiary);border-radius:20px;display:flex;font-size:.8rem;font-weight:500;gap:8px;gap:var(--space-sm);padding:8px 16px;padding:var(--space-sm) var(--space-md)}.statusDotASDF{border-radius:50%;height:8px;position:relative;width:8px}.statusDotASDF.active{background:var(--accent-success);box-shadow:0 0 8px var(--accent-success)}.statusDotASDF.planning{background:var(--accent-info);box-shadow:0 0 8px var(--accent-info)}.statusDotASDF.completed{background:var(--accent-primary);box-shadow:0 0 8px var(--accent-primary)}.statusDotASDF.onHold{background:var(--accent-warning);box-shadow:0 0 8px var(--accent-warning)}.statusDotASDF.overdue{background:var(--accent-danger);box-shadow:0 0 8px var(--accent-danger)}.statusDotASDF:after{animation:pulseASDF 2s ease-in-out infinite;background:inherit;border-radius:50%;content:"";height:100%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}@keyframes pulseASDF{0%,to{opacity:1;transform:translate(-50%,-50%) scale(1)}50%{opacity:0;transform:translate(-50%,-50%) scale(2)}}.statusTextASDF{color:#64748b;color:var(--text-secondary)}.priorityBadgeASDF,.statusTextASDF{font-weight:600;letter-spacing:.5px;text-transform:uppercase}.priorityBadgeASDF{border-radius:20px;font-size:.7rem;padding:8px 16px;padding:var(--space-sm) var(--space-md)}.priorityBadgeASDF.criticalASDF{background:#ef44441a;border:1px solid var(--accent-danger);color:var(--accent-danger)}.priorityBadgeASDF.highASDF{background:#f59e0b1a;border:1px solid var(--accent-warning);color:var(--accent-warning)}.priorityBadgeASDF.mediumASDF{background:#06b6d41a;border:1px solid var(--accent-info);color:var(--accent-info)}.priorityBadgeASDF.lowASDF{background:#10b9811a;border:1px solid var(--accent-success);color:var(--accent-success)}.cardContentASDF{position:relative;z-index:1}.projectTitleASDF{align-items:center;color:#1e293b;color:var(--text-primary);display:flex;font-size:1.3rem;font-weight:700;gap:8px;gap:var(--space-sm);line-height:1.3;margin-bottom:8px;margin-bottom:var(--space-sm)}.projectIconASDF{font-size:1.1rem;opacity:.8}.projectCodeASDF{background:#f1f5f9;background:var(--bg-tertiary);border-radius:6px;color:#94a3b8;color:var(--text-muted);display:inline-block;font-family:Monaco,Menlo,Consolas,monospace;font-size:.9rem;padding:4px 8px;padding:var(--space-xs) var(--space-sm)}.projectCodeASDF,.projectDetailsASDF{margin-bottom:24px;margin-bottom:var(--space-lg)}.detailRowASDF{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-primary);display:flex;justify-content:space-between;padding:8px 0;padding:var(--space-sm) 0}.detailRowASDF:last-child{border-bottom:none}.detailLabelASDF{color:#94a3b8;color:var(--text-muted);font-size:.9rem;font-weight:500}.detailValueASDF{color:#1e293b;color:var(--text-primary);font-size:.9rem;font-weight:600}.progressSectionASDF{margin-bottom:24px;margin-bottom:var(--space-lg)}.progressHeaderASDF{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px;margin-bottom:var(--space-sm)}.progressLabelASDF{color:#94a3b8;color:var(--text-muted);font-size:.9rem;font-weight:500}.progressValueASDF{font-size:1rem;font-weight:700}.progressValueASDF.successASDF{color:var(--accent-success)}.progressValueASDF.warningASDF{color:var(--accent-warning)}.progressValueASDF.dangerASDF{color:var(--accent-danger)}.progressValueASDF.infoASDF{color:var(--accent-info)}.progressValueASDF.criticalASDF{color:var(--accent-danger)}.progressValueASDF.grayASDF{color:#94a3b8;color:var(--text-muted)}.progressBarASDF{background:#f1f5f9;background:var(--bg-tertiary);border-radius:4px;height:8px;overflow:hidden;width:100%}.progressFillASDF{border-radius:4px;height:100%;position:relative;transition:width .3s ease}.progressFillASDF.successASDF{background:linear-gradient(90deg,var(--accent-success),#34d399)}.progressFillASDF.warningASDF{background:linear-gradient(90deg,var(--accent-warning),#fbbf24)}.progressFillASDF.dangerASDF{background:linear-gradient(90deg,var(--accent-danger),#f87171)}.progressFillASDF.infoASDF{background:linear-gradient(90deg,var(--accent-info),#22d3ee)}.progressFillASDF.criticalASDF{background:linear-gradient(90deg,var(--accent-danger),#f87171)}.progressFillASDF.grayASDF{background:linear-gradient(90deg,#94a3b8,#cbd5e1);background:linear-gradient(90deg,var(--text-muted),#cbd5e1)}.budgetSectionASDF{background:#f1f5f9;background:var(--bg-tertiary);border-radius:12px;margin-bottom:24px;margin-bottom:var(--space-lg);padding:24px;padding:var(--space-lg)}.budgetHeaderASDF{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px;margin-bottom:var(--space-sm)}.budgetLabelASDF{color:#94a3b8;color:var(--text-muted);font-size:.9rem;font-weight:500}.budgetValueASDF{color:#1e293b;color:var(--text-primary);font-size:1.1rem;font-weight:700}.budgetDetailsASDF{align-items:center;color:#64748b;color:var(--text-secondary);display:flex;font-size:.8rem;justify-content:space-between;margin-bottom:8px;margin-bottom:var(--space-sm)}.budgetBarASDF{background:#0000001a;border-radius:3px;height:6px;overflow:hidden;width:100%}.budgetFillASDF{background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));border-radius:3px;height:100%;transition:width .3s ease}.cardFooterASDF{align-items:center;border-top:1px solid #e2e8f0;border-top:1px solid var(--border-primary);display:flex;justify-content:space-between;margin-top:24px;margin-top:var(--space-lg);padding-top:16px;padding-top:var(--space-md)}.timelineInfoASDF{align-items:center;color:#94a3b8;color:var(--text-muted);display:flex;font-size:.8rem;gap:8px;gap:var(--space-sm)}.timelineSeparatorASDF{color:var(--accent-primary);font-weight:700}.cardActionsASDF{display:flex;gap:8px;gap:var(--space-sm)}.actionBtnASDF{align-items:center;background:#f1f5f9;background:var(--bg-tertiary);border:1px solid #e2e8f0;border:1px solid var(--border-primary);border-radius:8px;color:#64748b;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.9rem;height:32px;justify-content:center;transition:all .3s ease;width:32px}.actionBtnASDF:hover{background:var(--accent-primary);color:#fff;transform:scale(1.1)}.timelineViewASDF{background:#fff;background:var(--bg-secondary);border:1px solid #e2e8f0;border:1px solid var(--border-primary);border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);padding:32px;padding:var(--space-xl)}.timelineHeaderASDF{margin-bottom:32px;margin-bottom:var(--space-xl)}.timelineHeaderASDF h3{color:#1e293b;color:var(--text-primary);font-size:1.5rem;font-weight:700}.timelineContentASDF{padding-left:32px;padding-left:var(--space-xl);position:relative}.timelineContentASDF:before{background:var(--accent-primary);border-radius:1px;bottom:0;content:"";left:0;position:absolute;top:0;width:2px}.timelineItemASDF{animation:slideInLeftASDF .6s ease-out;animation-delay:var(--delay);animation-fill-mode:both;margin-bottom:32px;margin-bottom:var(--space-xl);position:relative}@keyframes slideInLeftASDF{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}.timelineMarkerASDF{background:var(--accent-primary);border-radius:50%;box-shadow:0 0 0 4px #fff,0 0 8px var(--accent-primary);box-shadow:0 0 0 4px var(--bg-secondary),0 0 8px var(--accent-primary);height:12px;left:-var(--space-xl);position:absolute;top:8px;top:var(--space-sm);width:12px}.timelineCardASDF{background:#f1f5f9;background:var(--bg-tertiary);border:1px solid #e2e8f0;border:1px solid var(--border-primary);border-radius:12px;padding:24px;padding:var(--space-lg);transition:all .3s ease}.timelineCardASDF:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);transform:translateX(8px)}.timelineDateASDF{color:var(--accent-primary);font-size:.8rem;font-weight:600;margin-bottom:8px;margin-bottom:var(--space-sm)}.timelineTitleASDF{color:#1e293b;color:var(--text-primary);font-size:1.1rem;font-weight:600;margin-bottom:4px;margin-bottom:var(--space-xs)}.timelineSubtitleASDF{color:#64748b;color:var(--text-secondary);font-size:.9rem;margin-bottom:16px;margin-bottom:var(--space-md)}.timelineProgressASDF{align-items:center;display:flex;gap:16px;gap:var(--space-md)}.progressBarASDF.smallASDF{flex:1 1;height:4px}.progressTextASDF{color:#1e293b;color:var(--text-primary);font-size:.8rem;font-weight:600;min-width:40px}.kanbanViewASDF{background:#fff;background:var(--bg-secondary);border:1px solid #e2e8f0;border:1px solid var(--border-primary);border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);padding:32px;padding:var(--space-xl)}.kanbanBoardASDF{grid-gap:24px;grid-gap:var(--space-lg);display:grid;gap:24px;gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.kanbanColumnASDF{background:#f1f5f9;background:var(--bg-tertiary);border:1px solid #e2e8f0;border:1px solid var(--border-primary);border-radius:12px;min-height:400px;padding:24px;padding:var(--space-lg)}.columnHeaderASDF{align-items:center;border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--border-primary);display:flex;justify-content:space-between;margin-bottom:24px;margin-bottom:var(--space-lg);padding-bottom:16px;padding-bottom:var(--space-md)}.columnHeaderASDF h3{color:#1e293b;color:var(--text-primary);font-size:1rem;font-weight:600}.columnCountASDF{background:var(--accent-primary);border-radius:12px;color:#fff;font-size:.8rem;font-weight:600;padding:4px 8px;padding:var(--space-xs) var(--space-sm)}.columnContentASDF{display:flex;flex-direction:column;gap:16px;gap:var(--space-md)}.kanbanCardASDF{background:#fff;background:var(--bg-secondary);border:1px solid #e2e8f0;border:1px solid var(--border-primary);border-radius:8px;cursor:pointer;padding:16px;padding:var(--space-md);transition:all .3s ease}.kanbanCardASDF:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-2px)}.kanbanTitleASDF{color:#1e293b;color:var(--text-primary);font-size:.9rem;font-weight:600;line-height:1.3;margin-bottom:8px;margin-bottom:var(--space-sm)}.kanbanMetaASDF{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px;margin-bottom:var(--space-md)}.kanbanCodeASDF{background:#f1f5f9;background:var(--bg-tertiary);border-radius:4px;color:#94a3b8;color:var(--text-muted);font-family:Monaco,Menlo,Consolas,monospace;font-size:.7rem;padding:4px;padding:var(--space-xs)}.kanbanPriorityASDF{border-radius:10px;font-size:.7rem;font-weight:600;padding:4px 8px;padding:var(--space-xs) var(--space-sm);text-transform:uppercase}.kanbanPriorityASDF.criticalASDF{background:#ef44441a;color:var(--accent-danger)}.kanbanPriorityASDF.highASDF{background:#f59e0b1a;color:var(--accent-warning)}.kanbanPriorityASDF.mediumASDF{background:#06b6d41a;color:var(--accent-info)}.kanbanPriorityASDF.lowASDF{background:#10b9811a;color:var(--accent-success)}.kanbanProgressASDF{align-items:center;display:flex;gap:8px;gap:var(--space-sm)}.progressBarASDF.miniASDF{flex:1 1;height:4px}.notificationsPanelASDF{background:#fff;background:var(--bg-secondary);border:1px solid #e2e8f0;border:1px solid var(--border-primary);border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;box-shadow:var(--shadow-xl);max-height:500px;overflow:hidden;position:fixed;right:24px;right:var(--space-lg);top:24px;top:var(--space-lg);width:350px;z-index:1000}.panelHeaderASDF{align-items:center;background:#f1f5f9;background:var(--bg-tertiary);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-primary);display:flex;justify-content:space-between;padding:24px;padding:var(--space-lg)}.panelHeaderASDF h3{color:#1e293b;color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0}.closeBtnASDF{background:#0000;border:none;border-radius:4px;color:#64748b;color:var(--text-secondary);cursor:pointer;font-size:1.5rem;padding:4px;padding:var(--space-xs);transition:all .3s ease}.closeBtnASDF:hover{background:#f8fafc;background:var(--bg-primary);color:#1e293b;color:var(--text-primary)}.notificationsListASDF{max-height:400px;overflow-y:auto;padding:16px;padding:var(--space-md)}.notificationItemASDF{border-radius:8px;display:flex;gap:16px;gap:var(--space-md);margin-bottom:8px;margin-bottom:var(--space-sm);padding:16px;padding:var(--space-md);transition:all .3s ease}.notificationItemASDF:hover{background:#f1f5f9;background:var(--bg-tertiary)}.notificationItemASDF.errorASDF{background:#ef44441a;border-left:3px solid var(--accent-danger)}.notificationItemASDF.warningASDF{background:#f59e0b1a;border-left:3px solid var(--accent-warning)}.notificationItemASDF.successASDF{background:#10b9811a;border-left:3px solid var(--accent-success)}.notificationItemASDF.infoASDF{background:#06b6d41a;border-left:3px solid var(--accent-info)}.notificationIconASDF{flex-shrink:0;font-size:1.2rem}.notificationContentASDF{flex:1 1}.notificationMessageASDF{color:#1e293b;color:var(--text-primary);font-size:.9rem;font-weight:500;margin-bottom:4px;margin-bottom:var(--space-xs)}.notificationTimeASDF{color:#94a3b8;color:var(--text-muted);font-size:.8rem}.settingsPanelASDF{background:#fff;background:var(--bg-secondary);border:1px solid #e2e8f0;border:1px solid var(--border-primary);border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;box-shadow:var(--shadow-xl);left:24px;left:var(--space-lg);overflow:hidden;position:fixed;top:24px;top:var(--space-lg);width:350px;z-index:1000}.settingsContentASDF{padding:24px;padding:var(--space-lg)}.settingGroupASDF{margin-bottom:24px;margin-bottom:var(--space-lg)}.settingLabelASDF{color:#1e293b;color:var(--text-primary);display:block;font-size:.9rem;font-weight:500;margin-bottom:8px;margin-bottom:var(--space-sm)}.settingControlASDF{align-items:center;display:flex;gap:16px;gap:var(--space-md)}.cyberCheckboxASDF{accent-color:var(--accent-primary);cursor:pointer;height:20px;width:20px}.cyberSliderASDF{background:#f1f5f9;background:var(--bg-tertiary);border-radius:3px;cursor:pointer;flex:1 1;height:6px;outline:none}.cyberSliderASDF::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--accent-primary);border-radius:50%;cursor:pointer;height:20px;width:20px}.settingValueASDF{color:#64748b;color:var(--text-secondary);font-size:.8rem;font-weight:600;min-width:60px}.emptyStateASDF{align-items:center;background:#fff;background:var(--bg-secondary);border:1px solid #e2e8f0;border:1px solid var(--border-primary);border-radius:16px;display:flex;flex-direction:column;justify-content:center;margin:32px 0;margin:var(--space-xl) 0;padding:64px;padding:var(--space-3xl);text-align:center}.emptyIconASDF{font-size:4rem;margin-bottom:24px;margin-bottom:var(--space-lg);opacity:.6}.emptyTitleASDF{color:#1e293b;color:var(--text-primary);font-size:1.5rem;font-weight:700;margin-bottom:16px;margin-bottom:var(--space-md)}.emptyMessageASDF{color:#64748b;color:var(--text-secondary);font-size:1rem;line-height:1.6}@media (max-width:1200px){.projectGridASDF{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}}@media (max-width:1024px){.dashboardInterfaceASDF{padding:24px;padding:var(--space-lg)}.dashboardTitleASDF{font-size:2rem}.analyticsPanelASDF{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.filterPanelASDF{align-items:stretch;flex-direction:column}.actionSectionASDF,.filterSectionASDF{justify-content:center}}@media (max-width:768px){.dashboardHeaderASDF{flex-direction:column;gap:24px;gap:var(--space-lg);text-align:center}.dashboardTitleASDF{flex-direction:column;font-size:1.8rem;gap:8px;gap:var(--space-sm)}.analyticsPanelASDF,.projectGridASDF{grid-template-columns:1fr}.themeSelectorASDF{flex-direction:row;justify-content:center;margin:24px 0;margin:var(--space-lg) 0;position:static;transform:none}.kanbanBoardASDF{grid-template-columns:1fr}.notificationsPanelASDF,.settingsPanelASDF{left:5%;right:5%;width:90%}}@media (max-width:480px){.dashboardInterfaceASDF{padding:16px;padding:var(--space-md)}.dashboardTitleASDF{font-size:1.5rem}.projectCardASDF{padding:16px;padding:var(--space-md)}.searchContainerASDF{min-width:auto}.viewSwitcherASDF{flex-wrap:wrap}}.actionBtnASDF:focus-visible,.controlBtnASDF:focus-visible,.errorRetryASDF:focus-visible,.filterSelectASDF:focus-visible,.searchInputASDF:focus-visible,.themeBtnASDF:focus-visible,.viewBtnASDF:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.projectCardASDF:focus-visible{outline:2px solid var(--accent-primary);outline-offset:4px}.columnContentASDF::-webkit-scrollbar,.contentAreaASDF::-webkit-scrollbar,.notificationsListASDF::-webkit-scrollbar{width:6px}.columnContentASDF::-webkit-scrollbar-track,.contentAreaASDF::-webkit-scrollbar-track,.notificationsListASDF::-webkit-scrollbar-track{background:#f1f5f9;background:var(--bg-tertiary);border-radius:3px}.columnContentASDF::-webkit-scrollbar-thumb,.contentAreaASDF::-webkit-scrollbar-thumb,.notificationsListASDF::-webkit-scrollbar-thumb{background:var(--accent-primary);border-radius:3px}.columnContentASDF::-webkit-scrollbar-thumb:hover,.contentAreaASDF::-webkit-scrollbar-thumb:hover,.notificationsListASDF::-webkit-scrollbar-thumb:hover{background:var(--accent-secondary)}@media print{.cardActionsASDF,.headerControlsASDF,.notificationsPanelASDF,.settingsPanelASDF,.themeSelectorASDF{display:none}.projectCardASDF{border:1px solid #ccc;box-shadow:none;break-inside:avoid;page-break-inside:avoid}.backgroundCanvasASDF{display:none}}.modern-table-container-569{background:linear-gradient(135deg,#667eea,#764ba2);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;margin:0 auto;max-width:1400px;min-height:100vh;padding:2rem}.loading-container-569{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:20px;display:flex;justify-content:center;margin:2rem;min-height:60vh}.loading-spinner-569{color:#fff;text-align:center}.spinner-569{animation:spin-569 1s linear infinite;margin-bottom:1rem}@keyframes spin-569{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.table-header-569{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 20px 40px #00000026;margin-bottom:2rem;padding:2rem}.header-content-569{margin-bottom:2rem;text-align:center}.table-title-569{-webkit-text-fill-color:#0000;align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;display:flex;font-size:2.5rem;font-weight:800;gap:.75rem;justify-content:center;margin:0 0 .5rem}.title-icon-569{color:#667eea}.table-subtitle-569{color:#6b7280;font-size:1.1rem;margin:0}.table-controls-569{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.filter-container-569,.search-container-569{align-items:center;display:flex;position:relative}.filter-select-569,.search-input-569{background:#fff;border:2px solid #e5e7eb;border-radius:12px;font-size:.95rem;min-width:200px;padding:.75rem 1rem .75rem 2.5rem;transition:all .3s ease}.filter-select-569:focus,.search-input-569:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.filter-icon-569,.search-icon-569{color:#9ca3af;left:.75rem;position:absolute;z-index:1}.export-btn-569{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.export-btn-569:hover{box-shadow:0 10px 20px #10b9814d;transform:translateY(-2px)}.stats-container-569{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.stat-card-569{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border:1px solid #ffffff4d;border-radius:16px;box-shadow:0 10px 30px #00000026;display:flex;gap:1rem;padding:1.5rem;transition:transform .3s ease}.stat-card-569:hover{transform:translateY(-5px)}.stat-icon-569{align-items:center;border-radius:12px;color:#fff;display:flex;height:50px;justify-content:center;width:50px}.stat-icon-569.total-569{background:linear-gradient(135deg,#667eea,#764ba2)}.stat-icon-569.filtered-569{background:linear-gradient(135deg,#f093fb,#f5576c)}.stat-icon-569.users-569{background:linear-gradient(135deg,#4facfe,#00f2fe)}.stat-content-569 h3{color:#1f2937;font-size:1.8rem;font-weight:700;margin:0}.stat-content-569 p{color:#6b7280;font-size:.9rem;margin:0}.table-wrapper-569{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 20px 40px #00000026;min-height:400px;overflow:hidden}.modern-table-569{background:#fff;border-collapse:collapse;font-size:.95rem;width:100%}.modern-table-569 thead{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.modern-table-569 th{border-bottom:2px solid #fff3;font-size:.9rem;font-weight:600;letter-spacing:.5px;padding:1.25rem 1rem;text-align:left;text-transform:uppercase}.th-content-569{align-items:center;display:flex;gap:.5rem}.table-row-569{animation:fadeInUp-569 .6s ease forwards;background:#fff;border-bottom:1px solid #e5e7eb;opacity:1;transform:translateY(0);transition:all .3s ease}.table-row-569:nth-child(2n){background:#f9fafb}.table-row-569:hover{background:#667eea14;box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.table-row-569.success-row-569{animation:successPulse-569 .6s ease;background:#10b98126}@keyframes fadeInUp-569{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes successPulse-569{0%,to{background:#10b9811a}50%{background:#10b98133}}.modern-table-569 td{border-bottom:1px solid #e5e7eb;padding:1.2rem 1rem;vertical-align:middle}.cell-content-569{align-items:center;display:flex;gap:.5rem;min-height:24px}.id-badge-569{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 2px 4px #667eea4d;color:#fff;font-size:.85rem;font-weight:600;padding:.4rem .8rem}.date-badge-569,.time-badge-569,.user-badge-569{align-items:center;border:1px solid #0000;border-radius:10px;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.6rem .9rem}.user-badge-569{background:#3b82f626;border-color:#3b82f633;color:#1e40af}.date-badge-569{background:#10b98126;border-color:#10b98133;color:#065f46}.time-badge-569{background:#f59e0b26;border-color:#f59e0b33;color:#92400e}.task-cell-569{max-width:350px;min-width:250px}.task-content-569{align-items:center;display:flex;gap:.5rem;width:100%}.task-text-569{color:#1f2937;flex:1 1;font-weight:500;line-height:1.4;word-break:break-word}.status-icon-569.success-569{animation:checkmark-569 .6s ease;color:#10b981}@keyframes checkmark-569{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.edit-input-569{background:#fff;border:2px solid #667eea;border-radius:10px;color:#1f2937;font-size:.95rem;padding:.7rem .9rem;transition:all .3s ease;width:100%}.edit-input-569:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #667eea26;outline:none}.btn-569{align-items:center;border:none;border-radius:10px;box-shadow:0 2px 4px #0000001a;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.6rem 1.2rem;text-decoration:none;transition:all .3s ease}.btn-edit-569{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-edit-569:hover{box-shadow:0 6px 16px #667eea66;transform:translateY(-2px)}.btn-save-569{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.btn-save-569:hover{box-shadow:0 6px 16px #10b98166;transform:translateY(-2px)}.btn-cancel-569{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.btn-cancel-569:hover{box-shadow:0 6px 16px #ef444466;transform:translateY(-2px)}.action-buttons-569{display:flex;gap:.5rem}.action-buttons-569.editing-569{flex-wrap:wrap}.actions-cell-569{min-width:120px}.empty-state-569{background:#fff;color:#4b5563;padding:4rem 2rem;text-align:center}.empty-icon-569{color:#9ca3af;margin-bottom:1rem}.empty-state-569 h3{color:#1f2937;font-size:1.5rem;margin-bottom:.5rem}.empty-state-569 p{color:#6b7280}@media (max-width:768px){.modern-table-container-569{padding:1rem}.table-header-569{padding:1.5rem}.table-title-569{font-size:2rem}.table-controls-569{align-items:stretch;flex-direction:column}.filter-select-569,.search-input-569{min-width:auto;width:100%}.stats-container-569{grid-template-columns:1fr}.modern-table-569{font-size:.85rem}.modern-table-569 td,.modern-table-569 th{padding:.75rem .5rem}.action-buttons-569{flex-direction:column}.btn-569{font-size:.8rem;padding:.4rem .8rem}}@media (max-width:480px){.table-wrapper-569{overflow-x:auto}.modern-table-569{min-width:600px}}.RequestPageContainerQWER{background:linear-gradient(135deg,#667eea,#764ba2);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;min-height:100vh;overflow-x:hidden;padding:20px;position:relative}.RequestPageContainerQWER:before{animation:FloatAnimationQWER 20s ease-in-out infinite;background:radial-gradient(circle at 20% 80%,#7877c64d 0,#0000 50%),radial-gradient(circle at 80% 20%,#ff77c64d 0,#0000 50%),radial-gradient(circle at 40% 40%,#78dbff4d 0,#0000 50%);content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:-1}@keyframes FloatAnimationQWER{0%,to{transform:translateY(0) rotate(0deg)}33%{transform:translateY(-30px) rotate(120deg)}66%{transform:translateY(30px) rotate(240deg)}}.PageWrapperQWER{display:flex;flex-direction:column;gap:24px;margin:0 auto;max-width:1400px;position:relative;z-index:1}.HeaderSectionQWER{align-items:center;animation:SlideInDownQWER .8s cubic-bezier(.68,-.55,.265,1.55);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 20px 40px #0000001a;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;padding:32px}@keyframes SlideInDownQWER{0%{opacity:0;transform:translateY(-100px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.HeaderSectionQWER:hover{box-shadow:0 25px 50px #00000026;transform:translateY(-5px)}.HeaderContentQWER{flex:1 1}.MainTitleQWER{-webkit-text-fill-color:#0000;animation:GradientShiftQWER 3s ease-in-out infinite;background:linear-gradient(135deg,#667eea,#764ba2 100%,#f093fb 200%);-webkit-background-clip:text;background-clip:text;background-size:200% 200%;font-size:2.5rem;font-weight:800;line-height:1.2;margin:0 0 8px;text-shadow:0 0 30px #667eea4d}@keyframes GradientShiftQWER{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.SubtitleTextQWER{color:#64748b;font-size:1.1rem;font-weight:500;line-height:1.4;margin:0;opacity:.9}.AddButtonQWER{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:15px;box-shadow:0 8px 25px #667eea66;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:12px;overflow:hidden;padding:16px 32px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.AddButtonQWER:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.AddButtonQWER:hover{box-shadow:0 15px 35px #667eea99;transform:translateY(-3px) scale(1.05)}.AddButtonQWER:hover:before{left:100%}.AddButtonQWER:active{transform:translateY(-1px) scale(1.02)}.ButtonIconQWER{animation:PulseQWER 2s ease-in-out infinite;font-size:1.3rem;font-weight:700}@keyframes PulseQWER{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.ErrorAlertQWER{align-items:center;animation:SlideInRightQWER .5s cubic-bezier(.68,-.55,.265,1.55);background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #f87171;border-radius:15px;box-shadow:0 8px 25px #dc262633;color:#dc2626;display:flex;font-weight:600;gap:15px;padding:18px 24px}@keyframes SlideInRightQWER{0%{opacity:0;transform:translateX(100%) scale(.8)}to{opacity:1;transform:translateX(0) scale(1)}}.ErrorIconQWER{animation:ShakeQWER .5s ease-in-out;flex-shrink:0;font-size:1.3rem}@keyframes ShakeQWER{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.ErrorTextQWER{flex:1 1;font-size:15px}.ErrorCloseButtonQWER{align-items:center;background:#dc26261a;border:none;border-radius:8px;color:#dc2626;cursor:pointer;display:flex;flex-shrink:0;font-size:1.5rem;height:32px;justify-content:center;padding:8px;transition:all .2s ease;width:32px}.ErrorCloseButtonQWER:hover{background:#dc262633;transform:scale(1.1)}.ModalOverlayQWER{align-items:center;animation:FadeInQWER .3s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}@keyframes FadeInQWER{0%{opacity:0}to{opacity:1}}.ModalContentQWER{animation:ModalSlideInQWER .5s cubic-bezier(.68,-.55,.265,1.55);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:25px;box-shadow:0 30px 60px #0000004d;max-height:90vh;max-width:550px;overflow-y:auto;width:100%}@keyframes ModalSlideInQWER{0%{opacity:0;transform:scale(.7) translateY(-50px)}to{opacity:1;transform:scale(1) translateY(0)}}.ModalHeaderQWER{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #f1f5f9cc;border-radius:25px 25px 0 0;display:flex;justify-content:space-between;padding:28px 28px 24px;position:relative}.ModalHeaderQWER:after{background:linear-gradient(90deg,#0000,#667eea4d,#0000);bottom:0;content:"";height:2px;left:0;position:absolute;right:0}.ModalTitleQWER{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#1e293b;flex:1 1;font-size:1.4rem;font-weight:700;margin:0}.ModalCloseButtonQWER{align-items:center;background:#f8fafccc;border:none;border-radius:12px;color:#64748b;cursor:pointer;display:flex;flex-shrink:0;font-size:1.5rem;height:40px;justify-content:center;padding:10px;transition:all .3s ease;width:40px}.ModalCloseButtonQWER:hover{background:#e2e8f0;color:#475569;transform:scale(1.1) rotate(90deg)}.ModalBodyQWER{padding:24px 28px}.ConfirmTextQWER,.ModalBodyQWER{color:#475569;font-size:16px;line-height:1.6}.ConfirmTextQWER{margin:0;text-align:center}.FormContainerQWER{background:#ffffff0d;gap:24px;padding:28px}.FormContainerQWER,.FormGroupQWER{display:flex;flex-direction:column}.FormGroupQWER{gap:10px}.FormLabelQWER{align-items:center;color:#374151;display:flex;font-size:15px;font-weight:600;gap:8px}.FormInputQWER{background:#fff;border:2px solid #e2e8f0;border-radius:12px;box-sizing:border-box;color:#374151;font-size:16px;font-weight:500;padding:14px 18px;transition:all .3s ease;width:100%}.FormInputQWER:focus{border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;outline:none;transform:scale(1.02)}.DisabledInputQWER{background:#f8fafc;border-color:#e2e8f0;color:#64748b;cursor:not-allowed}.SelectWrapperQWER{align-items:center;display:flex;position:relative}.FormSelectQWER{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#fff;background-image:none;border:2px solid #e2e8f0;border-radius:12px;box-sizing:border-box;color:#374151;cursor:pointer;font-size:16px;font-weight:500;padding:14px 50px 14px 18px;transition:all .3s ease;width:100%}.FormSelectQWER:focus{border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;outline:none;transform:scale(1.02)}.FormSelectQWER:hover{background:#f8fafc;border-color:#cbd5e1}.SelectArrowQWER{color:#64748b;pointer-events:none;position:absolute;right:15px;top:50%;transform:translateY(-50%);transition:all .3s ease}.FormSelectQWER:focus+.SelectArrowQWER{color:#667eea;transform:translateY(-50%) rotate(180deg)}.ArrowIconQWER{height:20px;transition:all .3s ease;width:20px}.FormSelectQWER option{background:#fff;border:none;color:#374151;font-size:16px;font-weight:500;padding:12px 18px}.FormSelectQWER option:hover{background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.FormSelectQWER option:checked{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:600}.FormActionsQWER{border-top:1px solid #f1f5f9cc;display:flex;gap:15px;justify-content:flex-end;margin-top:20px;padding-top:24px}.DangerButtonQWER,.PrimaryButtonQWER,.SecondaryButtonQWER{border:none;border-radius:12px;cursor:pointer;font-size:15px;font-weight:600;overflow:hidden;padding:14px 28px;position:relative;transition:all .3s ease;white-space:nowrap}.PrimaryButtonQWER{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #667eea4d;color:#fff}.PrimaryButtonQWER:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.PrimaryButtonQWER:hover{box-shadow:0 8px 25px #667eea80;transform:translateY(-2px) scale(1.05)}.PrimaryButtonQWER:hover:before{left:100%}.SecondaryButtonQWER{background:#fff;border:2px solid #e2e8f0;box-shadow:0 2px 8px #0000000d;color:#475569}.SecondaryButtonQWER:hover{background:#f8fafc;border-color:#cbd5e1;box-shadow:0 4px 15px #0000001a;transform:translateY(-2px)}.DangerButtonQWER{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 15px #ef44444d;color:#fff}.DangerButtonQWER:hover{box-shadow:0 8px 25px #ef444480;transform:translateY(-2px) scale(1.05)}.TableCardQWER{animation:FadeInScaleQWER 1s cubic-bezier(.68,-.55,.265,1.55) .4s both;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:25px;box-shadow:0 25px 50px #00000026;display:flex;flex-direction:column;min-height:700px;overflow:hidden}@keyframes FadeInScaleQWER{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.TableHeaderQWER{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f0;flex-shrink:0;padding:28px 32px;position:relative}.TableHeaderQWER:after{background:linear-gradient(90deg,#0000,#667eea4d,#0000);bottom:0;content:"";height:2px;left:0;position:absolute;right:0}.TableTitleQWER{align-items:center;color:#1e293b;display:flex;font-size:1.5rem;font-weight:700;gap:12px;margin:0}.TableIconQWER{font-size:1.4rem}.TableIconQWER,.TitleTextQWER{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text}.TableContainerQWER{flex:1 1;min-height:600px;overflow-x:auto;overflow-y:auto;transition:all .3s ease;width:100%}.DataTableQWER{border-collapse:collapse;min-width:100%;table-layout:auto;width:100%}.TableHeadQWER{background:linear-gradient(135deg,#f8fafc,#f1f5f9);position:relative}.TableHeadQWER:after{background:linear-gradient(90deg,#0000,#667eea4d,#0000);bottom:0;content:"";height:2px;left:0;position:absolute;right:0}.HeaderRowQWER{background:#0000}.HeaderCellQWER{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:2px solid #e2e8f0;color:#475569;font-size:13px;font-weight:700;letter-spacing:.8px;padding:20px 18px;position:-webkit-sticky;position:sticky;text-align:left;text-transform:uppercase;top:0;vertical-align:middle;z-index:10}.TableBodyQWER{background:#0000}.TableRowQWER{animation:SlideInLeftQWER .6s cubic-bezier(.68,-.55,.265,1.55);animation-fill-mode:both;background:#ffffff0d;border-bottom:1px solid #f1f5f9cc;transition:all .3s ease}@keyframes SlideInLeftQWER{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}.TableRowQWER:first-child{animation-delay:.1s}.TableRowQWER:nth-child(2){animation-delay:.2s}.TableRowQWER:nth-child(3){animation-delay:.3s}.TableRowQWER:nth-child(4){animation-delay:.4s}.TableRowQWER:nth-child(5){animation-delay:.5s}.TableRowQWER:hover{background:linear-gradient(135deg,#667eea1a,#764ba21a);box-shadow:0 4px 20px #667eea26;transform:scale(1.002)}.TableRowQWER:nth-child(2n){background:#f8fafc4d}.TableRowQWER:nth-child(2n):hover{background:linear-gradient(135deg,#667eea1a,#764ba21a)}.TableCellQWER{word-wrap:break-word;border-bottom:1px solid #f1f5f9cc;color:#475569;font-size:15px;font-weight:500;line-height:1.6;padding:20px 18px;vertical-align:middle;word-break:break-word}.TaskNameQWER{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#1e293b;font-size:16px;font-weight:700}.CellWithIconQWER{align-items:center;display:flex;flex-wrap:nowrap;gap:10px}.CellIconQWER{flex-shrink:0;font-size:1.1rem;opacity:.7}.CellTextQWER{color:#475569;font-weight:500}.BadgeQWER{align-items:center;border-radius:25px;box-shadow:0 4px 15px #0000001a;cursor:pointer;display:inline-flex;font-size:12px;font-weight:700;gap:8px;letter-spacing:.5px;max-width:100%;overflow:hidden;padding:8px 16px;position:relative;text-overflow:ellipsis;text-transform:uppercase;transition:all .3s ease;white-space:nowrap}.BadgeQWER:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.BadgeQWER:hover:before{left:100%}.SuccessBadgeQWER{background:linear-gradient(135deg,#10b981,#059669);border:none;box-shadow:0 4px 15px #10b9814d;color:#fff}.WarningBadgeQWER{background:linear-gradient(135deg,#f59e0b,#d97706);border:none;box-shadow:0 4px 15px #f59e0b4d;color:#fff}.DangerBadgeQWER{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;box-shadow:0 4px 15px #ef44444d;color:#fff}.OutlineBadgeQWER{background:#fff;border:2px solid #e2e8f0;box-shadow:0 2px 8px #0000000d;color:#64748b}.BadgeQWER:hover{box-shadow:0 8px 25px #0003;transform:translateY(-3px) scale(1.05)}.BadgeIconQWER{flex-shrink:0;font-size:12px}.BadgeTextQWER{font-size:11px;font-weight:700}.ActionButtonsQWER{display:flex;flex-wrap:nowrap;gap:8px;justify-content:center}.ActionButtonQWER{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:10px;box-shadow:0 4px 15px #0000000d;cursor:pointer;display:flex;flex-shrink:0;font-size:14px;height:40px;justify-content:center;overflow:hidden;padding:10px;position:relative;transition:all .3s ease;width:40px}.ActionButtonQWER:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.ActionButtonQWER:hover:before{left:100%}.EditButtonQWER:hover{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#3b82f6;box-shadow:0 8px 25px #3b82f64d;transform:translateY(-3px) scale(1.1)}.DeleteButtonQWER:hover{background:linear-gradient(135deg,#fecaca,#fca5a5);border-color:#ef4444;box-shadow:0 8px 25px #ef44444d;transform:translateY(-3px) scale(1.1)}.ActionIconQWER{font-size:14px}.EmptyRowQWER,.EmptyStateQWER{background:#0000}.EmptyStateQWER{padding:80px 20px;text-align:center}.EmptyContentQWER{align-items:center;animation:PulseQWER 2s ease-in-out infinite;display:flex;flex-direction:column;gap:20px}.EmptyIconQWER{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:5rem;opacity:.3}.EmptyTitleQWER{color:#64748b;font-size:20px;font-weight:700;margin:0}.EmptySubtitleQWER{color:#64748b;font-size:16px;font-weight:500;margin:0;opacity:.7}.DeleteModalQWER{max-width:450px}@media (min-width:1200px){.DataTableQWER td,.DataTableQWER th{font-size:16px;padding:24px 20px}.BadgeQWER{font-size:13px;padding:10px 20px}.ActionButtonQWER{font-size:16px;height:44px;width:44px}}@media (max-width:1024px){.HeaderSectionQWER{align-items:stretch;flex-direction:column;gap:20px;text-align:center}.AddButtonQWER{align-self:center}.DataTableQWER{font-size:14px}.HeaderCellQWER,.TableCellQWER{padding:16px 12px}}@media (max-width:768px){.RequestPageContainerQWER{padding:16px}.HeaderSectionQWER{padding:24px}.MainTitleQWER{font-size:2rem}.TableContainerQWER{-webkit-overflow-scrolling:touch;overflow-x:auto}.DataTableQWER{font-size:13px;min-width:800px}.HeaderCellQWER,.TableCellQWER{padding:14px 10px}.BadgeQWER{font-size:10px;padding:6px 12px}.ActionButtonsQWER{flex-direction:column;gap:6px}.ActionButtonQWER{height:36px;width:36px}.FormActionsQWER{flex-direction:column}.ModalContentQWER{margin:16px}}@media (max-width:480px){.MainTitleQWER{font-size:1.8rem}.HeaderSectionQWER{padding:20px}.TableHeaderQWER{padding:20px 24px}.TableTitleQWER{font-size:1.3rem}.HeaderCellQWER,.TableCellQWER{font-size:12px;padding:12px 8px}.CellIconQWER{display:none}.BadgeQWER{font-size:9px;gap:4px;padding:4px 8px}.DataTableQWER{min-width:700px}}.AddButtonQWER:focus-visible,.DangerButtonQWER:focus-visible,.PrimaryButtonQWER:focus-visible,.SecondaryButtonQWER:focus-visible{outline:3px solid #667eea80;outline-offset:2px}.ActionButtonQWER:focus-visible{outline:2px solid #667eea80;outline-offset:2px}.BadgeQWER:focus-visible{outline:2px solid #667eea80;outline-offset:2px}.FormInputQWER:focus-visible,.FormSelectQWER:focus-visible{outline:3px solid #667eea80;outline-offset:2px}@media print{.RequestPageContainerQWER{background:#fff;padding:0}.ActionButtonsQWER,.AddButtonQWER,.HeaderSectionQWER,.ModalOverlayQWER{display:none}.TableCardQWER{border:1px solid #ccc;box-shadow:none}.DataTableQWER{font-size:12px}.HeaderCellQWER,.TableCellQWER{padding:8px 6px}}.RequestPageContainerQWER ::-webkit-scrollbar{height:10px;width:10px}.RequestPageContainerQWER ::-webkit-scrollbar-track{background:#ffffff1a;border-radius:10px}.RequestPageContainerQWER ::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border:2px solid #fff3;border-radius:10px}.RequestPageContainerQWER ::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#f093fb,#f5576c)}::selection{background:#667eea4d;color:#fff}::-moz-selection{background:#667eea4d;color:#fff}
/*# sourceMappingURL=main.df520cf5.css.map*/