@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(1deg)}}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 10px 15px -3px #22c55e1a,0 4px 6px -2px #22c55e0d}50%{transform:scale(1.05);box-shadow:0 20px 25px -5px #22c55e33,0 10px 10px -5px #22c55e1a}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.login-input{transition:all .3s cubic-bezier(.4,0,.2,1)}.login-input:focus{border-color:#22c55e!important;outline:none;box-shadow:0 0 0 4px #22c55e1a,0 4px 6px -1px #0000001a!important;transform:translateY(-1px)}.login-input:hover{border-color:#16a34a!important;transform:translateY(-1px)}.password-toggle{transition:all .2s ease}.password-toggle:hover{color:#22c55e!important;background-color:#22c55e1a!important;transform:scale(1.1)}.login-submit-btn{position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.login-submit-btn:hover{transform:translateY(-2px)!important;box-shadow:0 20px 25px -5px #22c55e33,0 10px 10px -5px #22c55e1a!important}.login-submit-btn:hover .buttonIcon{transform:translate(2px)}.login-submit-btn:active{transform:translateY(0)!important}.login-submit-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.login-submit-btn:active:before{width:300px;height:300px}.form-container{animation:slideInUp .6s cubic-bezier(.4,0,.2,1)}.input-group:nth-child(1){animation:slideInUp .6s cubic-bezier(.4,0,.2,1) .1s both}.input-group:nth-child(2){animation:slideInUp .6s cubic-bezier(.4,0,.2,1) .2s both}@media (max-width: 1024px){.container{flex-direction:column!important}.leftSide{flex:none!important;height:40vh!important;padding:2rem!important}.rightSide{flex:none!important;height:60vh!important;padding:2rem!important}.brandTitle{font-size:3rem!important}}@media (max-width: 640px){.formContainer{margin:1rem;padding:2rem}.brandTitle{font-size:2.5rem!important}.formTitle{font-size:1.5rem!important}}.login-input:focus-visible,.password-toggle:focus-visible,.login-submit-btn:focus-visible{outline:2px solid #22c55e;outline-offset:2px}html,*{scroll-behavior:smooth!important}*,*:before,*:after{scroll-behavior:smooth!important;-webkit-overflow-scrolling:touch!important}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes glow{0%,to{box-shadow:0 0 20px #22c55e4d}50%{box-shadow:0 0 30px #22c55e80}}.nav-item{transition:all .2s ease}.nav-item:hover{background-color:#22c55e1a!important;color:#15803d!important;transform:translate(4px)}.nav-item:active{transform:translate(2px)}.stat-card{transition:all .2s ease;cursor:pointer}.stat-card:hover{transform:translateY(-4px)!important;box-shadow:0 10px 25px -3px #0000001a!important}.sidebar-action{transition:all .2s ease}.sidebar-action:hover{background-color:#ef44441a!important;color:#dc2626!important;transform:translate(2px)}.create-user-btn{transition:all .3s cubic-bezier(.4,0,.2,1)}.create-user-btn:hover{background:linear-gradient(135deg,#16a34a,#15803d)!important;transform:translateY(-2px);box-shadow:0 10px 25px #22c55e4d!important}.action-btn{transition:all .3s cubic-bezier(.4,0,.2,1)}.action-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000026!important}.search-container{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:10px 12px;box-shadow:0 2px 10px #0000000a;min-width:280px}.search-container:focus-within{border-color:#22c55e;box-shadow:0 0 0 4px #22c55e1a}.search-input{flex:1;border:none!important;outline:none!important;background:transparent!important;font-size:14px;color:#0f172a;padding:6px 2px}.search-input::placeholder{color:#94a3b8}.search-input:focus{transform:translateY(-1px)}.table-row{transition:all .2s ease}.table-row:hover{background:#e5e7eb!important;transform:translate(4px);box-shadow:0 2px 8px #0000001a!important}.table-row:hover .user-name{color:#15803d!important;font-weight:600}.modal{animation:fadeIn .3s ease-out}.modal-content{animation:slideInUp .4s cubic-bezier(.4,0,.2,1);scroll-behavior:smooth!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:thin!important;scrollbar-color:#22c55e #f1f5f9!important}.modal-content::-webkit-scrollbar{width:6px!important}.modal-content::-webkit-scrollbar-track{background:#f1f5f9!important;border-radius:3px!important}.modal-content::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#22c55e,#15803d)!important;border-radius:3px!important;transition:background .3s ease!important}.modal-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#16a34a,#14532d)!important}.user-details-modal{scroll-behavior:smooth!important;-webkit-overflow-scrolling:touch!important;overflow-y:auto!important;overflow-x:hidden!important;scrollbar-width:thin!important;scrollbar-color:#22c55e #f1f5f9!important;scroll-padding-top:20px!important}.user-details-modal *{scroll-behavior:smooth!important}.modal-content,.user-details-modal{-webkit-overflow-scrolling:touch!important;scroll-behavior:smooth!important;overscroll-behavior:contain!important;will-change:scroll-position!important;transform:translateZ(0)!important;transition:scroll-behavior .3s ease!important}.user-details-scroll-container{scroll-behavior:smooth!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior:contain!important;will-change:scroll-position!important;contain:layout style paint!important;backface-visibility:hidden!important;perspective:1000px!important;scroll-snap-type:none!important;scroll-padding:0!important;transform:translateZ(0)!important;-webkit-transform:translate3d(0,0,0)!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.user-details-scroll-container::-webkit-scrollbar{width:10px!important;height:10px!important}.user-details-scroll-container::-webkit-scrollbar-track{background:#f1f5f9e6!important;border-radius:6px!important;margin:6px!important;box-shadow:inset 0 0 3px #0000001a!important}.user-details-scroll-container::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#22c55e,#15803d)!important;border-radius:6px!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;border:2px solid rgba(255,255,255,.3)!important;box-shadow:0 2px 4px #0000001a!important}.user-details-scroll-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#16a34a,#14532d)!important;transform:scale(1.05)!important;box-shadow:0 4px 8px #00000026!important}.user-details-scroll-container::-webkit-scrollbar-thumb:active{background:linear-gradient(135deg,#15803d,#14532d)!important;transform:scale(.95)!important}.user-details-modal{contain:layout style paint!important;transform:translateZ(0)!important}.user-details-modal *{scroll-behavior:smooth!important;-webkit-overflow-scrolling:touch!important}.modal-content{scroll-behavior:smooth!important;-webkit-overflow-scrolling:touch!important;transform:translateZ(0)!important}div[style*=overflow]{scroll-behavior:smooth!important;-webkit-overflow-scrolling:touch!important}.status-badge{transition:all .3s cubic-bezier(.4,0,.2,1)}.status-badge:hover{transform:scale(1.05);box-shadow:0 4px 12px #00000026}.status-filter:focus{border-color:#22c55e!important;outline:none;box-shadow:0 0 0 4px #22c55e1a!important;transform:translateY(-1px)}.status-filter:hover{border-color:#16a34a!important;background-color:#22c55e0d!important}.loading-spinner{animation:spin 1s linear infinite}.loading-content{animation:fadeIn .6s ease-out}@media (max-width: 1024px){.sidebar{width:240px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}}@media (max-width: 768px){.sidebar{position:fixed;left:-280px;top:0;height:100vh;z-index:1000;transition:left .3s ease}.sidebar.open{left:0}.main-content{margin-left:0}.stats-grid{grid-template-columns:1fr}.content-header{flex-direction:column;align-items:flex-start;gap:1rem}}@media (max-width: 640px){.content-body{padding:1rem}.stat-card{padding:1.5rem}.welcome-title{font-size:1.875rem}}@media (prefers-color-scheme: dark){.sidebar{background:#000c;border-right-color:#ffffff1a}.stat-card{background:#0009;border-color:#ffffff1a}.content-header{background:#0009;border-bottom-color:#ffffff1a}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.nav-item:focus-visible,.stat-card:focus-visible,.action-btn:focus-visible{outline:2px solid #22c55e;outline-offset:2px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0000000d;border-radius:4px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#22c55e,#15803d);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#16a34a,#14532d)}.status-filter{transition:all .3s cubic-bezier(.4,0,.2,1)}.status-filter:focus{outline:none}.status-filter option{background:#f0fdf4;color:#15803d;padding:8px 12px;font-weight:600}.status-filter option:hover{background:#dcfce7}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-option{transition:all .3s cubic-bezier(.4,0,.2,1);border-left:3px solid transparent}.dropdown-option:hover{background:linear-gradient(135deg,#f0fdf4,#dcfce7)!important;color:#15803d!important;border-left-color:#22c55e!important;transform:translate(4px)!important;box-shadow:0 2px 8px #22c55e26!important}.dropdown-option:hover .option-count{background-color:#16a34a!important;transform:scale(1.1)!important}.dropdown-option-active{background-color:#dcfce7!important;color:#15803d!important;border-left-color:#22c55e!important;box-shadow:0 2px 8px #22c55e33!important}.custom-filter-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #22c55e66}.option-count{transition:all .3s ease}.plan-card{transition:all .4s cubic-bezier(.4,0,.2,1);animation:slideInUp .6s cubic-bezier(.4,0,.2,1) both}.plan-card:hover{transform:translateY(-8px) scale(1.02)!important;box-shadow:0 20px 60px #00000026!important}.plan-card:nth-child(1){animation-delay:.1s}.plan-card:nth-child(2){animation-delay:.2s}.plan-card:nth-child(3){animation-delay:.3s}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.plan-card:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,#ffffff1a,#ffffff4d,#ffffff1a);background-size:200% 200%;animation:gradientShift 3s ease infinite;border-radius:24px;opacity:0;transition:opacity .3s ease;pointer-events:none}.plan-card:hover:before{opacity:1}.add-plan-btn{transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.add-plan-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.add-plan-btn:hover:before{left:100%}.save-plans-btn{transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.save-plans-btn:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#fff3;border-radius:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s}.save-plans-btn:hover:after{width:300px;height:300px}.plan-card input[type=text],.plan-card input[type=number]{transition:all .3s cubic-bezier(.4,0,.2,1)}.plan-card input[type=text]:focus,.plan-card input[type=number]:focus{transform:translateY(-2px)}@keyframes pulse-red{0%,to{box-shadow:0 4px 15px #ef44444d}50%{box-shadow:0 6px 25px #ef444480}}.plan-card button[style*="linear-gradient(135deg, #ef4444"]{animation:pulse-red 2s ease-in-out infinite}.plan-card .feature-item{transition:all .3s cubic-bezier(.4,0,.2,1)}.plan-card .feature-item:hover{transform:translate(8px);background:#ffffffe6!important}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.loading-shimmer{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200px 100%;animation:shimmer 1.5s infinite}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.plans-message{animation:slideInFromBottom .4s cubic-bezier(.4,0,.2,1)}@media (max-width: 1200px){.plans-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr))!important}}@media (max-width: 768px){.plans-grid{grid-template-columns:1fr!important;gap:24px!important}.plan-card{padding:24px!important}.add-plan-btn{width:100%;justify-content:center}}.plan-card input:focus-visible{outline:3px solid rgba(99,102,241,.5);outline-offset:2px}.plan-card button:focus-visible{outline:3px solid rgba(99,102,241,.5);outline-offset:2px}.plan-card *{transition:all .2s ease}.plan-card input[type=text]:hover,.plan-card input[type=number]:hover{border-color:#0003!important;background:#fff!important}.plan-card .glass-effect{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fffc;border:1px solid rgba(255,255,255,.2)}