@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 #10b9811a,0 4px 6px -2px #10b9810d}50%{transform:scale(1.05);box-shadow:0 20px 25px -5px #10b98133,0 10px 10px -5px #10b9811a}}@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:#000!important;outline:none;box-shadow:0 0 0 4px #10b9811a,0 4px 6px -1px #0000001a!important;transform:translateY(-1px)}.login-input:hover{border-color:#0a0a0a!important;transform:translateY(-1px)}.password-toggle{transition:all .2s ease}.password-toggle:hover{color:#000!important;background-color:#10b9811a!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 #10b98133,0 10px 10px -5px #10b9811a!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 #000000;outline-offset:2px}html,*{scroll-behavior:smooth}@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 #10b9814d}50%{box-shadow:0 0 30px #10b98180}}.nav-item{transition:all .2s ease}.nav-item:hover{background-color:#10b9811a!important;color:#fff!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,#000,#10b981);transform:translateY(-2px);box-shadow:0 10px 25px #10b9814d!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:#000;box-shadow:0 0 0 4px #10b9811a}.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:#000!important;font-weight:600}.modal{animation:fadeIn .3s ease-out}.modal-content,.user-details-modal,.user-details-scroll-container{overflow-y:scroll!important;overflow-x:hidden!important;scroll-behavior:unset!important;-webkit-overflow-scrolling:unset!important;overscroll-behavior:none!important;transform:translateZ(0)!important;backface-visibility:hidden!important;perspective:1000px!important}.modal *,.modal-content *,.user-details-modal *{scroll-behavior:auto!important;-webkit-overflow-scrolling:auto!important}.user-details-modal div[style*="marginBottom: 12px"],.modal-content div[style*="marginBottom: 12px"]{display:flex!important;justify-content:space-between!important;align-items:center!important;padding:8px 0!important}.user-details-modal strong[style*=inline-block]{min-width:140px!important;font-weight:600!important;color:#374151!important;flex-shrink:0!important}.user-details-modal div[style*="marginBottom: 12px"] span,.user-details-modal span[style*=padding][style*=borderRadius]{margin-left:auto!important;text-align:right!important;flex-shrink:0!important}.modal-content::-webkit-scrollbar,.user-details-modal::-webkit-scrollbar,.user-details-scroll-container::-webkit-scrollbar{width:6px}.modal-content::-webkit-scrollbar-track,.user-details-modal::-webkit-scrollbar-track,.user-details-scroll-container::-webkit-scrollbar-track{background:#f8f9fa}.modal-content::-webkit-scrollbar-thumb,.user-details-modal::-webkit-scrollbar-thumb,.user-details-scroll-container::-webkit-scrollbar-thumb{background:#000;border-radius:3px}.modal-content::-webkit-scrollbar-thumb:hover,.user-details-modal::-webkit-scrollbar-thumb:hover,.user-details-scroll-container::-webkit-scrollbar-thumb:hover{background:#0a0a0a}.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:#000!important;outline:none;box-shadow:0 0 0 4px #10b9811a!important;transform:translateY(-1px)}.status-filter:hover{border-color:#0a0a0a!important;background-color:#10b9810d!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 #000000;outline-offset:2px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0000000d;border-radius:4px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#000,#10b981);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#0a0a0a,#064e3b)}.status-filter{transition:all .3s cubic-bezier(.4,0,.2,1)}.status-filter:focus{outline:none}.status-filter option{background:#f0fdf4;color:#000;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:#000!important;border-left-color:#000!important;transform:translate(4px)!important;box-shadow:0 2px 8px #10b98126!important}.dropdown-option:hover .option-count{background:#000!important;color:#fff!important}.dropdown-option-active{background-color:#dcfce7!important;color:#000!important;border-left-color:#000!important;box-shadow:0 2px 8px #10b98133!important}.custom-filter-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #10b98166}.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)}