@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap";.eventday-alert-popup{width:380px!important;max-width:calc(100% - 32px)!important;border-radius:22px!important;padding:30px 28px 25px!important;font-family:Poppins,Segoe UI,sans-serif!important;box-shadow:0 20px 60px #202a4a2e!important}.eventday-alert-title{color:#172038!important;font-size:21px!important;font-weight:800!important;line-height:1.3!important;margin-top:8px!important}.eventday-alert-text{color:#69758c!important;font-size:13px!important;font-weight:400!important;line-height:1.6!important;margin-top:8px!important}.eventday-alert-confirm{min-width:100px!important;height:42px!important;padding:0 20px!important;border:none!important;border-radius:10px!important;background:#4938df!important;color:#fff!important;font-family:Poppins,Segoe UI,sans-serif!important;font-size:12px!important;font-weight:700!important;transition:all .2s ease!important}.eventday-alert-confirm:hover{background:#3929c8!important;transform:translateY(-1px)}.eventday-alert-cancel{min-width:100px!important;height:42px!important;padding:0 20px!important;border:none!important;border-radius:10px!important;background:#eef1f6!important;color:#59657a!important;font-family:Poppins,Segoe UI,sans-serif!important;font-size:12px!important;font-weight:700!important;transition:all .2s ease!important}.eventday-alert-cancel:hover{background:#e1e5ec!important}.eventday-alert-popup .swal2-icon{margin:0 auto 10px!important;transform:scale(.9)}.eventday-alert-popup .swal2-actions{gap:10px!important;margin-top:22px!important}.eventday-alert-popup .swal2-loader{border-color:#4938df transparent #4938df transparent!important}.eventday-toast{border-radius:14px!important;padding:14px 18px!important;font-family:Poppins,Segoe UI,sans-serif!important;box-shadow:0 10px 35px #202a4a26!important}.eventday-toast-title{color:#172038!important;font-size:13px!important;font-weight:700!important}@media (max-width: 480px){.eventday-alert-popup{width:calc(100% - 32px)!important;max-width:none!important;border-radius:20px!important;padding:26px 20px 22px!important}.eventday-alert-title{font-size:19px!important}.eventday-alert-text{font-size:12px!important}.eventday-alert-popup .swal2-actions{width:100%!important;flex-direction:column-reverse!important;gap:8px!important}.eventday-alert-confirm,.eventday-alert-cancel{width:100%!important;height:42px!important}.eventday-toast{width:calc(100% - 24px)!important;margin:12px auto 0!important}}.login-page{width:100%;min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;background:#f7f8fc;padding:30px 20px}.login-card{width:100%;max-width:400px;height:auto;background:#fff;border-radius:14px;padding:36px 32px 32px;box-shadow:0 5px 15px #00000014,0 1px 4px #0000000a}.login-logo{width:100%;text-align:center;color:#20212b;font-size:28px;font-weight:700;letter-spacing:1.5px;margin:0 0 36px}.login-card form{width:100%}.login-field{width:100%;margin-bottom:20px}.login-field label{display:block;margin-bottom:8px;color:#20212b;font-size:14px;font-weight:400}.login-field input{display:block;width:100%;height:48px;padding:0 15px;border:1px solid #bfc2d5;border-radius:8px;outline:none;background:#fff;color:#292a35;font-size:14px;transition:all .2s ease}.login-field input::placeholder{color:#85879a}.login-field input:hover{border-color:#aeb1c4}.login-field input:focus{border-color:#5146e5;box-shadow:0 0 0 3px #5146e514}.password-label{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.password-label label{margin:0}.forgot-password{flex-shrink:0;border:none;background:transparent;padding:0;color:#5146e5;font-size:13px;cursor:pointer;transition:color .2s ease}.forgot-password:hover{color:#4036c9}.password-input-wrapper{position:relative;width:100%}.password-input-wrapper input{width:100%;padding:0 45px 0 15px!important}.password-toggle{position:absolute;top:50%;right:12px;transform:translateY(-50%);width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;padding:0;margin:0;cursor:pointer;font-size:17px;line-height:1;opacity:.6;z-index:2;transition:opacity .2s ease}.password-toggle:hover{opacity:1}.password-toggle:focus{outline:none}.password-toggle:disabled{cursor:not-allowed;opacity:.4}.login-button{display:block;width:100%;height:46px;margin-top:12px;border:none;border-radius:25px;background:#5146e5;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.login-button:hover{background:#453bd0;transform:translateY(-1px)}.login-button:active{transform:translateY(0)}.login-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.login-divider{width:100%;display:flex;align-items:center;gap:12px;margin:26px 0}.login-divider span{flex:1;height:1px;background:#d7d8e1}.login-divider p{flex-shrink:0;margin:0;padding:4px 11px;border:1px solid #c9cbd8;border-radius:20px;background:#fff;color:#b7b9c7;font-size:13px}.google-login-wrapper{width:100%;display:flex;justify-content:center;overflow:hidden}.google-button{width:100%;height:46px;display:flex;align-items:center;justify-content:center;gap:12px;border:1px solid #bfc2d5;border-radius:25px;background:#fff;color:#292a35;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.google-button:hover{background:#fafaff;border-color:#9fa2b8}.google-icon{font-family:Arial,Helvetica,sans-serif;font-size:19px;font-weight:700;color:#4285f4}.register-text{width:100%;margin:30px 0 0;text-align:center;color:#555766;font-size:13px}.register-text button{border:none;background:transparent;padding:0;margin-left:4px;color:#5146e5;font-size:inherit;cursor:pointer}.register-text button:hover{text-decoration:underline}.register-text button:disabled{cursor:not-allowed;opacity:.6}@media (max-width: 768px){.login-page{padding:30px 20px}.login-card{max-width:400px}}@media (max-width: 480px){.login-page{padding:20px 16px}.login-card{width:100%;max-width:400px;padding:32px 24px 28px;border-radius:12px}.login-logo{font-size:26px;margin-bottom:32px}.login-field{margin-bottom:19px}.password-label{gap:8px}.forgot-password{font-size:12px}.password-toggle{right:10px;width:27px;height:27px;font-size:16px}.password-input-wrapper input{padding-right:43px!important}}@media (max-width: 360px){.login-page{padding:15px 10px}.login-card{padding:28px 20px 24px}.login-logo{font-size:24px;margin-bottom:28px}.login-field input{height:46px;font-size:13px}.login-button,.google-button{height:45px;font-size:13px}.forgot-password{font-size:11px}.password-toggle{right:8px;font-size:15px}.password-input-wrapper input{padding-right:40px!important}}@media (max-height: 600px) and (orientation: landscape){.login-page{align-items:flex-start;padding-top:20px;padding-bottom:20px}.login-card{margin:10px 0}.login-logo{margin-bottom:24px}.login-field{margin-bottom:14px}.login-divider{margin:20px 0}.register-text{margin-top:24px}}.register-page{width:100%;min-height:100vh;min-height:100dvh;background:#f7f8fc;overflow-x:hidden}.register-header{width:100%;height:82px;display:flex;align-items:center;justify-content:center;background:#f7f8fc}.register-header h1{margin:0;font-size:30px;font-weight:700;letter-spacing:-1px;color:#20212b}.register-header h1 span{color:#5146e5}.register-content{width:100%;display:flex;justify-content:center;align-items:flex-start;padding:38px 20px 50px}.register-container{width:100%;max-width:400px;padding:36px 32px 32px;background:#fff;border-radius:14px;box-shadow:0 5px 15px #00000014,0 1px 4px #0000000a}.register-container h2{margin:0 0 52px;text-align:center;color:#15283b;font-size:25px;font-weight:700;letter-spacing:-.5px}.register-container form{width:100%}.register-field{width:100%;margin-bottom:19px}.register-field label{display:block;margin-bottom:7px;color:#41424d;font-size:14px;font-weight:400}.register-field input{display:block;width:100%;height:44px;padding:0 15px;border:1px solid #c5c8dc;border-radius:8px;outline:none;background:#f0f3fd;color:#292a35;font-family:Arial,Helvetica,sans-serif;font-size:14px;transition:all .2s ease}.register-field input::placeholder{color:#9699aa}.register-field input:hover{border-color:#aeb2c9}.register-field input:focus{border-color:#5146e5;background:#fff;box-shadow:0 0 0 3px #5146e514}.register-password-wrapper{position:relative;width:100%}.register-password-wrapper input{width:100%!important;padding:0 48px 0 15px!important}.register-password-toggle{position:absolute!important;right:12px!important;top:50%!important;transform:translateY(-50%)!important;width:28px!important;height:28px!important;padding:0!important;margin:0!important;display:flex!important;align-items:center!important;justify-content:center!important;border:none!important;outline:none!important;background:transparent!important;color:#85879a!important;cursor:pointer!important;z-index:10!important}.register-password-toggle:hover{color:#5146e5!important}.register-password-toggle:focus{outline:none!important;box-shadow:none!important}.register-password-toggle:active{transform:translateY(-50%)!important}.register-password-toggle svg{display:block!important;width:20px!important;height:20px!important;color:currentColor!important;stroke:currentColor!important}.register-agreement{width:100%;display:flex;align-items:center;gap:8px;margin-top:8px;margin-bottom:27px}.register-agreement input{flex:0 0 16px;width:16px;min-width:16px;height:16px;min-height:16px;margin:0;padding:0;-moz-appearance:none;appearance:none;-webkit-appearance:none;border:1px solid #bfc4d7;border-radius:50%;background:#f0f3fd;cursor:pointer;position:relative;aspect-ratio:1 / 1}.register-agreement input:checked{border-color:#5146e5;background:#5146e5}.register-agreement input:checked:after{content:"";position:absolute;width:4px;height:7px;left:5px;top:2px;border:solid #ffffff;border-width:0 1.5px 1.5px 0;transform:rotate(45deg)}.register-agreement label{color:#5c5e69;font-size:10.5px;line-height:1.4;cursor:pointer}.register-agreement label span{color:#5146e5}.register-button{display:flex!important;width:100%!important;height:46px!important;align-items:center;justify-content:center;margin:0;padding:0;border:none!important;border-radius:6px!important;background:#5146e5!important;color:#fff!important;font-family:Arial,Helvetica,sans-serif;font-size:14px!important;font-weight:500;text-align:center;cursor:pointer;outline:none;box-shadow:none;transition:background .2s ease,transform .2s ease}.register-button:hover{background:#453bd0!important;color:#fff!important;transform:translateY(-1px)}.register-button:active{background:#4036c9!important;color:#fff!important;transform:translateY(0)}.register-button:focus{background:#5146e5!important;color:#fff!important;outline:none!important;box-shadow:none!important}.register-divider{width:100%;display:flex;align-items:center;gap:9px;margin:34px 0 25px}.register-divider span{flex:1;height:1px;background:#c7cad7}.register-divider p{flex-shrink:0;margin:0;color:#858794;font-size:14px;white-space:nowrap}.register-google{width:100%;height:43px;display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid #c5c8d5;border-radius:6px;background:#f8f9ff;color:#292a35;font-family:Arial,Helvetica,sans-serif;font-size:15px;font-weight:400;cursor:pointer;transition:all .2s ease}.register-google:hover{background:#fff;border-color:#aeb1c0}.google-icon{font-family:Arial,Helvetica,sans-serif;font-size:21px;font-weight:700;color:#4285f4}.register-login{margin:34px 0 0;text-align:center;color:#565864;font-size:14px}.register-login button{border:none;background:transparent;padding:0;margin-left:4px;color:#5146e5;font-family:inherit;font-size:inherit;cursor:pointer}.register-login button:hover{text-decoration:underline}@media (max-width: 768px){.register-content{padding:35px 24px 45px}.register-container{max-width:400px}}@media (max-width: 480px){.register-header{height:78px}.register-header h1{font-size:28px}.register-content{padding:30px 16px 40px}.register-container{width:100%;max-width:400px;padding:32px 24px 28px;border-radius:12px}.register-container h2{font-size:24px;margin-bottom:48px}.register-field{margin-bottom:19px}.register-field input{height:44px;font-size:14px}.register-agreement{margin-top:7px;margin-bottom:27px}.register-agreement input{flex-basis:16px;width:16px;height:16px;min-width:16px;min-height:16px}.register-agreement label{font-size:10px}.register-button{height:46px;font-size:14px}.register-divider{margin:32px 0 24px}}@media (max-width: 360px){.register-header{height:70px}.register-header h1{font-size:25px}.register-content{padding:25px 12px 35px}.register-container{padding:28px 20px 24px}.register-container h2{font-size:22px;margin-bottom:42px}.register-field{margin-bottom:17px}.register-field label{font-size:13px}.register-field input{height:43px;padding:0 13px;font-size:13px}.register-password-wrapper input{padding:0 44px 0 13px!important}.register-password-toggle{right:9px!important;width:26px!important;height:26px!important}.register-password-toggle svg{width:19px!important;height:19px!important}.register-agreement{gap:7px;margin-bottom:24px}.register-agreement input{flex-basis:15px;width:15px;height:15px;min-width:15px;min-height:15px}.register-agreement input:checked:after{width:4px;height:6px;left:4px;top:2px}.register-agreement label{font-size:9px}.register-button{height:45px;font-size:13px}.register-divider{margin:29px 0 21px;gap:7px}.register-divider p{font-size:12px}.register-google{height:42px;font-size:14px}.register-login{margin-top:28px;font-size:13px}}@media (max-height: 600px) and (orientation: landscape){.register-content{padding-top:25px;padding-bottom:25px}.register-container{padding-top:28px}.register-container h2{margin-bottom:30px}.register-field{margin-bottom:14px}.register-agreement{margin-bottom:20px}.register-divider{margin:20px 0}.register-login{margin-top:20px}}html,body,#root{width:100%;min-width:0;min-height:100%;margin:0;padding:0}body{font-family:Arial,Helvetica,sans-serif;background:#f7f8fc}.forgot-page{width:100%;min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:40px 24px;background:#f7f8fc;text-align:center}.forgot-card{width:100%;max-width:460px;padding:38px 32px 32px;background:#fff;border-radius:16px;box-shadow:0 10px 30px #19234112,0 2px 7px #1923410a;text-align:center}.forgot-header{width:100%;text-align:center}.forgot-header h1{margin:0;color:#172235;font-size:28px;font-weight:700;line-height:1.16;letter-spacing:-.5px;text-align:center}.forgot-header p{margin:13px 0 0;color:#555b6d;font-size:14px;font-weight:400;line-height:1.55;text-align:center}.forgot-header strong{color:#20232d;font-weight:600}.forgot-form{width:100%;margin-top:28px;text-align:center}.forgot-field{width:100%;margin-bottom:18px;text-align:center}.forgot-field label{display:block;width:100%;margin-bottom:7px;color:#464b5a;font-size:12px;font-weight:600;line-height:1.2;letter-spacing:.2px;text-align:center}.forgot-input-box{width:100%;height:48px;display:flex;align-items:center;overflow:hidden;border:1px solid #c5c9d9;border-radius:7px;background:#f8f9fc;text-align:left;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}.forgot-input-box:hover{border-color:#aeb3c5}.forgot-input-box:focus-within{border-color:#5146e5;background:#fff;box-shadow:0 0 0 3px #5146e514}.forgot-input-icon{width:46px;min-width:46px;display:flex;align-items:center;justify-content:center;color:#4d5263;font-size:17px;line-height:1;text-align:center}.forgot-input-box input{width:100%;height:100%;min-width:0;padding:0 14px 0 0;border:none;outline:none;background:transparent;color:#252936;font-family:inherit;font-size:14px;text-align:left}.forgot-input-box input::placeholder{color:#858b9d;opacity:1;text-align:left}.forgot-back-button{width:100%;display:flex;align-items:center;justify-content:center;margin-top:3px;padding:0;border:none;background:transparent;color:#5146e5;font-family:inherit;font-size:14px;font-weight:500;line-height:1.4;text-align:center;cursor:pointer;transition:color .2s ease}.forgot-back-button:hover{color:#4035c9;text-decoration:underline}.forgot-submit-button{width:100%;height:47px;display:flex;align-items:center;justify-content:center;margin-top:18px;padding:0 20px;border:none;border-radius:7px;background:#5146e5;color:#fff;font-family:inherit;font-size:14px;font-weight:500;line-height:1;text-align:center;cursor:pointer;transition:background .2s ease,transform .15s ease,box-shadow .2s ease}.forgot-submit-button:hover{background:#473bd3;box-shadow:0 6px 15px #5146e52e;transform:translateY(-1px)}.forgot-submit-button:active{transform:translateY(0)}.forgot-submit-button:focus-visible{outline:3px solid rgba(81,70,229,.18);outline-offset:2px}.forgot-divider{width:100%;display:flex;align-items:center;justify-content:center;gap:14px;margin-top:30px;text-align:center}.forgot-divider span{flex:1;height:1px;background:#d8dae3}.forgot-divider p{flex-shrink:0;margin:0;color:#8b8f9e;font-size:13px;font-weight:400;white-space:nowrap;text-align:center}@media (min-width: 769px){.forgot-page{padding:40px}.forgot-card{width:min(100%,460px)}}@media (max-width: 768px){.forgot-page{padding:32px 24px}.forgot-card{width:100%;max-width:440px;padding:35px 30px 30px}.forgot-header h1{font-size:27px}.forgot-header p{font-size:14px}}@media (max-width: 480px){.forgot-page{width:100%;min-height:100dvh;padding:20px 16px}.forgot-card{width:100%;max-width:none;padding:30px 24px 27px;border-radius:14px}.forgot-header h1{font-size:25px;line-height:1.16;text-align:center}.forgot-header p{margin-top:12px;font-size:13.5px;line-height:1.5;text-align:center}.desktop-only,.desktop-break{display:none}.forgot-form{margin-top:25px}.forgot-field{margin-bottom:17px}.forgot-field label{margin-bottom:7px;font-size:11.5px;text-align:center}.forgot-input-box{height:47px;border-radius:7px}.forgot-input-icon{width:43px;min-width:43px;font-size:16px}.forgot-input-box input{padding-right:12px;font-size:13.5px;text-align:left}.forgot-back-button{font-size:13.5px;text-align:center}.forgot-submit-button{height:46px;margin-top:17px;font-size:13.5px;text-align:center}.forgot-divider{margin-top:28px;gap:12px}.forgot-divider p{font-size:12px;text-align:center}}@media (max-width: 360px){.forgot-page{padding:16px 10px}.forgot-card{padding:27px 20px 24px;border-radius:13px}.forgot-header h1{font-size:23px;text-align:center}.forgot-header p{font-size:13px;line-height:1.5;text-align:center}.forgot-form{margin-top:22px}.forgot-field{margin-bottom:15px}.forgot-input-box{height:45px}.forgot-input-icon{width:40px;min-width:40px;font-size:15px}.forgot-input-box input,.forgot-back-button{font-size:13px}.forgot-submit-button{height:45px;font-size:13px}.forgot-divider{margin-top:25px}.forgot-divider p{font-size:11.5px}}@media (max-height: 650px) and (orientation: landscape){.forgot-page{align-items:flex-start;padding-top:25px;padding-bottom:25px}.forgot-card{margin:10px 0}}html,body,#root{margin:0;padding:0;width:100%;min-height:100%}body{font-family:Arial,Helvetica,sans-serif}.otp-page{width:100%;min-height:100vh;min-height:100dvh;background:#f7f8fc;overflow-x:hidden}.otp-header{width:100%;height:82px;display:flex;align-items:center;justify-content:center;background:#f7f8fc}.otp-header h1{margin:0;font-size:30px;font-weight:700;letter-spacing:-1px;color:#20212b}.otp-header h1 span{color:#5146e5}.otp-content{width:100%;display:flex;align-items:flex-start;justify-content:center;padding:38px 20px 50px}.otp-card{width:100%;max-width:400px;position:relative;padding:40px 32px 38px;background:#fff;border-radius:14px;box-shadow:0 5px 15px #00000014,0 1px 4px #0000000a}.otp-close{position:absolute;top:20px;right:20px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;padding:0;border:none;background:transparent;color:#77798a;font-family:Arial,Helvetica,sans-serif;font-size:25px;font-weight:300;line-height:1;cursor:pointer;transition:color .2s ease}.otp-close:hover{color:#5146e5}.otp-title{width:100%;text-align:center;padding-top:8px}.otp-title h2{margin:0 0 10px;color:#15283b;font-size:25px;font-weight:700}.otp-title p{margin:0;color:#565866;font-size:14px;line-height:1.45}.otp-divider{width:100%;height:1px;margin:43px 0;background:#d9dbe5}.otp-card form{width:100%}.otp-label{display:block;width:100%;margin-bottom:16px;text-align:center;color:#4e5060;font-size:12px;font-weight:600;letter-spacing:.5px}.otp-input-wrapper{width:100%;display:flex;justify-content:center;gap:7px;margin-bottom:38px}.otp-input{width:48px;height:58px;flex:0 0 48px;padding:0;border:1px solid #c5c8dc;border-radius:8px;outline:none;background:#f8f9ff;color:#292a35;font-family:Arial,Helvetica,sans-serif;font-size:23px;font-weight:500;text-align:center;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.otp-input:hover{border-color:#aeb2c9}.otp-input:focus,.otp-input-active{border:2px solid #5146e5;background:#fff;box-shadow:0 0 0 2px #5146e50a}.otp-verify-button{display:flex;width:100%;height:46px;align-items:center;justify-content:center;margin:0;border:none;border-radius:6px;background:#5146e5;color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:14px;font-weight:500;cursor:pointer;outline:none;transition:background .2s ease,transform .2s ease}.otp-verify-button:hover{background:#453bd0;transform:translateY(-1px)}.otp-verify-button:active{background:#4036c9;transform:translateY(0)}.otp-resend-button{display:flex;width:100%;height:46px;align-items:center;justify-content:center;margin-top:40px;border:1px solid #5146e5;border-radius:6px;background:#fff;color:#5146e5;font-family:Arial,Helvetica,sans-serif;font-size:14px;font-weight:500;cursor:pointer;outline:none;transition:background .2s ease,color .2s ease}.otp-resend-button:hover{background:#f5f4ff;color:#453bd0}.otp-resend-button:active{background:#eeedff}@media (max-width: 768px){.otp-content{padding:35px 24px 45px}.otp-card{max-width:400px}}@media (max-width: 480px){.otp-header{height:78px}.otp-header h1{font-size:28px}.otp-content{padding:30px 16px 40px}.otp-card{width:100%;max-width:400px;padding:36px 24px 32px;border-radius:12px}.otp-close{top:18px;right:18px;font-size:24px}.otp-title{padding-top:5px}.otp-title h2{font-size:23px;margin-bottom:9px}.otp-title p{font-size:13px}.otp-divider{margin:38px 0 42px}.otp-label{font-size:11px;margin-bottom:15px}.otp-input-wrapper{gap:6px;margin-bottom:36px}.otp-input{width:45px;height:56px;flex:0 0 45px;font-size:21px}.otp-verify-button{height:46px}.otp-resend-button{height:46px;margin-top:36px}}@media (max-width: 360px){.otp-header{height:70px}.otp-header h1{font-size:25px}.otp-content{padding:25px 12px 35px}.otp-card{padding:32px 20px 28px}.otp-close{top:15px;right:15px;font-size:22px}.otp-title h2{font-size:21px}.otp-title p{font-size:12px}.desktop-break{display:none}.otp-divider{margin:32px 0 35px}.otp-label{font-size:10px;margin-bottom:13px}.otp-input-wrapper{gap:5px;margin-bottom:30px}.otp-input{width:39px;height:50px;flex:0 0 39px;border-radius:7px;font-size:19px}.otp-verify-button{height:44px;font-size:13px}.otp-resend-button{height:44px;margin-top:30px;font-size:13px}}@media (max-width: 320px){.otp-card{padding-left:16px;padding-right:16px}.otp-input-wrapper{gap:4px}.otp-input{width:37px;height:48px;flex-basis:37px}}@media (max-height: 600px) and (orientation: landscape){.otp-content{padding-top:20px;padding-bottom:25px}.otp-card{padding-top:30px;padding-bottom:30px}.otp-title h2{margin-bottom:6px}.otp-divider{margin:25px 0}.otp-input{height:48px}.otp-input-wrapper{margin-bottom:25px}.otp-resend-button{margin-top:25px}}.reset-password-page{min-height:100vh;background:#fff;display:flex;flex-direction:column}.reset-password-header{width:100%;height:124px;background:#f6f7ff;display:flex;align-items:center;justify-content:center}.reset-password-header h1{margin:0;font-size:32px;font-weight:800;letter-spacing:-1.5px;color:#202027}.reset-password-header h1 span{color:#4338d8}.reset-password-content{width:100%;flex:1;display:flex;justify-content:center;padding:42px 20px 80px;box-sizing:border-box}.reset-password-card{width:100%;max-width:470px}.reset-password-title{margin-bottom:60px}.reset-password-title h2{margin:0;color:#102238;font-size:24px;font-weight:800;letter-spacing:.2px}.reset-password-field{width:100%;margin-bottom:21px}.reset-password-field label{display:block;margin-bottom:17px;color:#41414b;font-size:15px;font-weight:500}.reset-password-input-wrapper{width:100%;height:44px;position:relative;box-sizing:border-box}.reset-password-input-wrapper input{width:100%;height:44px;box-sizing:border-box;padding:0 48px 0 15px;border:1px solid #c5c6dc;border-radius:7px;background:#f0f2ff;color:#30303a;font-family:inherit;font-size:14px;outline:none;transition:.2s ease}.reset-password-input-wrapper input::placeholder{color:#a2a4b5}.reset-password-input-wrapper input:focus{border-color:#5145df;box-shadow:0 0 0 2px #5145df14}.password-toggle{position:absolute;top:50%;right:13px;transform:translateY(-50%);width:28px;height:28px;border:none;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#55596c;font-size:18px;padding:0}.reset-password-button{width:100%;height:46px;margin-top:3px;border:none;border-radius:5px;background:#5145df;color:#fff;font-family:inherit;font-size:14px;font-weight:700;cursor:pointer;transition:background .2s ease,transform .1s ease}.reset-password-button:hover{background:#4438ca}.reset-password-button:active{transform:scale(.99)}.reset-password-button:disabled{opacity:.65;cursor:not-allowed}.reset-password-cancel{width:100%;height:46px;margin-top:20px;border:1px solid #8b82ff;border-radius:5px;background:#fff;color:#5145df;font-family:inherit;font-size:14px;font-weight:700;cursor:pointer;transition:background .2s ease,color .2s ease}.reset-password-cancel:hover{background:#f5f3ff}.reset-password-cancel:disabled{opacity:.65;cursor:not-allowed}@media (max-width: 768px){.reset-password-header{height:110px}.reset-password-header h1{font-size:29px}.reset-password-content{padding:40px 30px 70px}.reset-password-title{margin-bottom:50px}.reset-password-title h2{font-size:22px}}@media (max-width: 480px){.reset-password-page{min-height:100vh}.reset-password-header{height:124px}.reset-password-header h1{font-size:30px}.reset-password-content{padding:42px 40px 70px}.reset-password-card{max-width:none}.reset-password-title{margin-bottom:61px}.reset-password-title h2{font-size:23px;line-height:1.3;white-space:nowrap}.reset-password-field{margin-bottom:21px}.reset-password-field label{margin-bottom:17px;font-size:14px}.reset-password-input-wrapper,.reset-password-input-wrapper input{height:44px}.reset-password-button{margin-top:3px;height:46px}.reset-password-cancel{height:46px;margin-top:20px}}@media (max-width: 360px){.reset-password-header{height:105px}.reset-password-header h1{font-size:27px}.reset-password-content{padding:35px 25px 60px}.reset-password-title{margin-bottom:45px}.reset-password-title h2{font-size:19px;white-space:normal}}.sidebar{position:fixed;top:0;left:0;width:220px;height:100vh;padding:25px 14px 18px;display:flex;flex-direction:column;box-sizing:border-box;background:#fff;border-right:1px solid #e6e2ed;z-index:100}.sidebar-brand{display:flex;align-items:center;gap:10px;padding:0 9px;margin-bottom:38px}.sidebar-logo{width:34px;height:34px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:8px;background:#5b4de2;color:#fff;font-size:15px;font-weight:600;box-shadow:0 5px 12px #5b4de22e}.sidebar-brand-info{display:flex;flex-direction:column}.sidebar-brand-info h2{margin:0;color:#5144d7;font-size:17px;line-height:1.1;font-weight:700;letter-spacing:-.2px}.sidebar-brand-info span{display:block;margin-top:4px;color:#777181;font-size:8px;font-weight:400;letter-spacing:.45px}.sidebar-menu{display:flex;flex-direction:column;gap:6px}.sidebar-menu-item{width:100%;min-height:42px;padding:0 13px;display:flex;align-items:center;gap:12px;box-sizing:border-box;border:none;border-radius:8px;background:transparent;color:#625d6f;font-family:Poppins,sans-serif;font-size:11px;font-weight:400;text-align:left;cursor:pointer;outline:none;transition:background .2s ease,color .2s ease,box-shadow .2s ease}.sidebar-icon{width:20px!important;height:20px!important;min-width:20px;display:flex!important;align-items:center;justify-content:center;flex-shrink:0;padding:0!important;margin:0!important;background:transparent!important;border:none!important;border-radius:0!important;box-shadow:none!important;color:#706a7d;font-size:inherit;line-height:1;transition:color .2s ease,transform .2s ease}.sidebar-icon svg{display:block;width:18px;height:18px;color:inherit;fill:none;stroke:currentColor;transition:color .2s ease,stroke .2s ease}.sidebar-menu-label{display:flex;align-items:center;line-height:1.25;white-space:nowrap;color:inherit;font-family:Poppins,sans-serif;font-size:11px;font-weight:400!important}.sidebar-menu-item:hover{background:#f4f2ff;color:#5144d7}.sidebar-menu-item:hover .sidebar-icon{color:#5144d7;transform:translate(1px)}.sidebar-menu-item.active{background:#5546df;color:#fff;font-weight:500!important;box-shadow:0 5px 12px #5546df2e}.sidebar-menu-item.active .sidebar-menu-label{color:#fff;font-weight:500!important}.sidebar-menu-item.active .sidebar-icon{background:transparent!important;border:none!important;border-radius:0!important;box-shadow:none!important;color:#fff;transform:none}.sidebar-menu-item.active .sidebar-icon svg{color:#fff;stroke:#fff}.sidebar-menu-item.active:hover{background:#4d3fd1;color:#fff}.sidebar-menu-item.active:hover .sidebar-icon{background:transparent!important;color:#fff;transform:none}.sidebar-menu-item:focus{outline:none}.sidebar-menu-item:focus-visible{outline:2px solid rgba(91,77,226,.25);outline-offset:2px}.sidebar-logout{width:calc(100% - 18px);height:39px;margin:auto 9px 0;padding:0;display:flex;align-items:center;gap:10px;box-sizing:border-box;border:none;background:transparent;color:#e53935;font-family:Poppins,sans-serif;font-size:11px;font-weight:400;text-align:left;cursor:pointer;outline:none;transition:color .2s ease,transform .2s ease}.sidebar-logout-icon{width:20px!important;height:20px!important;min-width:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:0!important;margin:0!important;background:transparent!important;border:none!important;border-radius:0!important;box-shadow:none!important;color:#e53935}.sidebar-logout-icon svg{display:block;width:18px;height:18px;color:inherit;fill:none;stroke:currentColor}.sidebar-logout>span:last-child{line-height:1.2;color:inherit;font-weight:400!important}.sidebar-logout:hover{color:#c62828;transform:translate(1px)}.sidebar-logout:hover .sidebar-logout-icon{color:#c62828;background:transparent!important}@media (max-width: 800px){.sidebar{width:200px}}@media (max-width: 600px){.sidebar{display:none}}.navbar{width:100%;height:66px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;background:#fff;border-bottom:1px solid #e9e6f1}.navbar-left{display:flex;align-items:center;gap:14px}.navbar-brand{padding-right:18px;border-right:1px solid #e9e6f1;font-size:18px;font-weight:800;letter-spacing:.4px;line-height:1}.navbar-brand span{color:#574bd7}.navbar-brand{color:#242331}.navbar-title h1{color:#302d3e;font-size:14px;font-weight:700}.navbar-title p{margin-top:3px;color:#8d8899;font-size:8px}.navbar-actions{display:flex;align-items:center;gap:7px}.navbar-actions button{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border:none;border-radius:8px;background:transparent;color:#777283;font-family:inherit;font-size:12px;cursor:pointer;transition:.2s ease}.navbar-actions button:hover{background:#f4f2fb;color:#574bd7}.navbar-profile{width:34px;height:34px;display:flex;align-items:center;justify-content:center;margin-left:4px;border-radius:50%;background:linear-gradient(135deg,#e5b991,#a97857);color:#fff;font-size:10px;font-weight:700}.admin-dashboard{width:100%;min-height:100vh;margin:0;padding:0;background:#f8f7fc;color:#292640;font-family:Poppins,sans-serif;overflow-x:hidden;display:flex}.dashboard-main{width:calc(100% - 220px);min-height:100vh;margin-left:220px;padding:0}.dashboard-content{width:100%;margin:0;padding:24px;overflow:hidden}.stats-grid{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:20px}.stat-card{width:100%;min-width:0;min-height:130px;padding:18px 20px;background:#fff;border:1px solid #ece8f5;border-radius:12px;box-shadow:0 4px 16px #4135690d;transition:transform .2s ease,box-shadow .2s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 22px #41356914}.stat-card-header{width:100%;display:flex;align-items:center;justify-content:space-between}.stat-card-header>span{color:#5f5b68;font-size:11px;font-weight:600;letter-spacing:.6px}.stat-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:7px;font-size:10px;font-weight:700;flex-shrink:0}.stat-icon.purple{background:#eeebff;color:#6253dc}.stat-icon.orange{background:#fff0df;color:#dc8831}.stat-icon.green{background:#ddf8ed;color:#25ad77}.stat-icon.blue{background:#e8f0fe;color:#1a73e8}.stat-card h2{margin:10px 0 4px;color:#29243f;font-size:28px;line-height:1;font-weight:700}.stat-card p{margin:0;font-size:11px;line-height:1.4;font-weight:500}.stat-positive{color:#29a779}.stat-negative{color:#dc6868}.dashboard-grid{width:100%;display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:16px;align-items:stretch}.dashboard-card{width:100%;min-width:0;padding:18px;background:#fff;border:1px solid #ece8f5;border-radius:12px;box-shadow:0 4px 16px #4135690d;height:100%;min-height:420px;display:flex;flex-direction:column}.card-header{width:100%;display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;min-height:28px}.card-header h3{margin:0;color:#302c40;font-size:15px;line-height:1.3;font-weight:700}.view-all{height:27px;min-width:70px;padding:0 10px;display:flex;align-items:center;justify-content:center;border:1px solid #d8d1ec;border-radius:6px;background:#fff;color:#6354ca;font-family:Poppins,sans-serif;font-size:11px;font-weight:600;cursor:pointer;transition:.2s ease}.view-all:hover{background:#f4f2ff;border-color:#bfb5e5;color:#5142bc}.view-all:active{transform:scale(.97)}.dashboard-list{max-height:340px;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:6px;flex-grow:1;padding-left:2px;padding-right:4px;padding-bottom:16px;margin-right:-6px}.list-loading{font-size:11px;padding:10px;color:#8d889a;margin:0}.dashboard-list-item{width:100%;min-width:0;height:58px;min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;margin-bottom:4px;border:1px solid #e6e0f1;border-radius:8px;background:#fff;font-family:Poppins,sans-serif;text-align:left;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .2s ease}.dashboard-list-item:hover{background:#faf9ff;border-color:#cfc6eb;transform:translateY(-1px)}.item-avatar{width:38px;height:38px;min-width:38px;min-height:38px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:6px;background:linear-gradient(135deg,#d9d5ff,#6b5ce5);color:#fff;font-size:12px;font-weight:700}.item-info{min-width:0;flex:1;display:flex;flex-direction:column;justify-content:center;gap:2px;height:100%;text-align:left}.item-info h4{width:100%;margin:0;overflow:hidden;color:#393445;font-size:12px;line-height:1.2;font-weight:600;white-space:nowrap;text-overflow:ellipsis}.item-subtext-group{display:flex;align-items:center;gap:6px;min-width:0}.sub-text{margin:0;color:#706c79;font-size:10px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dot{color:#706c79;font-size:10px}.badge-code{font-size:10px;font-weight:600;color:#6253dc;background:#f2f0ff;padding:1px 5px;border-radius:8px;margin:0;flex-shrink:0}.item-status{width:74px;height:22px;flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:0;border-radius:20px;font-size:9.5px;font-weight:600}.item-status.published{background:#dcf7eb;color:#2eaa76}.item-status.draft{background:#fef3c7;color:#d97706}.item-status.expired,.item-status.deleted,.item-status.rejected{background:#fee2e2;color:#dc2626}.item-more{flex-shrink:0;color:#696573;font-size:11px;font-weight:500;margin-left:2px}.pagination-footer{display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding-top:8px;border-top:1px solid #f0edf8;font-size:11px;color:#6e6882}.pagination-buttons{display:flex;gap:4px}.page-btn{padding:2px 8px;border:1px solid #d8d1ec;background:#fff;color:#393445;border-radius:4px;cursor:pointer;font-size:11px;font-weight:600}.page-btn.active{background:#6253dc;color:#fff}.page-btn:disabled{cursor:not-allowed;opacity:.5}@media (max-width: 1000px){.dashboard-content{padding:20px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr}}@media (max-width: 700px){.dashboard-main{width:100%;margin-left:0}.dashboard-content{padding:15px 12px}.stats-grid,.dashboard-grid{grid-template-columns:1fr;gap:10px}.dashboard-card{padding:15px}.item-status{display:none}}@media (max-width: 420px){.dashboard-content{padding:12px 10px}.stat-card{min-height:120px;padding:15px}.stat-card h2{font-size:26px}.dashboard-card{padding:12px}.dashboard-list-item{padding:6px 8px}.item-avatar{width:34px;height:34px;min-width:34px;min-height:34px}.item-info h4{font-size:11px}.sub-text{font-size:9px}}.admin-dashboard .dashboard-content{padding:24px}.admin-dashboard .stats-grid{gap:16px;margin-bottom:22px}.admin-dashboard .stat-card{min-height:130px;padding:20px 22px;border-radius:12px}.admin-dashboard .stat-card-header>span{font-size:13px;font-weight:600;letter-spacing:.5px}.admin-dashboard .stat-icon{width:36px;height:36px;border-radius:10px;font-size:13px}.admin-dashboard .stat-card h2{margin:12px 0 5px;font-size:32px;letter-spacing:-.5px}.admin-dashboard .stat-card p{font-size:13px}.admin-dashboard .dashboard-grid{gap:16px}.admin-dashboard .dashboard-card{padding:20px;border-radius:12px}.admin-dashboard .card-header h3{font-size:17px;font-weight:700;color:#302c40}.admin-dashboard .view-all{height:34px;min-width:84px;padding:0 14px;border-radius:8px;font-size:13px;font-weight:600}.admin-dashboard .dashboard-list-item{height:62px;min-height:62px;padding:8px 12px;border-radius:10px}.admin-dashboard .item-avatar{width:42px;height:42px;min-width:42px;min-height:42px;border-radius:8px;font-size:14px}.admin-dashboard .item-info h4{font-size:14px;font-weight:600}.admin-dashboard .sub-text{font-size:12px}.admin-dashboard .item-status{width:82px;height:26px;border-radius:20px;font-size:12px;font-weight:600}.admin-dashboard .badge-code{font-size:12px;padding:2px 7px;border-radius:8px}.admin-dashboard .item-more,.admin-dashboard .pagination-footer{font-size:13px}.admin-dashboard .page-btn{padding:4px 12px;border-radius:7px;font-size:13px;font-weight:600}html{overflow-x:hidden}body{margin:0;font-family:Poppins,sans-serif;background:#f7f6fc;color:#29243a}.event-management-page{width:100%;min-height:100vh;display:flex;background:#f7f6fc;font-family:inherit;color:#29243a;overflow-x:hidden}.event-main{width:calc(100% - 230px);min-width:0;margin-left:230px;min-height:100vh;display:flex;flex-direction:column;background:#f7f6fc}.event-content{width:100%;padding:32px 34px 50px;min-width:0}.page-heading{width:100%;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.page-heading-text{min-width:0}.page-heading h2{margin:0;color:#2c2740;font-size:25px;line-height:1.25;font-weight:800;letter-spacing:-.4px}.page-heading p{margin-top:7px;color:#9691a4;font-size:12px;line-height:1.5;font-weight:400}.add-event-button{flex-shrink:0;height:42px;padding:0 19px;border:none;border-radius:10px;background:linear-gradient(135deg,#5c5bea,#7253dd);color:#fff;font-family:inherit;font-size:11px;font-weight:600;cursor:pointer;box-shadow:0 8px 18px #5c5bea33;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}.add-event-button:hover{transform:translateY(-2px);filter:brightness(1.03);box-shadow:0 12px 24px #5c5bea40}.add-event-button:active{transform:translateY(0)}.event-toolbar{width:100%;display:flex;align-items:center;gap:10px;margin-bottom:22px}.event-search{width:300px;height:40px;display:flex;align-items:center;gap:9px;padding:0 13px;border:1px solid #e5e2ee;border-radius:9px;background:#fff;transition:border-color .2s ease,box-shadow .2s ease}.event-search:focus-within{border-color:#7567e8;box-shadow:0 0 0 3px #7567e817}.event-search span{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;color:#8e899d;line-height:1}.event-search input{width:100%;border:none;outline:none;background:transparent;color:#4d485a;font-family:inherit;font-size:11px}.event-search input::placeholder{color:#aaa6b5}.event-filter{height:40px;min-width:140px;padding:0 12px;border:1px solid #e5e2ee;border-radius:9px;outline:none;background:#fff;color:#625d70;font-family:inherit;font-size:11px;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease}.event-filter:hover{border-color:#cbc5df}.event-filter:focus{border-color:#7567e8;box-shadow:0 0 0 3px #7567e817}.event-grid{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch}.event-card{width:100%;min-width:0;padding:0;overflow:hidden;position:relative;border:1px solid #e8e5ef;border-radius:14px;background:#fff;font-family:inherit;text-align:left;box-shadow:0 4px 16px #2e27460b;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.event-card:hover{transform:translateY(-4px);border-color:#d7d0ed;box-shadow:0 13px 30px #392f5c1c}.event-cover{width:100%;height:145px;position:relative;display:flex;align-items:flex-end;padding:14px;overflow:hidden}.event-cover:before{content:"";position:absolute;width:150px;height:150px;top:-70px;right:-35px;border-radius:50%;background:#ffffff29}.event-cover:after{content:"";position:absolute;width:105px;height:105px;bottom:-55px;left:28px;border-radius:50%;background:#ffffff1f}.event-cover span{position:relative;z-index:2;padding:6px 10px;border-radius:20px;background:#ffffff2e;color:#fff;font-size:8px;font-weight:600;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.event-purple{background:linear-gradient(135deg,#5142c2,#806be3)}.event-blue{background:linear-gradient(135deg,#347bd7,#5bb7e9)}.event-orange{background:linear-gradient(135deg,#e88a42,#f2bd68)}.event-pink{background:linear-gradient(135deg,#d94f8b,#ef8fba)}.event-green{background:linear-gradient(135deg,#219b7a,#58cfa9)}.event-yellow{background:linear-gradient(135deg,#c79d3b,#e5c867)}.event-card-content{width:100%;padding:17px 17px 15px}.event-card-top{width:100%;display:flex;justify-content:flex-end;margin-bottom:9px}.event-status{position:relative;display:inline-flex;align-items:center;min-height:23px;padding:4px 9px;border-radius:20px;font-size:8px;line-height:1;font-weight:700}.event-status.active{background:#def7eb;color:#28a774}.event-status.draft{background:#fff0d9;color:#d58a2f}.event-card h3{width:100%;min-height:34px;margin:0;color:#302b3d;font-size:14px;line-height:1.35;font-weight:700;letter-spacing:-.1px}.event-detail{width:100%;display:flex;align-items:flex-start;gap:8px;margin-top:9px;color:#858091;font-size:9px;line-height:1.4}.event-detail span{width:13px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;color:#665be1;line-height:1.2;text-align:center}.event-card-footer{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:16px;padding-top:12px;border-top:1px solid #efedf3;color:#777181;font-size:9px;font-weight:500}.event-arrow{width:27px;height:27px;flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:0;border:none;border-radius:50%;background:#f0eeff;color:#5d53dd;font-family:inherit;font-size:14px;line-height:1;cursor:pointer;transition:background .2s ease,color .2s ease,transform .2s ease}.event-arrow:hover{background:#5d53dd;color:#fff;transform:translate(2px)}.event-arrow:active{transform:translate(0)}@media (max-width: 1200px){.event-main{width:calc(100% - 230px);margin-left:230px}.event-content{padding:28px 25px 45px}.event-grid{gap:16px}.event-cover{height:135px}}@media (max-width: 1000px){.event-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.event-search{width:240px}}@media (max-width: 800px){.event-main{width:calc(100% - 200px);margin-left:200px}.event-content{padding:24px 20px 40px}.page-heading h2{font-size:21px}.event-toolbar{flex-wrap:wrap}.event-search{width:100%}}@media (max-width: 650px){.event-management-page{display:block;width:100%}.event-main{width:100%;margin-left:0;min-height:auto}.event-content{padding:22px 16px 35px}.page-heading{align-items:flex-start;flex-direction:column;gap:15px}.page-heading h2{font-size:21px}.page-heading p{font-size:11px}.add-event-button{width:100%}.event-toolbar{width:100%;flex-direction:column;align-items:stretch;gap:9px}.event-search,.event-filter{width:100%}.event-grid{grid-template-columns:1fr;gap:16px}.event-cover{height:150px}}@media (max-width: 400px){.event-content{padding:18px 12px 30px}.page-heading h2{font-size:19px}.event-card-content{padding:15px}.event-card h3{font-size:13px}.event-detail{font-size:8px}}.event-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:24px;padding:14px 18px;background:#fff;border-radius:14px;box-shadow:0 2px 12px #0000000d;flex-wrap:wrap}.event-pagination-info{font-size:13px;color:#8d889a}.event-pagination-controls{display:flex;align-items:center;gap:8px}.event-page-button{min-width:34px;height:34px;padding:0 10px;border:1px solid #e5e1ef;background:#fff;border-radius:9px;font-size:13px;font-weight:600;color:#5b5666;cursor:pointer;transition:background .15s ease,color .15s ease}.event-page-button:hover:not(:disabled){background:#f2efff;color:#6d28d9}.event-page-button.active{background:#6d28d9;border-color:#6d28d9;color:#fff}.event-page-button:disabled{opacity:.4;cursor:not-allowed}.event-management-page .event-content{padding:24px}.event-management-page .page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:22px}.event-management-page .page-heading h2{margin:0;font-size:26px;line-height:1.3;font-weight:700;letter-spacing:-.3px;color:#242331}.event-management-page .page-heading p{margin:6px 0 0;font-size:14px;line-height:1.5;color:#6f7482}.event-management-page .add-event-button{height:42px;padding:0 20px;font-size:14px;font-weight:600;border-radius:10px}.event-management-page .event-search{height:42px;border-radius:9px}.event-management-page .event-search input{font-size:14px}.event-management-page .event-filter{height:42px;font-size:14px}.event-management-page .event-cover span{font-size:11px}.event-management-page .event-status{font-size:12px;min-height:26px;padding:5px 12px}.event-management-page .event-card h3{font-size:16px}.event-management-page .event-detail,.event-management-page .event-card-footer{font-size:13px}.event-management-page .event-pagination{gap:6px}.event-management-page .event-page-button{min-width:32px;height:32px;padding:0 10px;font-size:13px;font-weight:600}@media (min-width: 1101px){.event-management-page .event-main{margin-left:220px;width:calc(100% - 220px);max-width:none}.event-management-page .event-content{width:100%;max-width:1400px;margin-left:auto;margin-right:auto;padding:24px 28px 40px;box-sizing:border-box}}.form-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.breadcrumb-sub{font-size:11px;color:#8d889a;font-weight:500;display:block;margin-bottom:2px}.form-title{font-size:22px;font-weight:700;color:#302b45;margin:0 0 4px}.form-subtitle{font-size:11px;color:#8d889a;margin:0}.form-header-actions{display:flex;gap:12px}.btn-simpan-draft{background:#fff;border:1px solid #d8d1ec;color:#6b657b;padding:8px 18px;border-radius:8px;font-size:11px;font-weight:600;font-family:Poppins,sans-serif;cursor:pointer}.btn-buat-event{background:#6354ca;color:#fff;border:none;padding:8px 18px;border-radius:8px;font-size:11px;font-weight:600;font-family:Poppins,sans-serif;cursor:pointer;transition:background .2s ease}.btn-buat-event:hover{background:#5142bc}.tambah-event-form{display:flex;flex-direction:column;gap:20px}.form-section-card{background:#fff;border:1px solid #ece8f5;border-radius:12px;padding:22px 24px;box-shadow:0 4px 16px #41356908}.form-section-card h3{font-size:13px;font-weight:700;color:#302b45;margin:0 0 16px}.section-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.section-card-header h3{margin:0}.btn-add-item{background:#f4f2ff;border:1px solid #d8d1ec;color:#6354ca;padding:5px 12px;border-radius:6px;font-size:10px;font-weight:600;font-family:Poppins,sans-serif;cursor:pointer}.form-row{display:flex;gap:16px;align-items:flex-start;width:100%}.dynamic-row{margin-bottom:12px;align-items:flex-end}.flex-1{flex:1 1 0;width:0}.flex-2{flex:2 1 0;width:0}.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.form-group.full{width:100%}.form-group label{font-size:9px;font-weight:600;color:#8d889a;letter-spacing:.5px}.form-group input,.form-group select,.form-group textarea{width:100%;height:42px;padding:0 12px;border:1px solid #e6e0f1;border-radius:8px;font-size:11px;color:#302b45;font-family:Poppins,sans-serif;outline:none;background:#fff;box-sizing:border-box;transition:border-color .2s ease}.form-group textarea{height:auto;padding:10px 12px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#6354ca}.search-icon{position:absolute;left:12px;font-size:11px;color:#8d889a}.input-with-icon input{padding-left:32px}.upload-dropzone{border:1px dashed #d8d1ec;border-radius:10px;padding:24px;text-align:center;background:#faf9ff;position:relative;cursor:pointer}.upload-icon{font-size:24px;margin-bottom:6px}.upload-title{font-size:11px;font-weight:600;color:#302b45;margin:0 0 2px}.upload-subtitle{font-size:9px;color:#8d889a}.file-input-hidden{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.preview-container{display:flex;flex-direction:column;align-items:center;gap:10px}.banner-preview-img{width:100%;max-height:220px;object-fit:cover;border-radius:8px;border:1px solid #d8d1ec}.btn-change-file{background:#6354ca;color:#fff;border:none;padding:6px 14px;border-radius:6px;font-size:10px;font-weight:600;cursor:pointer}.file-uploaded-info{display:flex;align-items:center;justify-content:center;gap:10px;font-size:11px;font-weight:600;color:#302b45}.btn-remove-file{background:#fde8e8;color:#dc6868;border:none;padding:4px 10px;border-radius:6px;font-size:10px;cursor:pointer}.btn-delete-row{background:transparent;border:none;color:#dc6868;font-size:12px;cursor:pointer;padding:10px}.total-kuota-box{display:flex;justify-content:flex-end;margin-top:10px;padding-top:10px;border-top:1px solid #ece8f5;font-size:11px;color:#302b45}.admin-dashboard .form-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:24px}.admin-dashboard .form-title{font-size:26px;line-height:1.3;font-weight:700;letter-spacing:-.3px;color:#242331}.admin-dashboard .breadcrumb-sub{font-size:13px}.admin-dashboard .form-subtitle{font-size:14px;color:#6f7482}.admin-dashboard .btn-simpan-draft,.admin-dashboard .btn-buat-event{min-height:42px;padding:0 20px;border-radius:10px;font-size:14px;font-weight:600}.admin-dashboard .tambah-event-form{gap:20px}.admin-dashboard .form-section-card{padding:24px;border-radius:12px}.admin-dashboard .section-card-header h3,.admin-dashboard .form-section-card h3{font-size:16px;font-weight:700;color:#302b45}.admin-dashboard .form-group label{font-size:12px;letter-spacing:.4px}.admin-dashboard .form-group input,.admin-dashboard .form-group select,.admin-dashboard .form-group textarea{min-height:44px;padding:0 14px;border-radius:9px;font-size:14px}.admin-dashboard .form-group textarea{padding:10px 14px}.admin-dashboard .btn-add-item{min-height:34px;padding:0 14px;border-radius:8px;font-size:13px;font-weight:600}.admin-dashboard .btn-change-file,.admin-dashboard .btn-remove-file,.admin-dashboard .btn-delete-row{min-height:36px;padding:0 14px;border-radius:8px;font-size:13px;font-weight:600}.admin-dashboard .total-kuota-box{font-size:13px}body{margin:0;font-family:Poppins,sans-serif;background:#f8f7fc;color:#29263a}.detail-event-page{width:100%;min-height:100vh;background:#f7f6fc}.detail-main{width:calc(100% - 220px);min-height:100vh;margin-left:220px;display:flex;flex-direction:column;background:#f7f6fc}.detail-content{width:100%;max-width:1400px;margin:0 auto;padding:28px 34px 45px}.detail-page-header{width:100%;display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.detail-page-header h2{margin:0;color:#29263a;font-size:24px;line-height:1.3;font-weight:800}.back-button{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border:none;border-radius:8px;background:transparent;color:#584bdd;font-family:inherit;font-size:10px;font-weight:700;cursor:pointer;transition:background .2s ease,color .2s ease,transform .2s ease}.back-button:hover{background:#eeecff;color:#4034c3;transform:translate(-2px)}.detail-card{width:100%;overflow:hidden;background:#fff;border:1px solid #e7e3f0;border-radius:16px;box-shadow:0 8px 30px #362f5a0f}.detail-hero{position:relative;width:100%;height:290px;overflow:hidden;background:linear-gradient(135deg,#565fd0,#6267dc 45%,#7560df)}.detail-hero:before{content:"";position:absolute;width:430px;height:430px;top:-300px;left:-80px;border-radius:50%;background:#ffffff17}.detail-hero:after{content:"";position:absolute;width:430px;height:430px;right:-180px;bottom:-330px;border-radius:50%;background:#ffffff14}.event-status{position:absolute;top:18px;right:20px;z-index:10;display:inline-flex;align-items:center;padding:7px 12px;border-radius:20px;background:#d8f7e8;color:#15845b;font-size:9px;font-weight:700;box-shadow:0 4px 12px #00000014}.event-status.draft{background:#fff0d5;color:#b67819}.event-status.finished{background:#fde2e2;color:#d33a3a}.hero-category{position:absolute;left:22px;bottom:18px;z-index:10;padding:6px 11px;border:1px solid rgba(255,255,255,.2);border-radius:20px;background:#ffffff24;color:#fff;font-size:9px;font-weight:600;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hero-visual{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.hero-circle{position:absolute;border:1px solid rgba(255,255,255,.13);border-radius:50%}.circle-one{width:390px;height:390px}.circle-two{width:275px;height:275px}.hero-stage{position:relative;width:260px;height:135px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.12);border-radius:12px 12px 45px 45px;background:linear-gradient(180deg,#201d52b8,#2a265b61);box-shadow:0 20px 40px #1f1b5540}.stage-screen{width:110px;height:46px;display:flex;align-items:center;justify-content:center;border-radius:6px;background:#fffffff0;color:#574bd4;font-size:9px;font-weight:800;letter-spacing:1.5px;box-shadow:0 5px 15px #0000001a}.stage-light{position:absolute;top:-38px;width:4px;height:72px;border-radius:10px;background:#ffffffb8;filter:blur(1px)}.stage-light:first-child{left:62px;transform:rotate(16deg)}.stage-light:last-child{right:62px;transform:rotate(-16deg)}.detail-body{width:100%;padding:28px 30px 30px}.event-title-section{width:100%}.event-title-section h1{margin:0;color:#29263a;font-size:28px;line-height:1.3;font-weight:800}.event-meta{display:flex;align-items:center;flex-wrap:wrap;gap:22px;margin-top:13px}.meta-item{display:flex;align-items:center;gap:7px;color:#716d7d;font-size:10px;font-weight:500}.meta-icon{display:inline-flex;align-items:center;justify-content:center;color:#5a52d7;font-size:12px}.detail-divider{width:100%;height:1px;margin:22px 0;background:#e8e5ee}.description-section{width:100%}.description-section h3{margin:0;color:#403c4c;font-size:13px;font-weight:700}.description-section p{max-width:1100px;margin-top:8px;color:#767180;font-size:11px;line-height:1.75}.ticket-section{width:100%;margin-top:22px;padding:18px 20px;border:1px solid #e3dff0;border-radius:12px;background:linear-gradient(135deg,#f6f4fc,#efedf9)}.ticket-header{display:flex;align-items:center;justify-content:space-between;gap:20px}.ticket-header h3{margin:0;color:#454052;font-size:13px;font-weight:700}.ticket-header p{margin-top:4px;color:#8c8797;font-size:9px}.ticket-count{display:flex;align-items:baseline;white-space:nowrap}.ticket-count strong{color:#574bdc;font-size:21px;font-weight:800}.ticket-count span{margin-left:4px;color:#858090;font-size:10px}.progress-wrapper{width:100%;margin-top:15px}.progress-track{width:100%;height:7px;overflow:hidden;border-radius:20px;background:#dcd8eb}.progress-fill{height:100%;border-radius:20px;background:linear-gradient(90deg,#5867ec,#7350dc);transition:width .4s ease}.progress-info{display:flex;justify-content:flex-end;margin-top:6px}.progress-info span{color:#817c8d;font-size:9px}.event-extra-info{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:20px}.extra-item{min-width:0;padding:14px;border:1px solid #e9e5f0;border-radius:10px;background:#fbfafc;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.extra-item:hover{transform:translateY(-2px);border-color:#dcd6ee;box-shadow:0 7px 18px #362f5a0f}.extra-item span{display:block;color:#92909e;font-size:9px;font-weight:500}.extra-item strong{display:block;margin-top:5px;color:#474251;font-size:11px;font-weight:700;word-break:break-word}.detail-actions{width:100%;display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.edit-button,.delete-button{min-height:39px;padding:0 17px;border-radius:8px;font-family:inherit;font-size:10px;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.edit-button{border:none;background:linear-gradient(135deg,#5968ec,#7050dc);color:#fff;box-shadow:0 7px 16px #5b59e12e}.edit-button:hover{transform:translateY(-2px);box-shadow:0 10px 22px #5b59e140}.delete-button{border:1px solid #ead6d9;background:#fff8f8;color:#c45e68}.delete-button:hover{transform:translateY(-2px);background:#fff0f1;box-shadow:0 7px 16px #c45e6814}@media (max-width: 1100px){.detail-main{width:calc(100% - 220px);margin-left:220px}.detail-content{padding:24px 25px 35px}.detail-body{padding:25px}.detail-hero{height:270px}.event-title-section h1{font-size:25px}.event-extra-info{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 850px){.detail-content{padding:22px 18px 30px}.detail-body{padding:22px}.detail-hero{height:245px}.event-meta{gap:14px}.description-section p{font-size:10px}}@media (max-width: 700px){.detail-main{width:100%;margin-left:0}.detail-content{padding:18px 15px 30px}.detail-page-header{align-items:center;margin-bottom:14px}.detail-page-header h2{font-size:20px}.back-button{padding:7px 8px;font-size:9px}.detail-hero{height:220px}.circle-one{width:300px;height:300px}.circle-two{width:210px;height:210px}.hero-stage{width:205px;height:105px}.stage-screen{width:90px;height:38px;font-size:8px}.detail-body{padding:22px 18px}.event-title-section h1{font-size:22px}.event-meta{flex-direction:column;align-items:flex-start;gap:8px}.description-section p{font-size:10px;line-height:1.7}.ticket-section{padding:16px}.event-extra-info{grid-template-columns:1fr}.detail-actions{flex-direction:column}.edit-button,.delete-button{width:100%}}@media (max-width: 450px){.detail-content{padding:15px 12px 25px}.detail-page-header h2{font-size:18px}.back-button{font-size:8px}.detail-hero{height:190px}.event-status{top:13px;right:13px;padding:6px 9px;font-size:8px}.hero-category{left:13px;bottom:13px;padding:5px 9px;font-size:8px}.circle-one{width:250px;height:250px}.circle-two{width:175px;height:175px}.hero-stage{width:165px;height:85px}.stage-screen{width:80px;height:34px;font-size:7px}.detail-body{padding:18px 15px}.event-title-section h1{font-size:20px}.ticket-header{align-items:flex-start}.ticket-count strong{font-size:18px}.extra-item{padding:12px}}.detail-event-page .detail-content{padding:24px}.detail-event-page .detail-page-header{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:22px}.detail-event-page .detail-page-header h2{margin:0;font-size:26px;line-height:1.3;font-weight:700;letter-spacing:-.3px;color:#242331}.detail-event-page .back-button{min-height:38px;padding:0 14px;border-radius:9px;font-size:13px;font-weight:600}.detail-event-page .detail-card{border-radius:16px}.detail-event-page .detail-body{padding:26px 28px 30px}.detail-event-page .event-title-section h1{font-size:28px;font-weight:800;letter-spacing:-.3px;color:#242331}.detail-event-page .event-status{padding:7px 14px;border-radius:20px;font-size:12px;font-weight:600}.detail-event-page .hero-category{font-size:13px;font-weight:600}.detail-event-page .meta-item{font-size:13px;gap:8px}.detail-event-page .meta-icon{font-size:14px}.detail-event-page .description-section h3{font-size:16px;font-weight:700}.detail-event-page .description-section p{font-size:13.5px;line-height:1.75}.detail-event-page .ticket-header h3{font-size:16px;font-weight:700}.detail-event-page .ticket-header p{font-size:12px}.detail-event-page .ticket-count strong{font-size:24px;font-weight:800}.detail-event-page .ticket-count span{font-size:12px}.detail-event-page .extra-item{padding:16px;border-radius:12px}.detail-event-page .extra-item span{font-size:12px;font-weight:500}.detail-event-page .extra-item strong{font-size:14px;font-weight:700}.detail-event-page .edit-button,.detail-event-page .delete-button{min-height:42px;padding:0 20px;border-radius:9px;font-size:14px;font-weight:600}@media (min-width: 1101px){.detail-event-page .detail-main{margin-left:220px;width:calc(100% - 220px);max-width:none}.detail-event-page .detail-content{width:100%;max-width:1400px;margin-left:auto;margin-right:auto;padding:24px 28px 40px;box-sizing:border-box}}.detail-event-page .detail-hero.has-banner:before,.detail-event-page .detail-hero.has-banner:after{display:none}.detail-event-page .hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#1210302e,#1210300d 45%,#1210308c)}.detail-event-page .description-section p{white-space:pre-line}.detail-event-page .meta-icon{width:16px;flex-shrink:0}.detail-event-page .ticket-section,.detail-event-page .ticket-tier-section{margin-top:24px;padding:18px 20px;border:1px solid #e7e3f0;border-radius:12px;background:#fff}.detail-event-page .ticket-tier-section .ticket-header{margin-bottom:2px}.detail-event-page .ticket-tier-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;margin-top:14px}.detail-event-page .ticket-tier-item{display:flex;align-items:center;justify-content:space-between;gap:14px;min-width:0;padding:14px 16px;background:#fff;border:1px solid #e9e5f0;border-radius:10px;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.detail-event-page .ticket-tier-item:hover{border-color:#d6cff0;box-shadow:0 6px 16px #362f5a0f;transform:translateY(-1px)}.detail-event-page .ticket-tier-item>div{min-width:0;display:flex;flex-direction:column;gap:4px}.detail-event-page .ticket-tier-item>div:last-child{align-items:flex-end;text-align:right}.detail-event-page .ticket-tier-item strong{color:#3a3547;font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.detail-event-page .ticket-tier-item span{color:#8a8596;font-size:12px}.detail-event-page .ticket-tier-item>div:last-child strong{color:#574bdc;font-size:15px;font-weight:700}@media (max-width: 700px){.detail-event-page .ticket-tier-list{grid-template-columns:1fr}.detail-event-page .ticket-tier-item{padding:12px 14px}.detail-event-page .ticket-section,.detail-event-page .ticket-tier-section{padding:16px}}.detail-event-page .detail-page-subtitle{margin-top:2px;font-size:13px;line-height:1.4;color:#6f7482}.detail-event-page .status-notice{display:flex;align-items:flex-start;gap:10px;margin-top:18px;padding:12px 16px;border:1px solid;border-radius:10px;font-size:13px;line-height:1.55}.detail-event-page .status-notice svg{flex-shrink:0;margin-top:1px}.detail-event-page .notice-waiting{background:#fff8e9;border-color:#f0dcae;color:#8a6413}.detail-event-page .notice-rejected{background:#fdeeee;border-color:#f3c6c6;color:#b13b3b}.detail-event-page .event-extra-info{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.detail-event-page .extra-item{display:flex;align-items:flex-start;gap:12px;padding:16px;border-radius:12px}.detail-event-page .extra-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:36px;height:36px;border-radius:10px;background:#f0edfb;color:#574bdc}.detail-event-page .extra-item>div{min-width:0;display:flex;flex-direction:column;gap:3px}.detail-event-page .extra-item strong{font-size:13.5px;margin-top:0;word-break:break-word}.detail-event-page .ticket-count{align-items:center;gap:5px;padding:8px 14px;border-radius:20px;background:#f1eefb}.detail-event-page .ticket-count span{margin-left:0}.detail-event-page .progress-track{height:8px;background:#ece8f5}.detail-event-page .progress-info span{font-size:12px;color:#6f7482}.detail-event-page .detail-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:12px;margin-top:26px}.detail-event-page .approval-group,.detail-event-page .manage-group{display:flex;align-items:center;gap:10px}.detail-event-page .approval-group+.manage-group{margin-left:4px;padding-left:18px;border-left:1px solid #ebe7f3}.detail-event-page .detail-actions button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 20px;border-radius:9px;font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,color .2s ease,opacity .2s ease}.detail-event-page .detail-actions button:disabled{opacity:.6;cursor:not-allowed;transform:none!important;box-shadow:none!important}.detail-event-page .approve-button{border:none;background:linear-gradient(135deg,#2fbf7f,#1fa86b);color:#fff;box-shadow:0 7px 16px #2fbf7f38}.detail-event-page .approve-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 22px #2fbf7f4d}.detail-event-page .reject-button{border:1px solid #f0c9cd;background:#fff6f6;color:#c45e68}.detail-event-page .reject-button:hover:not(:disabled){transform:translateY(-2px);background:#ffecee;box-shadow:0 7px 16px #c45e681a}.detail-event-page .detail-loading,.detail-event-page .detail-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:320px;padding:30px;background:#fff;border:1px solid #e7e3f0;border-radius:16px;text-align:center}.detail-event-page .loading-spinner{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#f0edfb;color:#574bdc;font-size:18px;animation:detail-pulse 1.1s ease-in-out infinite}@keyframes detail-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.92)}}.detail-event-page .detail-loading p,.detail-event-page .detail-error p{font-size:13px;color:#8a8596}.detail-event-page .detail-error h2{font-size:18px;font-weight:700;color:#b13b3b}@media (max-width: 700px){.detail-event-page .detail-actions{flex-direction:column;align-items:stretch}.detail-event-page .approval-group,.detail-event-page .manage-group{width:100%;flex-wrap:wrap}.detail-event-page .approval-group+.manage-group{margin-left:0;padding-left:0;border-left:none;border-top:1px solid #ebe7f3;padding-top:12px}.detail-event-page .detail-actions button{flex:1}.detail-event-page .event-extra-info{grid-template-columns:1fr}}.edit-event-page{display:flex;min-height:100vh;background-color:#f8f9fc}.edit-main{margin-left:220px;flex-grow:1;display:flex;flex-direction:column}.edit-content{padding:40px 32px;max-width:1050px;width:100%;margin:0 auto}.edit-page-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:28px}.breadcrumb-event{font-size:13px;color:#888}.edit-page-header h2{font-size:26px;font-weight:800;color:#111;margin-top:4px}.btn-primary{background:linear-gradient(135deg,#5b63ed,#6e50dd);color:#fff;border:none;padding:12px 22px;border-radius:8px;font-weight:600;font-size:14px;display:flex;align-items:center;gap:8px;cursor:pointer;box-shadow:0 4px 12px #5b5be633}.btn-primary:hover{opacity:.9}.form-card{background:#fff;border:1px solid #e9e6f1;border-radius:12px;padding:28px;margin-bottom:24px}.form-card h3{font-size:16px;font-weight:700;color:#111;margin-bottom:20px}.form-group{margin-bottom:20px;display:flex;flex-direction:column;gap:8px}.form-group.col{flex:1}.form-row{display:flex;gap:20px}label{font-size:12px;font-weight:700;color:#777283;letter-spacing:.5px}.form-control{width:100%;padding:12px 14px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;color:#333;background-color:#fff;outline:none;font-family:inherit}.textarea{resize:vertical;min-height:100px}.input-with-icon{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:14px;color:#9ca3af;font-size:16px}.input-with-icon .form-control{padding-left:40px}.selected-categories-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.badge-tag{background-color:#e0e7ff;color:#4f46e5;padding:6px 12px;border-radius:6px;font-size:13px;display:flex;align-items:center;gap:8px;font-weight:500}.badge-tag svg{cursor:pointer}.upload-dropzone{border:2px dashed #d1d5db;border-radius:8px;padding:40px 20px;text-align:center;background-color:#fafafa;cursor:pointer}.upload-icon{color:#9ca3af;margin-bottom:10px;font-size:36px}.upload-title{font-size:14px;font-weight:600;color:#374151;margin-bottom:6px}.upload-subtitle{font-size:12px;color:#9ca3af}.card-header-flex{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.card-header-flex h3{margin-bottom:0}.btn-text{background:none;border:none;color:#5868ee;font-size:14px;font-weight:600;cursor:pointer}.schedule-row{display:flex;gap:16px;align-items:flex-end}.btn-icon-danger{background:none;border:none;color:#ef4444;cursor:pointer;padding-bottom:12px;font-size:16px}.ticket-table-header{display:grid;grid-template-columns:2fr 2fr 1.5fr 40px;gap:16px;font-size:12px;font-weight:700;color:#9ca3af;margin-bottom:10px}.ticket-row{display:grid;grid-template-columns:2fr 2fr 1.5fr 40px;gap:16px;align-items:center;margin-bottom:12px}.btn-delete-row{background:none;border:none;color:#9ca3af;cursor:pointer;display:flex;justify-content:center;font-size:16px}.total-quota-box{display:flex;justify-content:flex-end;gap:20px;margin-top:20px;padding-top:16px;border-top:1px solid #f3f4f6;font-size:14px;align-items:center}.total-quota-box span{color:#6b7280}.add-lineup-group{display:flex;gap:16px;align-items:center}.inline-input{padding:8px 12px;font-size:13px;width:200px}.lineup-tags-container{display:flex;flex-wrap:wrap;gap:10px}.lineup-chip{background-color:#f3f4f6;border:1px solid #e5e7eb;padding:8px 14px;border-radius:6px;font-size:14px;display:flex;align-items:center;gap:10px;color:#374151}.chip-close{cursor:pointer;color:#9ca3af}@media (max-width: 700px){.edit-main{margin-left:0}}.edit-event-page .edit-content{padding:24px}.edit-event-page .edit-page-header{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:24px}.edit-event-page .edit-page-header h2{margin:0;font-size:26px;line-height:1.3;font-weight:700;letter-spacing:-.3px;color:#242331}.edit-event-page .breadcrumb-event{font-size:13px;color:#6f7482}.edit-event-page .btn-primary{min-height:42px;padding:10px 22px;border-radius:10px;font-size:14px;font-weight:600}.edit-event-page .form-card{padding:26px;border-radius:12px}.edit-event-page .form-card h3{font-size:17px;font-weight:700;color:#242331}.edit-event-page label{font-size:13px;font-weight:600;letter-spacing:.4px}.edit-event-page .form-control{padding:12px 14px;border-radius:9px;font-size:14px}.edit-event-page .input-with-icon .form-control{padding-left:42px}.edit-event-page .schedule-row{flex-wrap:wrap}.edit-event-page .schedule-row .form-group{flex:1;min-width:170px}.edit-event-page .badge-tag{font-size:13px;padding:6px 12px;border-radius:8px}@media (min-width: 1101px){.edit-event-page .edit-main{margin-left:220px;width:calc(100% - 220px);max-width:none}.edit-event-page .edit-content{width:100%;max-width:1400px;margin-left:auto;margin-right:auto;padding:24px 28px 40px;box-sizing:border-box}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Poppins,sans-serif;background:#f8f7fc;color:#29263a}.user-management-page{display:flex;min-height:100vh;background-color:#f8fafc}.user-main{flex:1;min-height:100vh;min-width:0;display:flex;flex-direction:column;background:#f7f6fc;margin-left:220px;width:100%}.user-content{width:100%;max-width:100%;margin:0 auto;padding:32px 40px;box-sizing:border-box}.user-page-header{width:100%;display:flex;align-items:flex-start;justify-content:space-between;gap:30px;margin-bottom:20px}.user-heading h1{color:#302d3e;font-size:24px;line-height:1.3;font-weight:800}.user-heading p{margin-top:5px;color:#898493;font-size:14px;line-height:1.5}.add-user-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:0 16px;border:none;border-radius:7px;background:linear-gradient(135deg,#5a58e8,#6847d8);color:#fff;font-family:inherit;font-size:10px;font-weight:600;cursor:pointer;box-shadow:0 8px 18px #5b52dd2e;transition:transform .2s ease,box-shadow .2s ease}.add-user-button span{font-size:15px;line-height:1}.add-user-button:hover{transform:translateY(-2px);box-shadow:0 11px 22px #5b52dd40}.user-panel{width:100%;overflow:hidden;background:#fff;border:1px solid #e5e1ed;border-radius:12px;box-shadow:0 7px 24px #352e570d}.user-toolbar{width:100%;min-height:58px;display:flex;align-items:center;gap:8px;padding:9px;border-bottom:1px solid #e9e5ef;background:#fff}.user-search{min-width:250px;flex:1;height:35px;display:flex;align-items:center;border:1px solid #dcd7e7;border-radius:7px;background:#fff;transition:border-color .2s ease,box-shadow .2s ease}.user-search:focus-within{border-color:#756be3;box-shadow:0 0 0 3px #695bda14}.search-icon{width:32px;display:flex;align-items:center;justify-content:center;color:#817c8d;font-size:16px}.user-search input{width:100%;height:100%;padding:0 10px;border:none;outline:none;background:transparent;color:#373342;font-family:inherit;font-size:9px}.user-search input::placeholder{color:#aaa6b3}.user-filter-tabs{height:35px;display:flex;align-items:center;border:1px solid #dcd7e7;border-radius:7px;overflow:hidden;background:#fff}.filter-tab{height:100%;padding:0 14px;border:none;border-right:1px solid #e8e4ee;background:#fff;color:#6e6979;font-family:inherit;font-size:8px;font-weight:500;cursor:pointer;transition:background .2s ease,color .2s ease}.filter-tab:last-child{border-right:none}.filter-tab:hover{background:#f7f5fc}.filter-tab.active{background:#f0edff;color:#574bd6;font-weight:700}.advanced-filter{width:35px;height:35px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border:1px solid #dcd7e7;border-radius:7px;background:#fff;color:#777281;font-size:13px;cursor:pointer;transition:background .2s ease,color .2s ease}.advanced-filter:hover{background:#f4f1ff;color:#584bd5}.user-table-wrapper{width:100%;overflow-x:auto}.user-table{width:100%;border-collapse:collapse;table-layout:fixed}.user-table thead{background:#fbfaff}.user-table th{height:38px;padding:0 14px;border-bottom:1px solid #e5e1eb;color:#85808e;text-align:left;font-size:8px;font-weight:700;letter-spacing:.4px;white-space:nowrap}.user-table th:nth-child(1){width:38%}.user-table th:nth-child(2){width:18%}.user-table th:nth-child(3){width:17%}.user-table th:nth-child(4){width:17%}.user-table th:nth-child(5){width:10%;text-align:center}.user-table tbody tr{height:58px;transition:background .2s ease}.user-table tbody tr:hover{background:#faf9fd}.user-table td{padding:8px 14px;border-bottom:1px solid #e9e5ef;color:#4e4959;font-size:9px;vertical-align:middle}.user-info{display:flex;align-items:center;gap:10px;min-width:0}.user-avatar{width:32px;height:32px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:9px;font-weight:700}.user-avatar.purple{background:#d9faec;color:#23a477}.user-avatar.orange{background:#f7a400;color:#fff}.user-avatar.blue{background:#6258e8;color:#fff}.user-avatar.green{background:#d9f3e9;color:#27956d}.user-avatar.pink{background:#f4dff0;color:#b64c99}.user-avatar.yellow{background:#f8e7bd;color:#ad7817}.user-avatar.cyan{background:#d9eff4;color:#318ca2}.user-avatar.image{background:linear-gradient(135deg,#7c8ab8,#e3d7c8);color:#fff}.user-name-wrapper{min-width:0;display:flex;flex-direction:column}.user-name-wrapper strong{overflow:hidden;color:#403b4b;font-size:9px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.user-name-wrapper span{margin-top:3px;overflow:hidden;color:#96919f;font-size:7px;text-overflow:ellipsis;white-space:nowrap}.user-type,.join-date{color:#65606e;font-size:8px}.user-status{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:20px;font-size:7px;font-weight:600}.user-status.active{background:#e3f6ee;color:#268b66}.user-status.suspended{background:#ffe2e5;color:#cf626c}.status-dot{width:5px;height:5px;border-radius:50%;background:currentColor}.user-table td:last-child{text-align:center}.user-action-button{width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:6px;background:transparent;color:#817c8d;font-size:16px;cursor:pointer;transition:background .2s ease,color .2s ease}.user-action-button:hover{background:#f0edff;color:#574bd6}.empty-user{height:150px;text-align:center!important;color:#9994a3!important;font-size:10px!important}.user-table-footer{min-height:48px;display:flex;align-items:center;justify-content:space-between;padding:8px 14px;background:#fff}.user-count{color:#85808e;font-size:8px}.pagination{display:flex;align-items:center;gap:4px}.page-arrow,.page-number{width:25px;height:25px;display:flex;align-items:center;justify-content:center;border:1px solid #e2deea;border-radius:5px;background:#fff;color:#6d6878;font-family:inherit;font-size:8px;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease}.page-arrow:hover:not(:disabled),.page-number:hover{border-color:#cfc9e9;background:#f3f0ff;color:#584bd5}.page-number.active{border-color:#574bdc;background:#574bdc;color:#fff}.page-arrow:disabled{opacity:.4;cursor:not-allowed}@media (max-width: 1000px){.user-content{padding:24px 24px 35px}.user-toolbar{flex-wrap:wrap;padding:10px}.user-search{width:100%;flex:none}.user-filter-tabs{flex:1}.advanced-filter{flex-shrink:0}}@media (max-width: 800px){.user-main{width:calc(100% - 200px);margin-left:200px}.user-content{padding:20px 18px 30px}.user-page-header{align-items:flex-start}.user-heading h1{font-size:21px}.filter-tab{padding:0 9px}.user-table{min-width:720px}}@media (max-width: 700px){.user-main{width:100%;margin-left:0}.user-content{padding:18px 14px 30px}.user-page-header{flex-direction:column;gap:14px}.add-user-button{width:100%}.user-panel{border-radius:10px}.user-toolbar{flex-direction:column;align-items:stretch}.user-search,.user-filter-tabs{width:100%}.filter-tab{flex:1;padding:0 5px;font-size:7px}.advanced-filter{width:100%}.user-table-wrapper{overflow-x:auto}.user-table{min-width:720px}.user-table-footer{flex-direction:column;align-items:flex-start;gap:10px}.pagination{align-self:flex-end}}@media (max-width: 450px){.user-content{padding:15px 11px 25px}.user-heading h1{font-size:19px}.user-heading p{font-size:9px}.add-user-button{min-height:36px}.user-table{min-width:680px}}body{color:#29263a}.sidebar-brand-info h2{font-size:20px}.sidebar-brand-info span{font-size:11px;color:#5f5b68}.sidebar-menu-item{font-size:15px;color:#4f4b58}.sidebar-menu-label{font-size:15px}.sidebar-logout{font-size:15px;color:#dc3f3f}.sidebar-logout>span:last-child{font-size:15px}.user-heading h1{font-size:27px;color:#29263a}.user-heading p{font-size:15px;color:#6f6a78}.add-user-button{font-size:12px}.add-user-button span{font-size:17px}.search-icon{font-size:17px;color:#686371}.user-search input{font-size:12px;color:#383441}.filter-tab{font-size:11px;color:#595462}.filter-tab.active{color:#5145c9}.advanced-filter{color:#625d6b}.user-table th{font-size:10px;color:#625e6c}.user-table td{font-size:11px;color:#45414e}.user-avatar{font-size:11px}.user-name-wrapper strong{font-size:11px;color:#37333f}.user-name-wrapper span{font-size:9px;color:#706b78}.user-type,.join-date{font-size:10px;color:#57525f}.user-status{font-size:9px}.user-action-button{color:#686371}.empty-user{font-size:12px!important;color:#706b78!important}.user-count{font-size:10px;color:#625e6c}.page-arrow,.page-number{font-size:10px;color:#5b5664}.user-heading p,.user-search input::placeholder,.filter-tab,.user-table th,.user-table td,.user-name-wrapper span,.user-type,.join-date,.user-count,.page-arrow,.page-number{font-weight:400}.user-heading p{color:#6f6a78}.user-search input::placeholder{color:#77727f}.user-table th{color:#625e6c}.user-table td{color:#45414e}.user-name-wrapper span{color:#706b78}.user-type,.join-date{color:#57525f}.user-count{color:#625e6c}.page-arrow,.page-number{color:#5b5664}@media (max-width: 700px){.user-heading h1{font-size:23px}.user-heading p{font-size:12px}.filter-tab,.user-table th{font-size:10px}.user-table td,.user-name-wrapper strong{font-size:11px}.user-name-wrapper span{font-size:9px}.user-type,.join-date{font-size:10px}}@media (max-width: 450px){.user-heading h1{font-size:21px}.user-heading p{font-size:11px}.filter-tab{font-size:9px}}.user-management-page .user-content{padding:24px}.user-management-page .user-page-header{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:22px}.user-management-page .user-heading h1{margin:0;font-size:26px;line-height:1.3;font-weight:700;letter-spacing:-.3px;color:#242331}.user-management-page .user-heading p{margin:6px 0 0;font-size:14px;line-height:1.5;color:#6f7482}.user-management-page .add-user-button{height:42px;padding:0 20px;font-size:14px;font-weight:600;border-radius:9px}.user-management-page .user-search{height:42px;border-radius:9px}.user-management-page .user-search input{font-size:14px}.user-management-page .filter-tab{font-size:13px}.user-management-page .user-table th{height:44px;font-size:13px;color:#555060;letter-spacing:.2px}.user-management-page .user-table td{font-size:14px;color:#393445}.user-management-page .user-name-wrapper strong{font-size:14px;line-height:1.35}.user-management-page .user-name-wrapper span{font-size:12px;line-height:1.3}.user-management-page .user-type,.user-management-page .join-date{font-size:13px}.user-management-page .empty-user{font-size:13px!important}.user-management-page .user-status{gap:6px;padding:5px 12px;font-size:12px}.user-management-page .user-count{font-size:12px}.user-management-page .page-arrow,.user-management-page .page-number{width:32px;height:32px;border-radius:7px;font-size:13px}.user-management-page .user-toolbar{min-height:0;padding:12px 14px;gap:12px;align-items:center;flex-wrap:wrap}.user-management-page .user-filter-tabs{height:42px;flex-shrink:0;display:inline-flex;align-items:stretch;gap:4px;padding:4px;border:1px solid #e2ddf0;border-radius:11px;background:#f2f0f9;overflow:visible}.user-management-page .filter-tab{height:32px;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;padding:0 18px;border:none;border-radius:8px;background:transparent;color:#5f5a6e;font-size:14px;font-weight:500;line-height:1}.user-management-page .filter-tab:hover{background:#e9e5f7;color:#463dc4}.user-management-page .filter-tab.active{background:#fff;color:#4a3fd1;font-weight:700;box-shadow:0 2px 8px #4a3fd12e}.user-management-page .advanced-filter{width:42px;height:42px;border-radius:9px;font-size:16px}@media (max-width: 1000px){.user-management-page .user-toolbar{gap:10px}.user-management-page .user-search{flex:1 1 100%;width:100%}.user-management-page .user-filter-tabs{flex:1 1 auto;min-width:0}.user-management-page .filter-tab{flex:1 1 0;min-width:0;padding:0 8px}}@media (max-width: 700px){.user-management-page .user-toolbar{flex-direction:column;align-items:stretch}.user-management-page .user-filter-tabs,.user-management-page .advanced-filter{width:100%}}@media (min-width: 1101px){.user-management-page .user-main{margin-left:220px;width:calc(100% - 220px);max-width:none}.user-management-page .user-content{width:100%;max-width:1400px;margin-left:auto;margin-right:auto;padding:24px 28px 40px;box-sizing:border-box}.user-management-page .user-table th{font-size:13px;font-weight:600;letter-spacing:.2px}.user-management-page .user-table td{font-size:14px}}.detail-user-page{min-height:100vh;width:100%;background:#f8f7fc;color:#24213d;font-family:Poppins,sans-serif}.detail-user-main{margin-left:220px;min-height:100vh;width:calc(100% - 220px);background:#f8f7fc}.detail-user-content{width:100%;max-width:1200px;margin:0 auto;padding:30px 34px 50px}.detail-user-heading{display:flex;align-items:center;gap:12px;margin-bottom:22px}.detail-user-heading h1{margin:0;font-size:25px;font-weight:700;color:#292542}.back-button{width:34px;height:34px;border:none;background:transparent;color:#5146d8;font-size:22px;cursor:pointer;border-radius:8px;transition:.2s ease}.back-button:hover{background:#eeecff}.user-profile-card{width:100%;min-height:108px;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:18px 20px;background:#fff;border:1px solid #e6e3f0;border-radius:10px;box-shadow:0 3px 12px #342c640a}.user-profile-left{display:flex;align-items:center;gap:16px;min-width:0}.user-avatar{width:64px;height:64px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(135deg,#6355e8,#8778ef);color:#fff;font-size:19px;font-weight:600;border:3px solid #eeeaff}.user-profile-info{min-width:0}.user-profile-info h2{margin:0 0 4px;color:#27243d;font-size:19px;font-weight:700}.user-role{display:flex;align-items:center;gap:7px;color:#77738a;font-size:11px}.user-badges{display:flex;align-items:center;gap:7px;margin-top:8px}.user-badge{display:inline-flex;align-items:center;padding:4px 9px;border-radius:20px;font-size:9px;font-weight:500}.verified-badge{background:#eeebff;color:#5146d8}.event-badge{background:#f0eff8;color:#656176}.user-profile-actions{display:flex;align-items:center;gap:9px;flex-shrink:0}.suspend-button,.edit-profile-button{height:34px;padding:0 15px;border-radius:6px;font-family:Poppins,sans-serif;font-size:10px;font-weight:500;cursor:pointer;transition:.2s ease}.suspend-button{border:1px solid #ffc9c5;background:#fff0ef;color:#e15d55}.suspend-button:hover{background:#ffe3e1}.edit-profile-button{border:none;background:#5548dc;color:#fff}.edit-profile-button:hover{background:#4639cc;transform:translateY(-1px)}.user-information-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px}.information-card{background:#fff;border:1px solid #e5e2ee;border-radius:9px;padding:15px;box-shadow:0 3px 12px #342c6409}.information-header{display:flex;align-items:center;gap:8px}.information-icon{width:22px;height:22px;display:flex;align-items:center;justify-content:center;border-radius:5px;background:#eeebff;color:#5449da;font-size:11px}.information-header h3{margin:0;color:#292640;font-size:12px;font-weight:600}.information-divider{width:100%;height:1px;background:#e7e4ef;margin:10px 0 13px}.information-content{display:flex;flex-direction:column;gap:12px}.information-field label,.verification-status label{display:block;margin-bottom:5px;color:#77738a;font-size:8px;font-weight:500;text-transform:uppercase;letter-spacing:.2px}.information-value{min-height:30px;display:flex;align-items:center;padding:0 10px;background:#f5f3fb;border-radius:5px;color:#3f3b50;font-size:9px}.email-value,.phone-value{justify-content:space-between}.information-value button{border:none;background:transparent;color:#77738a;cursor:pointer;font-size:10px}.verification-row{display:flex;align-items:center;gap:8px}.verified-status{display:inline-flex;align-items:center;padding:4px 8px;border-radius:15px;background:#e5f8f0;color:#26956c;font-size:8px;font-weight:600}.verification-date{color:#77738a;font-size:8px}.not-verified-status{display:inline-flex;padding:4px 8px;border-radius:15px;background:#fff0ef;color:#df625a;font-size:8px}.document-box{min-height:45px;display:flex;align-items:center;gap:9px;padding:7px 9px;background:#f5f3fb;border:1px solid #e7e3f0;border-radius:6px}.document-icon{width:28px;height:28px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:5px;background:#ffe5e5;color:#d84d4d;font-size:7px;font-weight:700}.image-document{background:#e8e7ff;color:#5549d8}.document-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.document-info strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#3e3a4e;font-size:8px;font-weight:500}.document-info span{color:#888397;font-size:7px}.document-box button{width:24px;height:24px;border:none;background:transparent;color:#6f6980;cursor:pointer;border-radius:5px;transition:.2s ease}.document-box button:hover{background:#e9e6f7;color:#5146d8}.account-summary-card{margin-top:16px;display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid #e5e2ee;border-radius:9px;overflow:hidden;box-shadow:0 3px 12px #342c6409}.account-summary-item{min-height:72px;display:flex;flex-direction:column;justify-content:center;padding:12px 16px;border-right:1px solid #e8e5ef}.account-summary-item:last-child{border-right:none}.summary-label{margin-bottom:5px;color:#888397;font-size:8px;text-transform:uppercase;font-weight:500}.account-summary-item strong{color:#353149;font-size:11px;font-weight:600}.account-status{width:fit-content;padding:4px 9px;border-radius:20px;font-size:8px;font-weight:600}.status-active{background:#e5f8f0;color:#26956c}.status-suspended{background:#fff0ef;color:#df625a}@media (max-width: 1000px){.detail-user-main{margin-left:200px;width:calc(100% - 200px)}.detail-user-content{padding:25px}.user-information-grid{grid-template-columns:1fr}.account-summary-card{grid-template-columns:repeat(2,1fr)}.account-summary-item:nth-child(2){border-right:none}.account-summary-item:nth-child(-n+2){border-bottom:1px solid #e8e5ef}}@media (max-width: 700px){.detail-user-main{margin-left:0;width:100%}.detail-user-content{padding:20px 16px 40px}.user-profile-card{align-items:flex-start;flex-direction:column}.user-profile-actions{width:100%}.suspend-button,.edit-profile-button{flex:1}.account-summary-card{grid-template-columns:1fr}.account-summary-item{border-right:none;border-bottom:1px solid #e8e5ef}.account-summary-item:last-child{border-bottom:none}}.detail-user-page .detail-user-content{padding:24px}.detail-user-page .detail-user-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:22px}.detail-user-page .detail-user-heading h1{margin:0;font-size:26px;line-height:1.3;font-weight:700;letter-spacing:-.3px;color:#242331}.detail-user-page .back-button{width:40px;height:40px;border-radius:9px;font-size:22px}.detail-user-page .user-profile-card{min-height:116px;padding:20px 22px;border-radius:12px}.detail-user-page .user-profile-info h2{font-size:19px;font-weight:700}.detail-user-page .user-profile-info p{font-size:14px}.detail-user-page .user-profile-actions button{min-height:40px;padding:0 18px;border-radius:9px;font-size:13px;font-weight:600}.detail-user-page .information-card{padding:20px;border-radius:12px}.detail-user-page .information-header h3{font-size:16px;font-weight:700;color:#292640}.detail-user-page .information-icon{width:26px;height:26px;border-radius:7px;font-size:13px}.detail-user-page .information-field label,.detail-user-page .verification-status label{font-size:11px;letter-spacing:.4px}.detail-user-page .information-value{min-height:36px;padding:0 12px;border-radius:8px;font-size:13px}.detail-user-page .verified-status,.detail-user-page .not-verified-status,.detail-user-page .account-status{min-height:26px;padding:0 12px;border-radius:14px;font-size:12px;font-weight:600}.detail-user-page .verification-date{font-size:12px}.detail-user-page .summary-label{font-size:11px;letter-spacing:.3px}.detail-user-page .account-summary-item strong{font-size:14px}@media (min-width: 1101px){.detail-user-page .detail-user-main{margin-left:220px;width:calc(100% - 220px);max-width:none}.detail-user-page .detail-user-content{width:100%;max-width:1400px;margin-left:auto;margin-right:auto;padding:24px 28px 40px;box-sizing:border-box}}html,body,#root{width:100%;min-height:100%}body{font-family:Poppins,sans-serif;background:#f8f7fc;color:#272343}.pengajuan-eo-page{width:100%;min-height:100vh;display:flex;background:#f8f7fc}.pengajuan-eo-main{flex:1;min-width:0;width:calc(100% - 220px);min-height:100vh;display:flex;flex-direction:column;margin-left:220px}.pengajuan-eo-content{width:100%;min-width:0;padding:32px 36px 50px;overflow-x:hidden}.pengajuan-header{width:100%;display:flex;align-items:flex-start;justify-content:space-between;gap:25px;margin-bottom:25px}.pengajuan-heading{min-width:0}.pengajuan-heading h1{margin:0;font-size:24px;line-height:1.3;font-weight:700;color:#272343}.pengajuan-heading p{margin-top:6px;font-size:12px;line-height:1.5;color:#858197}.pengajuan-actions{flex-shrink:0;display:flex;align-items:center;gap:10px}.filter-button,.export-button{height:38px;padding:0 15px;border-radius:7px;font-family:Poppins,sans-serif;font-size:11px;font-weight:500;cursor:pointer;transition:all .2s ease}.filter-button{display:flex;align-items:center;justify-content:center;gap:7px;background:#fff;border:1px solid #d9d5e7;color:#514d69}.filter-button:hover{border-color:#5d50df;color:#5d50df}.filter-button span{font-size:12px}.export-button{display:flex;align-items:center;justify-content:center;gap:7px;background:#5b4de2;border:1px solid #5b4de2;color:#fff;box-shadow:0 6px 15px #5b4de22e}.export-button:hover{background:#4d40d0;border-color:#4d40d0;transform:translateY(-1px)}.pengajuan-statistics{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:24px}.stat-card{min-width:0;min-height:116px;padding:18px 20px;background:#fff;border:1px solid #e7e3ef;border-radius:11px;box-shadow:0 4px 15px #2e245b0a}.stat-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.stat-label{font-size:8px;font-weight:600;letter-spacing:.6px;color:#858197}.stat-card h2{margin-top:8px;font-size:25px;line-height:1;font-weight:700;color:#292543}.stat-card p{margin-top:7px;font-size:9px;color:#8c889e}.stat-icon{width:30px;height:30px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:8px;font-size:13px;font-weight:600}.pending-icon{background:#fff0dc;color:#e79a30}.approved-icon{background:#dcf8eb;color:#21ae79}.rejected-icon{background:#ffe0df;color:#e55b5b}.application-panel{width:100%;min-width:0;background:#fff;border:1px solid #e5e1ee;border-radius:11px;box-shadow:0 4px 15px #2e245b0a;overflow:hidden}.application-panel-header{width:100%;min-height:67px;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #ebe8f2}.application-panel-header h2{margin:0;font-size:14px;font-weight:600;color:#292543}.application-panel-header p{margin-top:4px;font-size:9px;color:#8a879a}.current-filter{flex-shrink:0;padding:6px 11px;border-radius:6px;background:#f2f0ff;color:#5b4de2;font-size:9px;font-weight:500}.application-list{width:100%;padding:12px 18px 18px}.application-item{width:100%;min-height:66px;padding:11px 12px;display:flex;align-items:center;gap:13px;background:#fff;border:1px solid #e7e3ef;border-radius:8px;margin-bottom:9px;transition:all .2s ease}.application-item:last-child{margin-bottom:0}.application-item:hover{border-color:#d5d0ed;box-shadow:0 4px 12px #5144a60f;transform:translateY(-1px)}.company-icon{width:35px;height:35px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:8px;background:#f0eefb;color:#6558dc;font-size:13px}.company-info{flex:1;min-width:0}.company-info h3{margin:0 0 4px;font-size:11px;line-height:1.4;font-weight:600;color:#302d49;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.company-meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:8px;color:#8a8799}.meta-dot{color:#b7b3c4}.application-status{flex-shrink:0;padding:6px 10px;border-radius:20px;font-size:8px;line-height:1.2;font-weight:500;white-space:nowrap}.application-status.pending{background:#fff0d7;color:#d89024}.application-status.approved{background:#d9f7e9;color:#20a974}.application-status.rejected{background:#ffe1e1;color:#df5a5a}.detail-button{flex-shrink:0;height:29px;padding:0 11px;border:1px solid #d8d3e8;border-radius:6px;background:#fff;color:#5a4fd4;font-family:Poppins,sans-serif;font-size:8px;font-weight:500;cursor:pointer;transition:all .2s ease}.detail-button:hover{background:#5b4de2;border-color:#5b4de2;color:#fff}.empty-application{min-height:150px;display:flex;align-items:center;justify-content:center;color:#9793a6;font-size:11px}@media (max-width: 1000px){.pengajuan-eo-main{width:calc(100% - 200px);margin-left:200px}.pengajuan-eo-content{padding:25px}.pengajuan-statistics{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.stat-card{padding:16px}}@media (max-width: 800px){.pengajuan-header{flex-direction:column}.pengajuan-actions{width:100%}.filter-button,.export-button{flex:1}.pengajuan-statistics{grid-template-columns:1fr}.application-item{flex-wrap:wrap}.company-info{flex:1;min-width:200px}}@media (max-width: 600px){.pengajuan-eo-main{width:100%;margin-left:0}.pengajuan-eo-content{padding:20px 15px 35px}.pengajuan-heading h1{font-size:21px}.pengajuan-heading p{font-size:11px}.application-panel-header{align-items:flex-start;flex-direction:column}.current-filter{display:none}.application-item{align-items:flex-start;padding:13px}.company-info{width:calc(100% - 48px);flex:none}.application-status{margin-left:48px}.detail-button{margin-left:auto}}@media (max-width: 400px){.pengajuan-actions{flex-direction:column}.filter-button,.export-button{width:100%}.application-list{padding:10px}.application-item{gap:10px}.company-info h3{white-space:normal}.application-status,.detail-button{margin-left:0}}.pengajuan-eo-page .pengajuan-eo-content{padding:24px}.pengajuan-eo-page .pengajuan-header{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:22px}.pengajuan-eo-page .pengajuan-heading h1{margin:0;font-size:26px;line-height:1.3;font-weight:700;letter-spacing:-.3px;color:#242331}.pengajuan-eo-page .pengajuan-heading p{margin:6px 0 0;font-size:14px;line-height:1.5;color:#6f7482}.pengajuan-eo-page .filter-button,.pengajuan-eo-page .export-button,.pengajuan-eo-page .filter-select{height:42px;padding:0 18px;border-radius:9px;font-size:14px;font-weight:600}.pengajuan-eo-page .filter-wrapper{display:inline-flex;align-items:center;gap:8px;min-width:0}.pengajuan-eo-page .filter-select-label{font-size:12px;font-weight:600;letter-spacing:.4px;color:#6f7482;white-space:nowrap}.pengajuan-eo-page .filter-select{font-family:Poppins,sans-serif;background:#fff;border:1px solid #d9d5e7;color:#33304a;cursor:pointer;outline:none;max-width:220px}.pengajuan-eo-page .filter-select:hover{border-color:#5d50df}.pengajuan-eo-page .filter-select:focus{border-color:#5d50df;box-shadow:0 0 0 3px #5d50df24}@media (max-width: 800px){.pengajuan-eo-page .filter-wrapper{flex:1 1 auto;min-width:0}.pengajuan-eo-page .filter-select{flex:1 1 auto;min-width:0;max-width:none}}@media (max-width: 400px){.pengajuan-eo-page .filter-wrapper,.pengajuan-eo-page .filter-select{width:100%}}.pengajuan-eo-page .pengajuan-statistics{gap:16px;margin-bottom:24px}.pengajuan-eo-page .stat-card{min-height:130px;padding:20px 22px;border-radius:12px}.pengajuan-eo-page .stat-label{font-size:13px;letter-spacing:.5px}.pengajuan-eo-page .stat-card h2{margin-top:10px;font-size:32px}.pengajuan-eo-page .stat-card p{margin-top:8px;font-size:13px}.pengajuan-eo-page .stat-icon{width:36px;height:36px;border-radius:10px;font-size:13px}.pengajuan-eo-page .application-panel{border-radius:12px}.pengajuan-eo-page .application-panel-header h2{font-size:17px}.pengajuan-eo-page .application-panel-header p{font-size:14px}.pengajuan-eo-page .company-info h3{font-size:15px}.pengajuan-eo-page .company-info p{font-size:13px}.pengajuan-eo-page .company-meta{margin-top:2px;font-size:13px}.pengajuan-eo-page .current-filter{padding:6px 12px;border-radius:8px;font-size:13px;font-weight:500}.pengajuan-eo-page .empty-application{font-size:13px}.pengajuan-eo-page .application-status{padding:5px 12px;border-radius:16px;font-size:12px}.pengajuan-eo-page .detail-button{height:36px;padding:0 16px;border-radius:8px;font-size:13px;font-weight:600}@media (min-width: 1101px){.pengajuan-eo-page .pengajuan-eo-main{margin-left:220px;width:calc(100% - 220px);max-width:none}.pengajuan-eo-page .pengajuan-eo-content{width:100%;max-width:1400px;margin-left:auto;margin-right:auto;padding:24px 28px 40px;box-sizing:border-box}}.admin-dashboard{display:flex;min-height:100vh;background-color:#f8fafc}.dashboard-wrapper{flex:1;display:flex;flex-direction:column;min-width:0;width:calc(100% - 260px)}.dashboard-main{flex:1;display:flex;flex-direction:column;background-color:#f8fafc}.dashboard-content{padding:24px 32px;width:100%;box-sizing:border-box}.back-section{margin-bottom:14px}.btn-back{background:none;border:none;cursor:pointer;color:#6366f1;font-weight:600;display:flex;align-items:center;gap:6px;font-size:13px;padding:0}.page-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;width:100%}.header-title-group{display:flex;align-items:center;gap:12px}.page-title{font-size:20px;font-weight:700;color:#111827;margin:0}.badge-status.pending{background:#fef3c7;color:#d97706;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:700}.submission-date{color:#6b7280;font-size:13px}.review-grid-layout{display:grid;grid-template-columns:1fr 380px;gap:24px;align-items:start;width:100%}.review-left-column{display:flex;flex-direction:column;gap:16px;width:100%}.info-card{background:#fff;padding:20px 24px;border-radius:12px;border:1px solid #e5e7eb;width:100%;box-sizing:border-box;box-shadow:0 1px 3px #0000000a}.card-section-title{font-size:15px;font-weight:700;margin-bottom:14px;color:#1f2937}.info-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px 24px;width:100%}.info-label{font-size:10px;color:#9ca3af;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.info-value{font-size:13px;font-weight:600;color:#374151;margin-top:3px;word-break:break-word}.document-list{display:flex;flex-direction:column;gap:10px;width:100%}.document-item{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:#f9fafb;border-radius:8px;border:1px solid #f3f4f6;width:100%;box-sizing:border-box}.document-info-group{display:flex;align-items:center;gap:12px}.doc-icon{font-size:18px}.doc-name{font-size:13px;font-weight:600;color:#111827;margin:0}.doc-size{font-size:11px;color:#6b7280;margin:0}.btn-outline-doc{padding:6px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:11px;font-weight:600;background:#fff;color:#374151;cursor:pointer;transition:background .2s}.btn-outline-doc:hover{background:#f3f4f6}.review-right-column{position:relative;width:100%}.action-card-sticky{background:#fff;padding:20px 24px;border-radius:12px;border:1px solid #e5e7eb;position:sticky;top:24px;box-shadow:0 1px 3px #0000000a;width:100%;box-sizing:border-box}.action-button-group{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}.btn-action-reject{padding:9px;border-radius:8px;border:1px solid #ef4444;background:#fff;color:#ef4444;font-weight:600;font-size:12.5px;cursor:pointer;transition:background .2s,border-color .2s,color .2s}.btn-action-reject:hover{background:#fee2e2}.btn-action-reject.selected{background:#ef4444;color:#fff;border-color:#ef4444}.btn-action-reject.deselected{background:#fff;color:#ef4444;border-color:#ef4444;opacity:.6}.btn-action-approve{padding:9px;border-radius:8px;border:none;background:#4f46e5;color:#fff;font-weight:600;font-size:12.5px;cursor:pointer;transition:background .2s,border-color .2s,color .2s}.btn-action-approve:hover{background:#4338ca}.btn-action-approve.selected{background:#4f46e5;color:#fff;border-color:#4f46e5}.btn-action-approve.deselected{background:#fff;color:#4f46e5;border:1px solid #4f46e5;opacity:.6}.notes-group{margin-bottom:14px}.textarea-notes{width:100%;padding:10px;border-radius:8px;border:1px solid #d1d5db;font-size:12px;resize:vertical;outline:none;font-family:inherit;box-sizing:border-box}.textarea-notes:focus{border-color:#4f46e5}.btn-confirm-decision{width:100%;padding:11px;background:#4f46e5;color:#fff;border:none;border-radius:8px;font-weight:700;font-size:12.5px;cursor:pointer;transition:background .2s}.btn-confirm-decision:hover{background:#4338ca}.dashboard-wrapper header h1,.dashboard-wrapper header p,.dashboard-wrapper .navbar h1,.dashboard-wrapper .navbar p,.dashboard-wrapper [class*=navbar] h1,.dashboard-wrapper [class*=navbar] p{display:none!important}.admin-dashboard .dashboard-wrapper .page-header-row{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:22px}.admin-dashboard .dashboard-wrapper .page-title{font-size:26px;line-height:1.3;font-weight:700;letter-spacing:-.3px;color:#242331}.admin-dashboard .dashboard-wrapper .btn-back{font-size:14px}.admin-dashboard .dashboard-wrapper .badge-status{height:28px;padding:0 14px;display:inline-flex;align-items:center;border-radius:16px;font-size:12px;font-weight:600}.admin-dashboard .dashboard-wrapper .submission-date{font-size:14px;color:#6f7482}.admin-dashboard .dashboard-wrapper .info-card,.admin-dashboard .dashboard-wrapper .action-card-sticky{padding:22px 24px;border-radius:12px}.admin-dashboard .dashboard-wrapper .card-section-title{font-size:17px;font-weight:700;color:#1f2937}.admin-dashboard .dashboard-wrapper .info-label{font-size:12px;letter-spacing:.4px}.admin-dashboard .dashboard-wrapper .info-value,.admin-dashboard .dashboard-wrapper .doc-name{font-size:14px;font-weight:600}.admin-dashboard .dashboard-wrapper .doc-size{font-size:12px}.admin-dashboard .dashboard-wrapper .btn-outline-doc{min-height:36px;padding:0 14px;border-radius:8px;font-size:13px;font-weight:600}.admin-dashboard .dashboard-wrapper .btn-action-reject,.admin-dashboard .dashboard-wrapper .btn-action-approve{min-height:44px;border-radius:10px;font-size:14px;font-weight:600}.admin-dashboard .dashboard-wrapper .btn-confirm-decision{min-height:46px;border-radius:10px;font-size:14px;font-weight:600}.admin-dashboard .dashboard-wrapper .textarea-notes{padding:12px;border-radius:9px;font-size:13px}@media (min-width: 1101px){.admin-dashboard .dashboard-wrapper{flex:1 1 auto;display:flex;flex-direction:column;min-width:0;width:auto;margin-left:220px;box-sizing:border-box}.admin-dashboard .dashboard-wrapper .dashboard-main{flex:1 1 auto;display:flex;flex-direction:column;width:auto;min-width:0;margin-left:0;background:transparent}.admin-dashboard .dashboard-wrapper .dashboard-content{width:100%;max-width:1400px;margin-left:auto;margin-right:auto;padding:24px 28px 40px;box-sizing:border-box}}.transaction-page{width:100%;min-height:100vh;display:flex;background:#f8f7fc;font-family:Poppins,sans-serif;color:#292543}.transaction-main{flex:1;min-width:0;min-height:100vh;margin-left:220px;display:flex;flex-direction:column}.transaction-content{width:100%;padding:32px 40px;min-width:0;overflow-x:hidden}.transaction-header{width:100%;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.transaction-header h1{margin:0;font-size:23px;font-weight:700;color:#292543}.transaction-header p{margin-top:5px;font-size:10px;color:#89859a}.transaction-header-actions{display:flex;align-items:center;gap:9px;flex-shrink:0}.date-filter{height:34px;padding:0 11px;border:1px solid #ddd9e9;border-radius:6px;background:#fff;color:#5d5872;font-family:Poppins,sans-serif;font-size:9px;outline:none;cursor:pointer}.date-filter:focus{border-color:#5b4de2}.export-button{height:34px;padding:0 13px;display:flex;align-items:center;justify-content:center;gap:6px;border:none;border-radius:6px;background:#5b4de2;color:#fff;font-family:Poppins,sans-serif;font-size:9px;font-weight:500;cursor:pointer;box-shadow:0 5px 12px #5b4de22e;transition:.2s ease}.export-button:hover{background:#4d40d0;transform:translateY(-1px)}.transaction-statistics{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-bottom:22px}.transaction-stat-card{min-width:0;min-height:108px;padding:17px 18px;display:flex;align-items:flex-start;justify-content:space-between;background:#fff;border:1px solid #e8e4f0;border-radius:10px;box-shadow:0 4px 14px #352b5f0a}.stat-card-content{min-width:0}.stat-title{display:block;font-size:7px;font-weight:600;letter-spacing:.6px;color:#817d93}.transaction-stat-card h2{margin-top:8px;font-size:20px;line-height:1;font-weight:700;color:#292543}.stat-positive,.stat-negative{margin-top:7px;font-size:7px}.stat-positive{color:#21a875}.stat-negative{color:#df5d61}.stat-icon{width:29px;height:29px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:8px;font-size:9px;font-weight:600}.revenue-icon{background:#e9e6ff;color:#5b4de2}.success-icon{background:#dcf8eb;color:#22ad78}.warning-icon{background:#ffe0de;color:#df5d61}.transaction-panel{width:100%;min-width:0;background:#fff;border:1px solid #e5e1ed;border-radius:10px;box-shadow:0 4px 14px #352b5f0a;overflow:hidden}.transaction-toolbar{width:100%;padding:11px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #ebe8f1}.transaction-search{flex:1;min-width:180px;height:32px;display:flex;align-items:center;padding:0 10px;border:1px solid #ded9e9;border-radius:6px;background:#fff}.search-icon{margin-right:7px;font-size:15px;color:#8d899d}.transaction-search input{width:100%;border:none;outline:none;background:transparent;font-family:Poppins,sans-serif;font-size:8px;color:#403c55}.transaction-search input::placeholder{color:#a29eae}.status-filters{display:flex;align-items:center;gap:5px;flex-shrink:0}.status-filter{height:27px;padding:0 9px;border:1px solid #ded9e9;border-radius:13px;background:#f7f5fb;color:#69647b;font-family:Poppins,sans-serif;font-size:7px;cursor:pointer;transition:.2s ease}.status-filter:hover{border-color:#5b4de2;color:#5b4de2}.status-filter.active{background:#5b4de2;border-color:#5b4de2;color:#fff}.transaction-table-wrapper{width:100%;overflow-x:auto}.transaction-table{width:100%;min-width:720px;border-collapse:collapse;table-layout:fixed}.transaction-table th{height:36px;padding:0 10px;text-align:left;background:#faf9fd;border-bottom:1px solid #e7e3ef;color:#817d92;font-size:7px;font-weight:600;letter-spacing:.4px}.transaction-table th:nth-child(1){width:15%}.transaction-table th:nth-child(2){width:23%}.transaction-table th:nth-child(3){width:25%}.transaction-table th:nth-child(4){width:15%}.transaction-table th:nth-child(5){width:22%}.transaction-table td{height:51px;padding:7px 10px;border-bottom:1px solid #eeeaf4;vertical-align:middle;font-size:8px;color:#555169}.transaction-table tbody tr:hover{background:#fbfaff}.transaction-table tbody tr:last-child td{border-bottom:none}.transaction-id{padding:0;border:none;background:transparent;color:#5b4de2;font-family:Poppins,sans-serif;font-size:8px;cursor:pointer}.transaction-id:hover{text-decoration:underline}.customer-info{display:flex;align-items:center;gap:8px;min-width:0}.customer-avatar{width:25px;height:25px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#eeeafd;color:#6558d8;font-size:7px;font-weight:600}.customer-info>div:last-child{min-width:0}.customer-info strong{display:block;font-size:8px;font-weight:500;color:#37334d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.customer-info span{display:block;margin-top:2px;font-size:6px;color:#9a96a7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.event-name{display:block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#4d4960}.amount{color:#4a465c;white-space:nowrap}.status-date{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.transaction-status{display:inline-flex;align-items:center;gap:4px;padding:4px 7px;border-radius:12px;font-size:6px;font-weight:500;white-space:nowrap}.status-dot{font-size:5px}.transaction-status.paid{background:#daf5e9;color:#1da472}.transaction-status.pending{background:#fff0d6;color:#d99227}.transaction-status.failed{background:#ffe0df;color:#dc5b5d}.transaction-date{font-size:6px;color:#9691a4}.empty-transaction{height:120px!important;text-align:center;color:#9994a8!important}.transaction-footer{min-height:42px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid #ebe8f2;font-size:7px;color:#898598}.pagination{display:flex;align-items:center;gap:3px}.pagination button{font-family:Poppins,sans-serif;cursor:pointer}.pagination-arrow,.pagination-number{width:22px;height:22px;display:flex;align-items:center;justify-content:center;border-radius:5px}.pagination-arrow{border:1px solid #e1ddea;background:#fff;color:#777287}.pagination-number{border:none;background:transparent;color:#676276;font-size:7px}.pagination-number:hover{background:#f0eeff;color:#5b4de2}.pagination-number.active{background:#5b4de2;color:#fff}.pagination-dots{padding:0 2px;color:#8d899c}@media (max-width: 1000px){.transaction-main{margin-left:200px}.transaction-content{padding:24px 22px 40px}.transaction-toolbar{align-items:stretch;flex-direction:column}.transaction-search{width:100%}.status-filters{justify-content:flex-start}}@media (max-width: 600px){.transaction-main{width:100%;margin-left:0}.transaction-content{padding:20px 15px 35px}.transaction-header{align-items:flex-start;flex-direction:column}.transaction-header-actions{width:100%}.date-filter,.export-button{flex:1}.transaction-statistics{grid-template-columns:1fr}.transaction-footer{align-items:flex-start;flex-direction:column;padding:12px}}.transaction-page .transaction-content{padding:24px}.transaction-page .transaction-header{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:22px}.transaction-page .transaction-header h1{margin:0;font-size:26px;line-height:1.3;font-weight:700;letter-spacing:-.3px;color:#242331}.transaction-page .transaction-header p{margin:6px 0 0;font-size:14px;line-height:1.5;color:#6f7482}.transaction-page .date-filter{height:40px;padding:0 14px;border-radius:8px;font-size:13px}.transaction-page .export-button{height:40px;padding:0 18px;border-radius:8px;font-size:14px;font-weight:600}.transaction-page .transaction-stat-card{min-height:130px;padding:20px 22px;border-radius:12px}.transaction-page .transaction-statistics{gap:16px;margin-bottom:24px}.transaction-page .stat-title{font-size:13px;letter-spacing:.5px}.transaction-page .transaction-stat-card h2{margin-top:10px;font-size:32px}.transaction-page .stat-positive,.transaction-page .stat-negative{margin-top:8px;font-size:13px}.transaction-page .stat-icon{width:36px;height:36px;border-radius:10px;font-size:13px}.transaction-page .transaction-search{height:40px;border-radius:8px}.transaction-page .transaction-search input{font-size:14px}.transaction-page .status-filter{height:34px;padding:0 14px;border-radius:17px;font-size:13px}.transaction-page .transaction-table th{height:44px;padding:0 14px;font-size:13px;color:#555060;letter-spacing:.2px}.transaction-page .transaction-table td{height:56px;padding:8px 14px;font-size:14px;color:#393445}.transaction-page .transaction-id{font-size:14px}.transaction-page .customer-avatar{width:30px;height:30px;font-size:11px}.transaction-page .customer-info strong{font-size:14px;font-weight:600}.transaction-page .customer-info span{margin-top:2px;font-size:13px;color:#6f7482}.transaction-page .transaction-status{gap:6px;padding:5px 12px;border-radius:16px;font-size:12px}.transaction-page .status-dot{font-size:10px}.transaction-page .transaction-date{font-size:12px}.transaction-page .transaction-footer{min-height:50px;font-size:13px}.transaction-page .pagination{gap:5px}.transaction-page .pagination-arrow,.transaction-page .pagination-number{width:32px;height:32px;border-radius:7px;font-size:13px}@media (min-width: 1101px){.transaction-page .transaction-main{margin-left:220px;width:calc(100% - 220px);max-width:none}.transaction-page .transaction-content{width:100%;max-width:1400px;margin-left:auto;margin-right:auto;padding:24px 28px 40px;box-sizing:border-box}.transaction-page .transaction-table th{font-size:13px;font-weight:600;letter-spacing:.2px}.transaction-page .transaction-table td{font-size:14px}}*{margin:0;padding:0;box-sizing:border-box}.ticket-page{width:100%;min-height:100vh;display:flex;background:#f8f7fc;font-family:Poppins,sans-serif;color:#292543}.ticket-main{flex:1;min-width:0;min-height:100vh;margin-left:220px;display:flex;flex-direction:column}.ticket-content{width:100%;min-width:0;padding:32px 40px;overflow-x:hidden}.ticket-header{width:100%;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.ticket-heading{min-width:0}.ticket-heading h1{font-size:23px;line-height:1.3;font-weight:700;color:#292543}.ticket-heading p{margin-top:5px;font-size:10px;color:#8c879c}.ticket-header-actions{display:flex;align-items:center;gap:9px;flex-shrink:0}.ticket-export-button,.add-ticket-button{height:34px;padding:0 13px;display:flex;align-items:center;justify-content:center;gap:6px;border-radius:6px;font-family:Poppins,sans-serif;font-size:9px;font-weight:500;cursor:pointer;transition:.2s ease}.ticket-export-button{background:#fff;border:1px solid #ddd8e9;color:#625d72}.ticket-export-button:hover{border-color:#5b4de2;color:#5b4de2}.add-ticket-button{background:#5b4de2;border:1px solid #5b4de2;color:#fff;box-shadow:0 5px 12px #5b4de22e}.add-ticket-button:hover{background:#4d40d0;transform:translateY(-1px)}.ticket-statistics{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-bottom:22px}.ticket-stat-card{min-width:0;min-height:112px;padding:17px 18px;display:flex;align-items:flex-start;justify-content:space-between;background:#fff;border:1px solid #e7e3ef;border-radius:10px;box-shadow:0 4px 14px #352b5f0a}.ticket-stat-content{min-width:0;width:100%}.ticket-stat-label{display:block;font-size:7px;font-weight:600;letter-spacing:.5px;color:#817c91}.ticket-stat-card h2{margin-top:7px;font-size:21px;line-height:1;font-weight:700;color:#292543}.ticket-stat-number-row{display:flex;align-items:center;gap:7px}.ticket-growth{margin-top:6px;font-size:7px;color:#20a976}.ticket-stat-icon{width:29px;height:29px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:8px;font-size:10px;font-weight:600}.purple-icon{background:#ebe8ff;color:#5b4de2}.revenue-icon{background:#f5eee5;color:#c18a42}.ticket-stat-footer{margin-top:14px;display:flex;justify-content:space-between;gap:10px;font-size:7px;color:#888397}.ticket-stat-footer span{white-space:nowrap}.availability-row{display:flex;align-items:baseline;gap:6px}.availability-row span{font-size:7px;color:#8d899b}.availability-bar{width:100%;height:4px;margin-top:12px;border-radius:5px;background:#ece9f5;overflow:hidden}.availability-progress{width:68%;height:100%;border-radius:inherit;background:#5b4de2}.availability-footer{margin-top:6px;display:flex;justify-content:space-between;font-size:6px;color:#8d899b}.availability-circle{width:30px;height:30px;flex-shrink:0;border-radius:50%;border:4px solid #e3f1ec;border-top-color:#72c8a7;border-right-color:#72c8a7;transform:rotate(25deg);display:flex;align-items:center;justify-content:center}.circle-inner{width:14px;height:14px;border-radius:50%;background:#fff}.revenue-number{font-size:21px!important}.revenue-tags{margin-top:12px;display:flex;gap:5px}.revenue-tags span{padding:4px 6px;border-radius:4px;background:#f4f0fa;color:#756f85;font-size:6px}.recent-ticket-panel{width:100%;min-width:0;background:#fff;border:1px solid #e5e1ed;border-radius:10px;box-shadow:0 4px 14px #352b5f0a;overflow:hidden}.recent-ticket-header{min-height:53px;padding:0 15px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ebe8f2}.recent-ticket-header h2{font-size:11px;font-weight:600;color:#312d48}.view-all-button{padding:0;border:none;background:transparent;color:#5b4de2;font-family:Poppins,sans-serif;font-size:7px;cursor:pointer}.view-all-button:hover{text-decoration:underline}.ticket-search-wrapper{padding:10px 12px 5px}.ticket-search{width:100%;height:30px;display:flex;align-items:center;padding:0 10px;border:1px solid #ded9e9;border-radius:6px;background:#fff}.ticket-search-icon{margin-right:7px;font-size:14px;color:#918ca0}.ticket-search input{width:100%;border:none;outline:none;background:transparent;font-family:Poppins,sans-serif;font-size:8px;color:#49445b}.ticket-search input::placeholder{color:#aaa5b5}.ticket-list{width:100%;padding:5px 12px 10px}.ticket-item{min-height:62px;padding:10px;display:flex;align-items:center;gap:11px;border:1px solid #ebe7f1;border-radius:7px;margin-bottom:7px;transition:.2s ease}.ticket-item:last-child{margin-bottom:0}.ticket-item:hover{background:#fcfbff;border-color:#d9d3ed;box-shadow:0 4px 10px #4639820d}.ticket-item-icon{width:29px;height:29px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:7px;font-size:11px}.ticket-item-icon.purple{background:#e9e6ff;color:#5b4de2}.ticket-item-icon.orange{background:#fff0dc;color:#e39b3c}.ticket-item-icon.blue{background:#e5efff;color:#4f86df}.ticket-item-icon.green{background:#e0f7ec;color:#27a875}.ticket-page .ticket-item-icon.checked{background:#1a9e6b;color:#fff;font-weight:700;font-size:14px}.ticket-item-info{flex:1;min-width:0;cursor:pointer}.ticket-item-info h3{margin-bottom:3px;font-size:8px;font-weight:600;color:#37324d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ticket-item-meta{display:flex;align-items:center;gap:5px;font-size:6px;color:#918c9f}.meta-separator{color:#c0bcc8}.ticket-price{min-width:75px;display:flex;flex-direction:column;align-items:flex-end;gap:3px}.ticket-price strong{font-size:8px;font-weight:500;color:#39354c}.ticket-price span{font-size:6px;color:#9893a3}.ticket-status{min-width:48px;padding:4px 7px;display:flex;align-items:center;justify-content:center;gap:4px;border-radius:12px;font-size:6px;font-weight:500}.ticket-status span{font-size:5px}.ticket-status.issued{background:#dcf6ea;color:#20a874}.ticket-status.pending{background:#fff0d8;color:#d99228}.ticket-more-button{width:22px;height:25px;border:none;background:transparent;color:#888399;font-size:14px;cursor:pointer;border-radius:5px}.ticket-more-button:hover{background:#f1eff8;color:#5b4de2}.ticket-action-button{min-width:86px;height:30px;padding:0 12px;border-radius:8px;font-family:Poppins,sans-serif;font-size:12px;font-weight:600;white-space:nowrap;cursor:pointer;transition:background .2s ease}.ticket-action-button.checkin{border:none;background:#1a9e6b;color:#fff}.ticket-action-button.checkin:hover{background:#14855a}.ticket-action-button.revoke{border:1px solid #ff8f8f;background:#fff;color:#ee4141}.ticket-action-button.revoke:hover{background:#fff2f2}.ticket-page .ticket-item.is-used{background:#f4faf7;border-color:#cdeadb;box-shadow:inset 4px 0 #1a9e6b}.ticket-page .ticket-item.is-open{box-shadow:inset 4px 0 #2f6fde}.ticket-page .ticket-item.is-used:hover{background:#eef8f3;border-color:#b8e2cd}.ticket-empty{min-height:100px;display:flex;align-items:center;justify-content:center;color:#9691a3;font-size:9px}.ticket-panel-footer{min-height:40px;padding:0 13px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ebe8f2;color:#8c8799;font-size:7px}.ticket-pagination{display:flex;align-items:center;gap:3px}.ticket-page-button,.ticket-page-arrow{width:22px;height:22px;display:flex;align-items:center;justify-content:center;border-radius:5px;font-family:Poppins,sans-serif;font-size:7px;cursor:pointer}.ticket-page-button{border:none;background:transparent;color:#6e697c}.ticket-page-button:hover{background:#f0eeff;color:#5b4de2}.ticket-page-button.active{background:#5b4de2;color:#fff}.ticket-page-arrow{border:1px solid #e0dce8;background:#fff;color:#777286}@media (max-width: 1000px){.ticket-main{margin-left:200px}.ticket-content{padding:24px 22px 40px}.ticket-statistics{gap:10px}.ticket-stat-card{padding:15px}}@media (max-width: 800px){.ticket-header{align-items:flex-start;flex-direction:column}.ticket-header-actions{width:100%}.ticket-export-button,.add-ticket-button{flex:1}.ticket-statistics{grid-template-columns:1fr}.ticket-item{flex-wrap:wrap}.ticket-item-info{min-width:180px}}@media (max-width: 600px){.ticket-main{width:100%;margin-left:0}.ticket-content{padding:20px 15px 35px}.ticket-header-actions{flex-direction:column}.ticket-export-button,.add-ticket-button{width:100%}.ticket-item{align-items:flex-start}.ticket-price{margin-left:40px;align-items:flex-start}.ticket-status{margin-left:40px}.ticket-more-button{margin-left:auto}.ticket-panel-footer{align-items:flex-start;flex-direction:column;gap:10px;padding:10px 13px}}.ticket-page .ticket-content{padding:24px}.ticket-page .ticket-header{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:22px}.ticket-page .ticket-heading h1{margin:0;font-size:26px;line-height:1.3;font-weight:700;letter-spacing:-.3px;color:#242331}.ticket-page .ticket-heading p{margin:6px 0 0;font-size:14px;line-height:1.5;color:#6f7482}.ticket-page .ticket-export-button,.ticket-page .add-ticket-button{height:40px;padding:0 18px;border-radius:8px;font-size:14px;font-weight:600}.ticket-page .ticket-stat-card{min-height:130px;padding:20px 22px;border-radius:12px}.ticket-page .ticket-statistics{gap:16px;margin-bottom:24px}.ticket-page .ticket-stat-icon{width:36px;height:36px;border-radius:10px;font-size:13px}.ticket-page .ticket-stat-label{font-size:13px;letter-spacing:.5px}.ticket-page .ticket-stat-card h2{font-size:32px}.ticket-page .ticket-growth,.ticket-page .ticket-stat-footer{font-size:13px}.ticket-page .recent-ticket-header h2{font-size:17px}.ticket-page .view-all-button{font-size:13px}.ticket-page .ticket-search{height:40px;border-radius:8px}.ticket-page .ticket-search input{font-size:14px}.ticket-page .ticket-item{min-height:70px;padding:12px 14px;border-radius:10px}.ticket-page .ticket-item-icon{width:36px;height:36px;border-radius:9px;font-size:14px}.ticket-page .ticket-item-info h3{font-size:15px;font-weight:600}.ticket-page .ticket-item-meta{font-size:13px}.ticket-page .ticket-price strong{font-size:14px;font-weight:600}.ticket-page .ticket-price span{font-size:13px}.ticket-page .ticket-status{min-width:64px;padding:5px 12px;border-radius:16px;font-size:12px;font-weight:600;letter-spacing:.2px;white-space:nowrap}.ticket-page .ticket-status span{font-size:12px}.ticket-page .ticket-status.unredeemed,.ticket-page .ticket-status.issued{background:#e5efff;color:#2f6fde}.ticket-page .ticket-status.used{background:#dcf6ea;color:#1a9e6b}.ticket-page .ticket-status.expired{background:#ecebf0;color:#6b6778}.ticket-page .ticket-status.refunded{background:#ebe8ff;color:#5b4de2}.ticket-page .ticket-status.revoked{background:#ffe0df;color:#c93a3d}.ticket-page .ticket-status.pending{background:#fff0d8;color:#b97a1a}.ticket-page .ticket-more-button{width:30px;height:30px;font-size:16px;border-radius:7px}.ticket-page .ticket-panel-footer{min-height:50px;font-size:13px}.ticket-page .ticket-pagination{gap:5px}.ticket-page .ticket-page-button,.ticket-page .ticket-page-arrow{width:32px;height:32px;border-radius:7px;font-size:13px}@media (min-width: 1101px){.ticket-page .ticket-main{margin-left:220px;width:calc(100% - 220px);max-width:none}.ticket-page .ticket-content{width:100%;max-width:1400px;margin-left:auto;margin-right:auto;padding:24px 28px 40px;box-sizing:border-box}}.platform-container{display:flex;min-height:100vh;background-color:#f8f9fc}.platform-main{margin-left:220px;flex-grow:1;display:flex;flex-direction:column}.platform-content{padding:32px;max-width:1000px;width:100%;margin:0 auto}.platform-header{margin-bottom:24px}.platform-header h2{font-size:22px;font-weight:800;color:#111;margin-bottom:4px}.platform-header p{font-size:12px;color:#777283}.settings-card{background:#fff;border:1px solid #e9e6f1;border-radius:12px;padding:24px}.settings-tabs{display:flex;border-bottom:1px solid #e9e6f1;margin-bottom:24px}.tab-item{background:none;border:none;padding:10px 16px;font-size:13px;font-weight:600;color:#777283;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px}.tab-item.active{color:#5868ee;border-bottom-color:#5868ee}.settings-form-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:32px}.settings-left-column{display:flex;flex-direction:column;gap:16px}.settings-right-column{display:flex;flex-direction:column;gap:8px}.settings-right-column>label{font-size:12px;font-weight:700;color:#111;margin-bottom:4px}.form-hint-title{font-size:10px;font-weight:700;color:#777283;letter-spacing:.5px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:10px;font-weight:700;color:#777283;letter-spacing:.5px}.form-control{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:12px;color:#333;background-color:#fff;outline:none;font-family:inherit}.form-control:focus{border-color:#5868ee;box-shadow:0 0 0 2px #5868ee1a}.form-hint{font-size:10px;color:#9994a6}.upload-box{border:2px dashed #d1d5db;border-radius:8px;padding:24px 16px;text-align:center;background-color:#fafafa;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:6px}.upload-icon{font-size:24px;color:#777283}.upload-box p{font-size:11px;font-weight:600;color:#374151}.upload-box span{font-size:9px;color:#9ca3af}.current-logo-preview{margin-top:12px;display:flex;flex-direction:column;gap:6px}.logo-label{font-size:10px;color:#777283}.logo-badge{background:#f3f1ff;color:#574bd7;padding:8px 12px;border-radius:6px;font-size:11px;font-weight:600;display:inline-block;border:1px solid #e0dbf8}.settings-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:32px;padding-top:16px;border-top:1px solid #e9e6f1}.btn-cancel{background:#fff;border:1px solid #d1d5db;color:#374151;padding:10px 18px;border-radius:8px;font-weight:600;font-size:12px;cursor:pointer}.btn-save{background:linear-gradient(135deg,#5b63ed,#6e50dd);color:#fff;border:none;padding:10px 18px;border-radius:8px;font-weight:600;font-size:12px;cursor:pointer;box-shadow:0 4px 12px #5b5be633}.btn-save:hover{opacity:.9}@media (max-width: 700px){.platform-main{margin-left:0}.settings-form-grid{grid-template-columns:1fr}}.platform-container .platform-content{padding:24px}.platform-container .platform-header{margin-bottom:22px}.platform-container .platform-header h2{margin:0 0 6px;font-size:26px;line-height:1.3;font-weight:700;letter-spacing:-.3px;color:#242331}.platform-container .platform-header p{margin:0;font-size:14px;color:#6f7482}.platform-container .settings-card{padding:24px;border-radius:12px}.platform-container .tab-item{padding:12px 18px;font-size:14px;font-weight:600}.platform-container .form-group label,.platform-container .settings-right-column>label{font-size:12px;letter-spacing:.4px}.platform-container .form-control{padding:12px 14px;border-radius:9px;font-size:14px}.platform-container .form-hint,.platform-container .form-hint-title{font-size:12px}.platform-container .btn-cancel,.platform-container .btn-save{min-height:42px;padding:0 20px;border-radius:10px;font-size:14px;font-weight:600}.platform-container .logo-badge{font-size:13px;padding:8px 14px;border-radius:8px}.platform-container .upload-box p{font-size:13px}.platform-container .upload-box span{font-size:12px}.platform-container select.form-control{color:#242331;background-color:#fff;font-weight:500;opacity:1;-webkit-text-fill-color:#242331;text-overflow:ellipsis}.platform-container select.form-control option{color:#242331;background-color:#fff;font-size:14px}.platform-container select.form-control:focus{border-color:#5868ee;box-shadow:0 0 0 2px #5868ee26;color:#242331}@media (min-width: 1101px){.platform-container .platform-main{margin-left:220px;width:calc(100% - 220px);max-width:none}.platform-container .platform-content{width:100%;max-width:1400px;margin-left:auto;margin-right:auto;padding:24px 28px 40px;box-sizing:border-box}}.audit-log-page{width:100%;min-height:100vh;background:#fff;font-family:Poppins,sans-serif;color:#252337}.audit-log-main{width:calc(100% - 220px);min-height:100vh;margin-left:220px;background:#fff;box-sizing:border-box}.audit-log-content{width:100%;padding:27px 28px 45px;box-sizing:border-box}.audit-log-header{margin-bottom:20px}.audit-log-header h1{margin:0;color:#171a2b;font-size:28px;line-height:1.2;font-weight:700;letter-spacing:-.7px}.audit-log-header p{margin:6px 0 0;color:#6f7482;font-size:13px;line-height:1.5;font-weight:400}.audit-filter-row{width:100%;display:flex;align-items:center;gap:13px;margin-bottom:20px}.audit-search-box{width:224px;height:38px;display:flex;align-items:center;gap:8px;padding:0 11px;box-sizing:border-box;border:1px solid #e1e3eb;border-radius:7px;background:#fbfcfe;color:#7d8390}.audit-search-box svg{flex-shrink:0;color:#7c8390}.audit-search-box input{width:100%;height:100%;padding:0;border:none;outline:none;background:transparent;color:#353847;font-family:Poppins,sans-serif;font-size:12px;font-weight:400}.audit-search-box input::placeholder{color:#747a88}.audit-date-box{width:168px;height:38px;display:flex;align-items:center;gap:8px;padding:0 10px;box-sizing:border-box;border:1px solid #e1e3eb;border-radius:7px;background:#fbfcfe;color:#7d8390}.audit-date-box svg{flex-shrink:0;color:#7b828f}.audit-date-box input{width:100%;min-width:0;height:100%;padding:0;border:none;outline:none;background:transparent;color:#666c7a;font-family:Poppins,sans-serif;font-size:12px;font-weight:400}.audit-date-box input::-webkit-calendar-picker-indicator{opacity:0;cursor:pointer}.audit-category-box{position:relative;width:150px;height:38px;display:flex;align-items:center;box-sizing:border-box;border:1px solid #e1e3eb;border-radius:7px;background:#fbfcfe}.audit-category-box select{width:100%;height:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0 30px 0 12px;border:none;outline:none;background:transparent;color:#4f5461;font-family:Poppins,sans-serif;font-size:12px;font-weight:400;cursor:pointer}.audit-category-box svg{position:absolute;right:10px;pointer-events:none;color:#737987}.audit-export-button{height:38px;margin-left:auto;padding:0 14px;display:flex;align-items:center;justify-content:center;gap:7px;box-sizing:border-box;border:1px solid #d9dce5;border-radius:7px;background:#fff;color:#454250;font-family:Poppins,sans-serif;font-size:12px;font-weight:500;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease}.audit-export-button:hover{background:#f6f5ff;border-color:#5b4de2;color:#5144d7}.audit-export-button svg{color:#4d5360}.audit-export-button:hover svg{color:#5144d7}.audit-table-card{width:100%;overflow:hidden;box-sizing:border-box;border:1px solid #e2e4ec;border-radius:7px;background:#fff}.audit-table-wrapper{width:100%;overflow-x:auto}.audit-table{width:100%;min-width:880px;border-collapse:collapse;table-layout:fixed}.audit-table thead{background:#f5f5ff}.audit-table th{height:44px;padding:0 14px;box-sizing:border-box;color:#34394b;font-size:10.5px;line-height:1;font-weight:700;letter-spacing:.15px;text-align:left;vertical-align:middle;border-bottom:1px solid #e4e5ed}.audit-table th.time-column{width:95px}.audit-table th.actor-column{width:180px}.audit-table th.activity-column{width:195px}.audit-table th.detail-column{width:auto}.audit-table th.status-column{width:95px}.audit-table th.action-column{width:58px;text-align:center}.audit-table tbody tr{height:82px;border-bottom:1px solid #ececf1;transition:background .15s ease}.audit-table tbody tr:last-child{border-bottom:none}.audit-table tbody tr:hover{background:#fcfcff}.audit-table td{padding:11px 14px;box-sizing:border-box;color:#44495a;font-size:12px;line-height:1.4;vertical-align:middle}.audit-time{display:flex;flex-direction:column;gap:3px}.audit-time strong{display:block;max-width:70px;color:#3e4351;font-size:12px;line-height:1.4;font-weight:500}.audit-time span{color:#6f7482;font-size:10px;line-height:1.4;font-weight:400}.audit-actor{display:flex;align-items:center;gap:10px;min-width:0}.audit-avatar{width:30px;height:30px;min-width:30px;display:flex;align-items:center;justify-content:center;box-sizing:border-box;border-radius:50%}.audit-avatar-photo{background:#e9edf2;color:#707887}.audit-avatar-eo{background:#eef;color:#5044df;font-size:9px;font-weight:600}.audit-avatar-unknown{background:#e9ebef;color:#777d89}.audit-actor-info{min-width:0;display:flex;flex-direction:column;gap:3px}.audit-actor-info strong{overflow:hidden;color:#35394a;font-size:12px;line-height:1.35;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.audit-actor-info span{overflow:hidden;color:#666c7a;font-size:10px;line-height:1.4;font-weight:400;text-overflow:ellipsis;white-space:nowrap}.audit-activity{width:fit-content;max-width:100%;min-height:25px;display:inline-flex;align-items:center;gap:6px;padding:0 10px;box-sizing:border-box;border-radius:14px;font-size:10px;line-height:1;font-weight:400;white-space:nowrap}.audit-activity-ticket{border:1px solid #ddd9ff;background:#f4f2ff;color:#5144d7}.audit-activity-event{border:1px solid #e2e3e8;background:#f4f5f7;color:#626875}.audit-activity-approval{border:1px solid #e1e3e7;background:#f2f3f5;color:#5f6570}.audit-activity-login{border:1px solid #ffc7c5;background:#fff3f2;color:#ef4444}.audit-activity-refund{border:1px solid #e1e3e7;background:#f2f3f5;color:#606671}.audit-detail{max-width:290px;color:#555b6b;font-size:11.5px;line-height:1.5;font-weight:400}.audit-status{width:fit-content;min-height:23px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;border-radius:4px;font-size:10px;line-height:1;font-weight:400}.audit-status-success{background:#eafaf3;color:#19a974}.audit-status-failed{background:#fff0f0;color:#ef4444}.audit-table td:last-child{text-align:center}.audit-view-button{width:30px;height:30px;padding:0;display:inline-flex;align-items:center;justify-content:center;border:none;background:transparent;color:#5144df;cursor:pointer;border-radius:5px;transition:background .2s ease,color .2s ease}.audit-view-button:hover{background:#f1efff;color:#4034c5}.audit-empty{height:160px;color:#707684!important;text-align:center!important;font-size:12px!important}.audit-table-footer{min-height:60px;padding:0 14px 0 20px;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;border-top:1px solid #e7e8ee;background:#fff}.audit-result-info{color:#666c7a;font-size:11px;font-weight:400}.audit-pagination{display:flex;align-items:center;gap:5px}.audit-pagination button{width:30px;height:30px;padding:0;display:flex;align-items:center;justify-content:center;box-sizing:border-box;border:1px solid #e0e2e9;border-radius:5px;background:#fff;color:#555b69;font-family:Poppins,sans-serif;font-size:10px;font-weight:400;cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease}.audit-pagination button:hover:not(:disabled){border-color:#5b4de2;color:#5144d7;background:#f7f6ff}.audit-pagination button.active{border-color:#5546df;background:#5546df;color:#fff}.audit-pagination button:disabled{color:#c4c7ce;background:#fff;cursor:not-allowed}.pagination-dots{width:23px;text-align:center;color:#777d89;font-size:11px}.audit-swal-popup{border-radius:12px!important;padding:25px!important;font-family:Poppins,sans-serif!important}.audit-swal-title{margin:0!important;color:#202337!important;font-family:Poppins,sans-serif!important;font-size:21px!important;font-weight:600!important;text-align:left!important}.audit-swal-content{margin:18px 0 0!important;padding:0!important}.audit-popup-container{width:100%;display:flex;flex-direction:column;text-align:left}.audit-popup-section{width:100%;min-height:45px;padding:10px 0;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;box-sizing:border-box;border-bottom:1px solid #eeeeF3}.audit-popup-section:last-child{border-bottom:none}.audit-popup-label{flex-shrink:0;width:135px;color:#686e7c;font-family:Poppins,sans-serif;font-size:10px;font-weight:600;letter-spacing:.3px}.audit-popup-value{flex:1;color:#35394a;font-family:Poppins,sans-serif;font-size:11.5px;line-height:1.55;font-weight:400;text-align:right;word-break:break-word}.audit-popup-description-row{min-height:62px}.audit-popup-status{min-width:62px;padding:5px 10px;display:inline-flex;align-items:center;justify-content:center;border-radius:5px;font-family:Poppins,sans-serif;font-size:10px;font-weight:500}.audit-popup-status.success{background:#eafaf3;color:#19a974}.audit-popup-status.failed{background:#fff0f0;color:#ef4444}.audit-popup-user-agent .audit-popup-value{max-width:300px}.audit-swal-close{color:#686e7c!important;font-size:25px!important;font-weight:300!important}.audit-swal-close:hover{color:#5144d7!important}@media (max-width: 1100px){.audit-log-content{padding:25px 22px 40px}.audit-filter-row{flex-wrap:wrap}.audit-export-button{margin-left:0}.audit-table{min-width:850px}}@media (max-width: 800px){.audit-log-main{width:calc(100% - 200px);margin-left:200px}.audit-log-header h1{font-size:25px}.audit-filter-row{align-items:stretch}.audit-search-box{width:100%}.audit-date-box,.audit-category-box{flex:1}}@media (max-width: 600px){.audit-log-main{width:100%;margin-left:0}.audit-log-content{padding:20px 15px 35px}.audit-log-header{margin-bottom:18px}.audit-log-header h1{font-size:23px}.audit-log-header p{font-size:11px}.audit-filter-row{display:grid;grid-template-columns:1fr 1fr;gap:9px}.audit-search-box{width:100%;grid-column:1 / -1}.audit-date-box,.audit-category-box{width:100%}.audit-export-button{width:100%;grid-column:1 / -1}.audit-table-footer{padding:12px 14px;flex-direction:column;align-items:flex-start;gap:12px}.audit-pagination{width:100%;justify-content:flex-end}.audit-swal-popup{width:calc(100% - 30px)!important;padding:20px!important}.audit-swal-title{font-size:18px!important}.audit-popup-section{flex-direction:column;gap:4px}.audit-popup-label{width:100%}.audit-popup-value{width:100%;text-align:left}.audit-popup-user-agent .audit-popup-value{max-width:100%}}.audit-log-page .audit-log-content{padding:24px}.audit-log-page .audit-log-header{margin-bottom:22px}.audit-log-page .audit-log-header h1{font-size:26px;line-height:1.3;font-weight:700;letter-spacing:-.3px;color:#242331}.audit-log-page .audit-log-header p{font-size:14px;color:#6f7482}.audit-log-page .audit-filter-row{gap:12px;margin-bottom:22px}.audit-log-page .audit-search-box{height:42px;border-radius:9px}.audit-log-page .audit-search-box input{font-size:14px}.audit-log-page .audit-date-box,.audit-log-page .audit-category-box{height:42px;border-radius:9px;font-size:13px}.audit-log-page .audit-date-box input,.audit-log-page .audit-category-box input{font-size:13px}.audit-log-page .audit-export-button{height:42px;padding:0 18px;border-radius:9px;font-size:13px;font-weight:600}.audit-log-page .audit-table-card{border-radius:12px}.audit-log-page .audit-table th{font-size:13px;color:#34394b;letter-spacing:.2px}.audit-log-page .audit-table td{font-size:13px;color:#44495a}.audit-log-page .audit-time strong{font-size:13px}.audit-log-page .audit-time span{font-size:12px}.audit-log-page .audit-actor,.audit-log-page .audit-detail{font-size:13px}.audit-log-page .audit-status{min-height:26px;padding:0 12px;border-radius:20px;font-size:12px}.audit-log-page .audit-view-button{width:34px;height:34px;border-radius:8px}.audit-log-page .audit-result-info{font-size:13px}.audit-log-page .audit-pagination{gap:6px}.audit-log-page .audit-pagination button{width:34px;height:34px;border-radius:8px;font-size:13px}@media (min-width: 1101px){.audit-log-page .audit-log-main{margin-left:220px;width:calc(100% - 220px);max-width:none}.audit-log-page .audit-log-content{width:100%;max-width:1400px;margin-left:auto;margin-right:auto;padding:24px 28px 40px;box-sizing:border-box}.audit-log-page .audit-table th{font-size:13px;font-weight:600;letter-spacing:.2px}.audit-log-page .audit-table td{font-size:14px}}.pengajuan-payout-page{width:100%;min-height:100vh;display:flex;background:#f8f7fc;font-family:Poppins,sans-serif;color:#252337}.pengajuan-payout-main{width:calc(100% - 220px);min-height:100vh;margin-left:220px;display:flex;flex-direction:column;background:#f8f7fc;box-sizing:border-box}.pengajuan-payout-content{width:100%;min-width:0;padding:32px 32px 50px;box-sizing:border-box}.pengajuan-payout-header{margin-bottom:30px}.pengajuan-payout-header h1{margin:0;color:#242331;font-size:25px;line-height:1.25;font-weight:700;letter-spacing:-.5px}.pengajuan-payout-header p{margin:5px 0 0;color:#5f5b69;font-size:12px;line-height:1.5;font-weight:400}.payout-statistics{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-bottom:24px}.payout-stat-card{min-height:106px;padding:19px 20px;display:flex;align-items:flex-start;justify-content:space-between;box-sizing:border-box;border:1px solid #cbc6d8;border-radius:11px;background:#fff;box-shadow:0 2px 4px #342d4b0f}.payout-stat-info{display:flex;flex-direction:column;gap:8px}.payout-stat-label{color:#52505d;font-size:10px;line-height:1.2;font-weight:700;letter-spacing:.5px}.payout-stat-number{color:#20202b;font-size:31px;line-height:1;font-weight:700;letter-spacing:-.8px}.payout-stat-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:50%}.payout-icon-pending{background:#ffddb2;color:#3d3934}.payout-icon-approved{background:#5be8b0;color:#16553f}.payout-icon-rejected{background:#ffd5d2;color:#a72825}.payout-list{width:100%;display:flex;flex-direction:column;gap:16px}.payout-request-card{width:100%;min-height:125px;padding:20px;display:flex;align-items:center;box-sizing:border-box;border:1px solid #cbc6d8;border-radius:11px;background:#fff;box-shadow:0 2px 4px #342d4b0f}.payout-event-icon{width:48px;height:48px;min-width:48px;display:flex;align-items:center;justify-content:center;box-sizing:border-box;border:1px solid #d0cbdf;border-radius:7px;background:#f0eefb;color:#777384}.payout-event-info{min-width:0;margin-left:16px;display:flex;flex-direction:column;justify-content:center}.payout-event-info h2{margin:0;color:#24232f;font-size:17px;line-height:1.3;font-weight:600;letter-spacing:-.2px}.payout-organizer{margin:7px 0 0;color:#3f3c48;font-size:13px;line-height:1.3;font-weight:400}.payout-date{margin:10px 0 0;color:#65616e;font-size:12px;line-height:1.3;font-weight:400}.payout-request-action{margin-left:auto;display:flex;align-items:center;gap:24px}.payout-status{min-width:70px;height:25px;padding:0 11px;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;border-radius:15px;font-size:11px;line-height:1;font-weight:400;white-space:nowrap}.payout-status-pending{background:#ffddb2;color:#51412e}.payout-status-approved{background:#5be8b0;color:#18513c}.payout-status-rejected{background:#ffd5d2;color:#a72825}.payout-detail-button{min-width:101px;height:35px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;gap:7px;box-sizing:border-box;border:1px solid #827d8e;border-radius:8px;background:#fff;color:#383540;font-family:Poppins,sans-serif;font-size:11px;font-weight:400;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease}.payout-detail-button:hover{background:#f4f2ff;border-color:#5b4de2;color:#5144d7}.payout-detail-button svg{display:none}@media (max-width: 1100px){.pengajuan-payout-content{padding:28px 24px 45px}.payout-statistics{gap:16px}.payout-request-action{gap:15px}}@media (max-width: 800px){.pengajuan-payout-main{width:calc(100% - 200px);margin-left:200px}.pengajuan-payout-content{padding:25px 20px 40px}.payout-statistics{grid-template-columns:1fr;gap:12px}.payout-request-card{align-items:flex-start}.payout-request-action{flex-direction:column;align-items:flex-end;gap:10px}}@media (max-width: 600px){.pengajuan-payout-main{width:100%;margin-left:0}.pengajuan-payout-content{padding:22px 15px 35px}.pengajuan-payout-header{margin-bottom:22px}.pengajuan-payout-header h1{font-size:22px}.pengajuan-payout-header p{font-size:11px}.payout-statistics{grid-template-columns:1fr;gap:10px;margin-bottom:18px}.payout-stat-card{min-height:95px;padding:17px}.payout-stat-number{font-size:27px}.payout-stat-icon{width:43px;height:43px}.payout-list{gap:12px}.payout-request-card{min-height:auto;padding:16px;display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px}.payout-event-icon{width:42px;height:42px;min-width:42px}.payout-event-info{margin-left:0}.payout-event-info h2{font-size:14px}.payout-organizer{margin-top:5px;font-size:11px}.payout-date{margin-top:7px;font-size:10px}.payout-request-action{grid-column:1 / -1;width:100%;margin-left:0;padding-top:12px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;border-top:1px solid #eeeaf3}.payout-detail-button{height:33px;min-width:95px;font-size:10px}}.pengajuan-payout-page .pengajuan-payout-content{padding:24px}.pengajuan-payout-page .pengajuan-payout-header{margin-bottom:24px}.pengajuan-payout-page .pengajuan-payout-header h1{font-size:26px;line-height:1.3;font-weight:700;letter-spacing:-.3px;color:#242331}.pengajuan-payout-page .pengajuan-payout-header p{font-size:14px;color:#6f7482}.pengajuan-payout-page .payout-statistics{gap:16px;margin-bottom:24px}.pengajuan-payout-page .payout-stat-card{min-height:130px;padding:20px 22px;border-radius:12px}.pengajuan-payout-page .payout-stat-label{font-size:13px;letter-spacing:.4px}.pengajuan-payout-page .payout-stat-number{font-size:32px}.pengajuan-payout-page .payout-stat-icon{width:36px;height:36px;border-radius:10px}.pengajuan-payout-page .payout-list{gap:16px}.pengajuan-payout-page .payout-request-card{min-height:130px;padding:22px;border-radius:12px}.pengajuan-payout-page .payout-event-icon{width:52px;height:52px;min-width:52px;border-radius:10px;font-size:20px}.pengajuan-payout-page .payout-event-info h2{font-size:18px;font-weight:600}.pengajuan-payout-page .payout-organizer{font-size:14px}.pengajuan-payout-page .payout-date{font-size:13px}.pengajuan-payout-page .payout-status{min-width:76px;height:28px;padding:0 13px;border-radius:16px;font-size:12px;font-weight:600}.pengajuan-payout-page .payout-detail-button{min-width:108px;height:40px;padding:0 16px;border-radius:9px;font-size:14px;font-weight:600}@media (min-width: 1101px){.pengajuan-payout-page .pengajuan-payout-main{margin-left:220px;width:calc(100% - 220px);max-width:none}.pengajuan-payout-page .pengajuan-payout-content{width:100%;max-width:1400px;margin-left:auto;margin-right:auto;padding:24px 28px 40px;box-sizing:border-box}}.detail-payout-page{width:100%;min-height:100vh;background:#faf8ff;color:#202033;font-family:Poppins,sans-serif}.detail-payout-main{width:calc(100% - 220px);min-height:100vh;margin-left:220px;background:#faf8ff;box-sizing:border-box}.detail-payout-content{width:100%;padding:34px 40px 45px;box-sizing:border-box}.detail-payout-back{margin-bottom:8px}.detail-payout-back button{padding:0;display:inline-flex;align-items:center;gap:7px;border:none;background:transparent;color:#64718b;font-family:Poppins,sans-serif;font-size:11px;font-weight:400;cursor:pointer}.detail-payout-back button:hover{color:#5546df}.detail-payout-header{width:100%;margin-bottom:24px;display:flex;align-items:center;justify-content:space-between;gap:20px}.detail-payout-title-wrapper{display:flex;align-items:center;gap:12px;min-width:0}.detail-payout-title-wrapper h1{margin:0;color:#15172a;font-size:29px;line-height:1.2;font-weight:700;letter-spacing:-.9px;white-space:nowrap}.detail-payout-status{height:27px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;border:1px solid #f3d98e;border-radius:14px;background:#fff8dd;color:#ad7a00;font-size:10px;font-weight:600;white-space:nowrap}.detail-payout-id{height:26px;padding:0 10px;display:inline-flex;align-items:center;box-sizing:border-box;border:1px solid #e1e4eb;border-radius:5px;background:#f3f5f8;color:#677185;font-family:monospace;font-size:10px;white-space:nowrap}.detail-payout-request-date{color:#66728a;font-size:11px;line-height:1.4;white-space:nowrap}.detail-payout-grid{width:100%;display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:30px;align-items:start}.detail-payout-left{min-width:0;display:flex;flex-direction:column;gap:24px}.detail-payout-card{width:100%;padding:27px 28px;box-sizing:border-box;border:1px solid #e6e3eb;border-radius:14px;background:#fff;box-shadow:0 2px 5px #2a22460a}.detail-card-header{display:flex;align-items:center;justify-content:space-between;gap:15px}.detail-card-header h2{margin:0;color:#1b1d30;font-size:16px;line-height:1.3;font-weight:700;letter-spacing:-.25px}.detail-card-header span{color:#758197;font-size:10px;font-weight:400}.detail-card-divider{width:100%;height:1px;margin:18px 0 23px;background:#eeeef2}.event-payout-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:55px;row-gap:25px}.detail-field{min-width:0;display:flex;flex-direction:column;gap:7px}.detail-field-label{color:#8a98ad;font-size:10px;line-height:1.2;font-weight:600;letter-spacing:.4px}.detail-field strong{color:#1e2133;font-size:13px;line-height:1.4;font-weight:600}.detail-field strong small{color:#78849a;font-size:10px;font-weight:400}.fee-value{color:#ef4444!important}.net-payout-box{width:100%;min-height:68px;margin-top:23px;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:20px;box-sizing:border-box;border:1px solid #e5e8ef;border-radius:11px;background:#f8f9fc}.net-payout-info{display:flex;flex-direction:column;gap:4px}.net-payout-info span{color:#536075;font-size:10px;line-height:1.3;font-weight:700;letter-spacing:.3px}.net-payout-info small{color:#8290a5;font-size:9px;line-height:1.3}.net-payout-box>strong{color:#5a4ff0;font-size:24px;line-height:1;font-weight:700;letter-spacing:-.5px;white-space:nowrap}.bank-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:55px;row-gap:25px}.bank-name{display:flex;align-items:center;gap:9px}.bank-name strong{font-size:13px}.bank-logo{width:25px;height:25px;display:flex;align-items:center;justify-content:center;border-radius:4px;background:#e3efff;color:#2368d9;font-size:9px;font-weight:700}.normal-value{font-weight:400!important}.verified-badge{width:fit-content;min-height:25px;padding:0 10px;display:inline-flex;align-items:center;gap:6px;box-sizing:border-box;border:1px solid #8ce7c1;border-radius:14px;background:#effcf6;color:#179a69;font-size:10px;font-weight:500}.document-list{display:flex;flex-direction:column;gap:10px}.document-item{width:100%;min-height:69px;padding:9px 13px;display:flex;align-items:center;justify-content:space-between;gap:15px;box-sizing:border-box;border:1px solid #ececf1;border-radius:10px;background:#fff}.document-item-left{min-width:0;display:flex;align-items:center;gap:13px}.document-icon{width:39px;height:39px;min-width:39px;display:flex;align-items:center;justify-content:center;border-radius:7px}.pdf-icon,.image-icon{background:#eef0ff;color:#5b52ef}.document-info{min-width:0;display:flex;flex-direction:column;gap:3px}.document-info strong{overflow:hidden;color:#202335;font-size:11.5px;line-height:1.4;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.document-info span{color:#8b98ac;font-size:10px;line-height:1.3}.document-item>button{height:34px;min-width:126px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;border:1px solid #cbc5ff;border-radius:18px;background:#fff;color:#5b52ef;font-family:Poppins,sans-serif;font-size:10px;font-weight:500;cursor:pointer;white-space:nowrap;transition:background .2s ease,border-color .2s ease}.document-item>button:hover{background:#f5f3ff;border-color:#5b52ef}.superadmin-card{width:100%;padding:27px 24px 25px;box-sizing:border-box;border:1px solid #e6e3eb;border-radius:14px;background:#fff;box-shadow:0 2px 5px #2a22460a}.superadmin-header{display:flex;align-items:center;gap:9px;margin-bottom:27px;color:#5b52ef}.superadmin-header h2{margin:0;color:#202235;font-size:15px;font-weight:700}.decision-buttons{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:25px}.decision-button{height:43px;border-radius:10px;font-family:Poppins,sans-serif;font-size:12px;font-weight:600;cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease}.decision-button.reject{border:1px solid #ff8f8f;background:#fff;color:#ee4141}.decision-button.reject:hover{background:#fff2f2;border-color:#ef5555}.decision-button.reject.selected{background:#ee4141;border-color:#ee4141;color:#fff;box-shadow:0 4px 9px #ee414138}.decision-button.reject.selected:hover{background:#df3636;border-color:#df3636}.decision-button.reject.deselected{background:#fff;border-color:#e4e7ee;color:#a0a6b5;box-shadow:none}.decision-button.reject.deselected:hover{background:#f6f7f9;border-color:#d5d8e0;color:#8b92a5}.decision-button.approve{border:1px solid #5b52ef;background:#5b52ef;color:#fff;box-shadow:0 4px 9px #5b52ef2e}.decision-button.approve:hover,.decision-button.approve.selected{background:#4d44df;border-color:#4d44df}.decision-button.approve.deselected{background:#fff;border-color:#d5d8e0;color:#7a8194;box-shadow:none}.decision-button.approve.deselected:hover{background:#f6f7f9;border-color:#c9cdd8}.internal-note{width:100%;margin-bottom:30px}.internal-note label{display:block;margin-bottom:9px;color:#68758a;font-size:9.5px;line-height:1.3;font-weight:600;letter-spacing:.4px}.internal-note textarea{width:100%;height:105px;padding:12px;box-sizing:border-box;resize:none;border:1px solid #e2e5ed;border-radius:10px;outline:none;background:#fbfcfe;color:#3e4352;font-family:Poppins,sans-serif;font-size:10px;line-height:1.5}.internal-note textarea::placeholder{color:#a2aec0}.internal-note textarea:focus{border-color:#aaa3f4;background:#fff}.confirm-decision-button{width:100%;height:44px;padding:0 14px;display:flex;align-items:center;justify-content:center;gap:10px;border:none;border-radius:10px;background:#5b52ef;color:#fff;font-family:Poppins,sans-serif;font-size:11px;font-weight:500;cursor:pointer;box-shadow:0 5px 12px #5b52ef2e;transition:background .2s ease,transform .2s ease}.confirm-decision-button:hover{background:#4d44df;transform:translateY(-1px)}.transfer-info{width:100%;margin-top:15px;padding:14px 12px;display:flex;align-items:flex-start;gap:9px;box-sizing:border-box;border-radius:10px;background:#f7f8fb}.transfer-info-icon{width:15px;height:15px;min-width:15px;display:flex;align-items:center;justify-content:center;border:1px solid #aab5c7;border-radius:50%;color:#8290a4;font-size:9px;font-weight:600}.transfer-info p{margin:0;color:#748196;font-size:9.5px;line-height:1.55;font-weight:400}@media (max-width: 1100px){.detail-payout-content{padding:28px 24px 40px}.detail-payout-grid{grid-template-columns:minmax(0,1fr) 270px;gap:20px}.detail-payout-title-wrapper h1{font-size:25px}.detail-payout-request-date{font-size:10px}}@media (max-width: 850px){.detail-payout-grid{grid-template-columns:1fr}.superadmin-card{order:-1}.detail-payout-header{align-items:flex-start;flex-direction:column;gap:10px}.detail-payout-request-date{white-space:normal}}@media (max-width: 600px){.detail-payout-main{width:100%;margin-left:0}.detail-payout-content{padding:20px 15px 35px}.detail-payout-title-wrapper{flex-wrap:wrap;gap:7px}.detail-payout-title-wrapper h1{width:100%;font-size:22px;letter-spacing:-.5px}.detail-payout-status{height:25px;font-size:9px}.detail-payout-id{height:24px;font-size:9px}.detail-payout-card{padding:20px 17px}.detail-card-header{align-items:flex-start;flex-direction:column;gap:5px}.detail-card-header h2{font-size:14px}.event-payout-grid,.bank-grid{grid-template-columns:1fr;gap:20px}.net-payout-box{align-items:flex-start;flex-direction:column;gap:10px}.net-payout-box>strong{font-size:20px}.document-item{align-items:flex-start;flex-direction:column;padding:12px}.document-item-left{width:100%}.document-item>button{width:100%}.document-info strong{white-space:normal}.superadmin-card{padding:20px 17px}}.detail-payout-page .detail-payout-content{padding:24px}.detail-payout-page .detail-payout-back button{font-size:13px}.detail-payout-page .detail-payout-header{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:24px}.detail-payout-page .detail-payout-title-wrapper h1{font-size:26px;line-height:1.3;font-weight:700;letter-spacing:-.3px;color:#242331}.detail-payout-page .detail-payout-status{height:30px;padding:0 14px;border-radius:16px;font-size:12px}.detail-payout-page .detail-payout-id{height:30px;padding:0 12px;border-radius:8px;font-size:12px}.detail-payout-page .detail-payout-request-date{font-size:13px;color:#758197}.detail-payout-page .detail-payout-card,.detail-payout-page .superadmin-card{padding:26px;border-radius:14px}.detail-payout-page .detail-card-header h2,.detail-payout-page .superadmin-header h2{font-size:17px;font-weight:700}.detail-payout-page .detail-card-header span{font-size:12px;color:#758197}.detail-payout-page .detail-field-label,.detail-payout-page .net-payout-info span,.detail-payout-page .internal-note label{font-size:12px;letter-spacing:.3px}.detail-payout-page .detail-field strong,.detail-payout-page .bank-name strong{font-size:14px}.detail-payout-page .detail-field strong small,.detail-payout-page .net-payout-info small{font-size:12px}.detail-payout-page .net-payout-box>strong{font-size:26px}.detail-payout-page .net-payout-box{min-height:76px;padding:14px 18px;border-radius:12px}.detail-payout-page .document-item{min-height:74px;padding:10px 14px;border-radius:10px}.detail-payout-page .document-icon{width:42px;height:42px;min-width:42px;border-radius:9px}.detail-payout-page .document-info strong{font-size:13.5px}.detail-payout-page .document-info span{font-size:12px}.detail-payout-page .decision-button{height:46px;border-radius:11px;font-size:14px}.detail-payout-page .confirm-decision-button{height:48px;border-radius:11px;font-size:14px;font-weight:600}.detail-payout-page .internal-note textarea{font-size:13px;border-radius:10px}@media (min-width: 1101px){.detail-payout-page .detail-payout-main{margin-left:220px;width:calc(100% - 220px);max-width:none}.detail-payout-page .detail-payout-content{width:100%;max-width:1400px;margin-left:auto;margin-right:auto;padding:24px 28px 40px;box-sizing:border-box}}.detail-payout-page .superadmin-card{min-width:0}.detail-payout-page .decision-buttons:has(>:only-child){grid-template-columns:1fr}.detail-payout-page .decision-button,.detail-payout-page .confirm-decision-button{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:900;background:transparent}.profile-sidebar{position:fixed;z-index:1000;top:64px;right:24px;width:278px;max-height:calc(100vh - 76px);background:#fff;border:1px solid #e0e4eb;border-radius:12px;box-shadow:0 14px 35px #19233726;overflow-y:auto;animation:profileSidebarShow .18s ease-out}@keyframes profileSidebarShow{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.profile-sidebar::-webkit-scrollbar{width:4px}.profile-sidebar::-webkit-scrollbar-thumb{background:#d8dce5;border-radius:10px}.profile-sidebar-content{width:100%}.sidebar-profile-user{padding:21px 15px 20px;text-align:center}.sidebar-avatar{width:60px;height:60px;margin:0 auto 13px;border-radius:50%;background:#edf0ff;color:#4f47e7;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:800}.sidebar-profile-user h2{margin:0;color:#15233a;font-size:13px;font-weight:700}.sidebar-profile-user p{margin:7px 0 14px;color:#69768c;font-size:12px}.sidebar-edit-button{height:34px;padding:0 20px;border:none;border-radius:7px;background:#5148e9;color:#fff;font-family:inherit;font-size:12px;cursor:pointer}.sidebar-edit-button:hover{background:#433bd7}.sidebar-menu-section{background:#fff}.sidebar-section-title{padding:13px 15px;border-top:1px solid #edf0f5;border-bottom:1px solid #e7ebf1;color:#463de1;font-size:12px;font-weight:500}.sidebar-menu-list{padding:3px 0}.sidebar-menu-item,.sidebar-general-item{width:100%;min-height:57px;padding:8px 15px;border:none;background:transparent;box-sizing:border-box;display:flex;align-items:center;gap:11px;font-family:inherit;text-align:left;cursor:pointer}.sidebar-menu-item:hover,.sidebar-general-item:hover{background:#f8f9fc}.sidebar-icon{width:34px;height:34px;flex:0 0 34px;border-radius:50%;background:#e9efff;color:#463de2;display:flex;align-items:center;justify-content:center}.sidebar-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.sidebar-menu-label,.sidebar-general-item>span:nth-child(2){flex:1;color:#15243b;font-size:12px;font-weight:700}.sidebar-arrow{width:15px;height:15px;display:flex;align-items:center;justify-content:center;color:#4e5564}.sidebar-arrow svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.sidebar-general-section{margin:10px;padding:5px 0;background:#fff;border-radius:10px;box-shadow:0 5px 18px #1e283c0d}.sidebar-general-item{min-height:57px;padding-left:12px;padding-right:12px}.sidebar-logout .sidebar-icon{background:#fff1f1;color:#df2932}.sidebar-logout>span:nth-child(2){color:#d9282f}@media (max-width: 900px) and (min-width: 769px){.profile-sidebar{right:15px;width:300px}}@media (max-width: 768px){.profile-sidebar-backdrop,.profile-sidebar{display:none}}.customer-navbar{position:relative;z-index:100;width:100%;min-height:76px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;gap:30px;background:#fff;border-bottom:1px solid #edf0f6}.navbar-left{display:flex;align-items:center;gap:28px;flex-shrink:0}.customer-logo{font-size:22px;font-weight:800;color:#172038;letter-spacing:-.8px;cursor:pointer;white-space:nowrap}.customer-logo span{color:#4938df}.location-button{display:flex;align-items:center;gap:8px;padding:9px 13px;border:1px solid #e4e8f1;border-radius:10px;background:#fff;color:#4d5870;font-size:12px;font-weight:600;cursor:pointer}.location-button svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.location-arrow{font-size:16px;margin-left:2px}.navbar-search{position:relative;flex:1;max-width:430px;height:42px;display:flex;align-items:center;gap:10px;padding:0 15px;border:1px solid #e5e9f2;border-radius:10px;background:#f8f9fc}.navbar-search svg{width:18px;height:18px;flex-shrink:0;fill:none;stroke:#8993a8;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.navbar-search input{width:100%;border:none;outline:none;background:transparent;color:#273149;font-size:12px}.navbar-search input::placeholder{color:#9aa3b5}.search-spinner{width:16px;height:16px;border:2px solid #e5e9f2;border-top-color:#4938df;border-radius:50%;animation:spin .6s linear infinite;flex-shrink:0}.search-dropdown{position:absolute;top:calc(100% + 6px);left:0;right:0;background:#fff;border:1px solid #e5e9f2;border-radius:12px;box-shadow:0 12px 36px #1e284624;max-height:420px;overflow-y:auto;z-index:1000}.search-dropdown-header{padding:12px 16px 6px;font-size:11px;font-weight:700;color:#8993a8;text-transform:uppercase;letter-spacing:.5px}.search-dropdown-item{width:100%;display:flex;align-items:center;gap:12px;padding:10px 16px;border:none;background:transparent;cursor:pointer;text-align:left;transition:background .15s}.search-dropdown-item:hover{background:#f5f3ff}.search-dropdown-img{width:44px;height:44px;border-radius:8px;object-fit:cover;flex-shrink:0}.search-dropdown-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.search-dropdown-title{font-size:13px;font-weight:600;color:#273149;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-dropdown-meta{font-size:11px;color:#8993a8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-dropdown-price{font-size:12px;font-weight:700;color:#4938df;white-space:nowrap}.search-dropdown-footer{width:100%;padding:12px 16px;border:none;border-top:1px solid #f0f2f7;background:transparent;color:#4938df;font-size:12px;font-weight:600;cursor:pointer;text-align:center}.search-dropdown-footer:hover{background:#f5f3ff}.search-dropdown-empty{padding:24px 16px;text-align:center;color:#8993a8;font-size:13px}.desktop-navigation{display:flex;align-items:center;gap:8px}.nav-link{padding:10px 11px;border:none;background:transparent;color:#59647a;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap;transition:.2s ease}.nav-link:hover{color:#4938df}.nav-link.active{color:#4938df;font-weight:700}.profile-button{display:flex;align-items:center;gap:8px;padding:6px 9px;border:none;background:transparent;color:#374158;font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap}.profile-avatar{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#4938df;color:#fff;font-size:10px;font-weight:800;overflow:hidden}.profile-chevron{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.mobile-header-icons{display:none;align-items:center;gap:8px}.mobile-header-icons button{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border:none;border-radius:9px;background:transparent;cursor:pointer}.mobile-header-icons svg{width:21px;height:21px;fill:none;stroke:#273149;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.mobile-search-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#fff;z-index:2000;display:flex;flex-direction:column}.mobile-search-form{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid #edf0f6;min-height:60px}.mobile-search-back{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;cursor:pointer;flex-shrink:0}.mobile-search-back svg{width:22px;height:22px;fill:none;stroke:#273149;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.mobile-search-form input{flex:1;border:none;outline:none;font-size:15px;color:#273149;background:transparent}.mobile-search-form input::placeholder{color:#9aa3b5}.mobile-search-submit{border:none;background:#4938df;color:#fff;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;flex-shrink:0}.mobile-search-results{flex:1;overflow-y:auto;padding:8px 0}.mobile-search-result-item{width:100%;display:flex;align-items:center;gap:12px;padding:12px 16px;border:none;background:transparent;cursor:pointer;text-align:left}.mobile-search-result-item:active{background:#f5f3ff}.mobile-search-result-img{width:48px;height:48px;border-radius:8px;object-fit:cover;flex-shrink:0}.mobile-search-result-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.mobile-search-result-title{font-size:14px;font-weight:600;color:#273149;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-search-result-meta{font-size:12px;color:#8993a8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-search-empty{padding:40px 16px;text-align:center;color:#8993a8;font-size:14px}.mobile-hamburger-menu{position:absolute;top:calc(100% + 8px);right:20px;width:300px;max-height:75vh;overflow-y:auto;background:#fff;border:1px solid #e5e9f2;border-radius:14px;box-shadow:0 16px 48px #1e284629;z-index:1500;padding:16px}.hamburger-profile{display:flex;flex-direction:column;align-items:center;gap:8px;padding-bottom:16px;border-bottom:1px solid #f0f2f7;margin-bottom:12px}.hamburger-avatar{width:48px;height:48px;border-radius:50%;background:#4938df;color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:800}.hamburger-profile-text{display:flex;flex-direction:column;align-items:center;gap:2px}.hamburger-name{font-size:14px;font-weight:700;color:#273149}.hamburger-email{font-size:12px;color:#8993a8}.hamburger-edit-btn{margin-top:4px;padding:7px 20px;border:1px solid #e5e9f2;border-radius:8px;background:#fff;color:#4938df;font-size:12px;font-weight:600;cursor:pointer}.hamburger-edit-btn:hover{background:#f5f3ff}.hamburger-section{margin-bottom:8px}.hamburger-section-title{padding:8px 12px 4px;font-size:11px;font-weight:700;color:#8993a8;text-transform:uppercase;letter-spacing:.5px}.hamburger-menu-item{width:100%;display:flex;align-items:center;gap:12px;padding:11px 12px;border:none;border-radius:10px;background:transparent;color:#374158;font-size:13px;font-weight:600;cursor:pointer;text-align:left;transition:background .15s}.hamburger-menu-item:hover{background:#f5f3ff;color:#4938df}.hamburger-icon{width:20px;height:20px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.hamburger-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.hamburger-label{flex:1}.hamburger-arrow{width:16px;height:16px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#c0c6d4}.hamburger-arrow svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.hamburger-logout{color:#dc2626}.hamburger-logout:hover{background:#fef2f2;color:#dc2626}.mobile-back-button{display:none;border:none;background:transparent;color:#273149;cursor:pointer;padding:0}.mobile-back-button svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}@media (max-width: 1100px){.customer-navbar{gap:18px;padding:0 3%}.navbar-left{gap:15px}.desktop-navigation{gap:2px}.nav-link{padding:9px 7px}.navbar-search{max-width:300px}}@media (max-width: 850px){.customer-navbar{min-height:64px;padding:0 20px}.navbar-left{gap:0}.location-button,.navbar-search,.desktop-navigation{display:none}.mobile-header-icons{display:flex}.customer-logo{font-size:20px}.mobile-hamburger-menu{position:absolute;top:calc(100% + 8px);right:20px;width:300px;z-index:1500}}@media (max-width: 480px){.customer-navbar{padding:0 16px}.customer-logo{font-size:19px}.mobile-header-icons{gap:3px}.mobile-header-icons button{width:35px;height:35px}.mobile-hamburger-menu{right:16px;width:280px}}.customer-footer{min-height:72px;border-top:1px solid #dfe3eb;background:#fff;display:flex;align-items:center;justify-content:center;color:#7e8799;font-size:13px;text-align:center;padding:15px 20px;box-sizing:border-box}.customer-mobile-bottom-nav{display:none}@media (max-width: 850px){.customer-footer{display:none}.customer-mobile-bottom-nav{position:fixed;z-index:100;left:12px;right:12px;bottom:8px;height:79px;padding:7px 8px 6px;border:1px solid #dfe4ef;border-radius:7px;background:#f9fafffa;box-shadow:0 5px 25px #1e29461f;display:grid;grid-template-columns:repeat(5,1fr);box-sizing:border-box}.customer-bottom-nav-item{min-width:0;border:none;background:transparent;color:#52596b;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:3px 1px;cursor:pointer}.customer-bottom-nav-item svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.customer-bottom-nav-item span{font-size:11px;line-height:1.1;font-weight:600;white-space:nowrap}.customer-bottom-nav-item.active{color:#5146e5}}@media (max-width: 400px){.customer-mobile-bottom-nav{left:10px;right:10px}.customer-bottom-nav-item span{font-size:10px}}.customer-dashboard{min-height:100vh;background:#f7f8fc;color:#17233d;font-family:Poppins,Segoe UI,sans-serif}.customer-dashboard button{font-family:inherit}.customer-content{width:100%}.mobile-location{display:none}.hero-section{width:100%;padding:24px 28px 0;box-sizing:border-box}.hero-slider{position:relative;width:100%;max-width:1400px;height:365px;margin:0 auto;border-radius:18px;overflow:hidden;background-size:cover;background-position:center;transition:background-image .3s ease}.hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#080f24d1,#080f247a 42%,#080f241f)}.hero-content{position:absolute;left:55px;bottom:60px;z-index:2;max-width:560px}.hero-badge{display:inline-flex;align-items:center;padding:7px 14px;border-radius:20px;background:#ffffff29;color:#fff;font-size:10px;font-weight:700;letter-spacing:.8px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hero-content h1{margin:17px 0 13px;color:#fff;font-size:34px;line-height:1.15;font-weight:800;letter-spacing:-.8px}.hero-location{display:flex;align-items:center;gap:8px;color:#ffffffe0;font-size:13px}.hero-location svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8}.hero-arrow{position:absolute;top:50%;z-index:3;width:42px;height:42px;border:none;border-radius:50%;transform:translateY(-50%);background:#fff3;color:#fff;font-size:32px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);transition:.2s ease}.hero-arrow:hover{background:#ffffff59}.hero-arrow-left{left:22px}.hero-arrow-right{right:22px}.hero-dots{position:absolute;left:50%;bottom:22px;z-index:3;transform:translate(-50%);display:flex;align-items:center;gap:7px}.hero-dots button{width:7px;height:7px;padding:0;border:none;border-radius:50%;background:#ffffff73;cursor:pointer;transition:.2s ease}.hero-dots button.active{width:24px;border-radius:10px;background:#fff}.latest-section{width:calc(100% - 56px);max-width:1400px;margin:45px auto 0}.latest-header{display:flex;align-items:flex-end;justify-content:space-between;gap:30px}.latest-header h2{margin:0;color:#172033;font-size:25px;font-weight:800;letter-spacing:-.5px}.latest-header p{margin:7px 0 0;color:#7a8497;font-size:12px;line-height:1.5}.category-filter{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.category-filter button{height:34px;padding:0 15px;border:1px solid #e2e5ed;border-radius:18px;background:#fff;color:#697286;font-size:11px;font-weight:600;cursor:pointer;transition:.2s ease}.category-filter button:hover{border-color:#c8c3ff;color:#4c3be8}.category-filter button.active{border-color:#4c3be8;background:#4c3be8;color:#fff}.mobile-section-title{display:none}.event-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:27px}.event-card{min-width:0;overflow:hidden;border:1px solid #e9ebf1;border-radius:14px;background:#fff;box-shadow:0 4px 15px #1c253d0d;transition:transform .2s ease,box-shadow .2s ease}.event-card:hover{transform:translateY(-3px);box-shadow:0 10px 25px #1c253d17}.event-image-wrapper{position:relative;height:205px;overflow:hidden;background:#e8ebf1}.event-image-wrapper img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.event-card:hover .event-image-wrapper img{transform:scale(1.04)}.event-image-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#090f2308 25%,#090f23c7)}.event-image-content{position:absolute;left:17px;right:17px;bottom:15px;z-index:2}.event-image-content span{display:inline-block;margin-bottom:7px;color:#ffffffd9;font-size:9px;font-weight:700;letter-spacing:.7px}.event-image-content h3{margin:0;color:#fff;font-size:16px;line-height:1.25;font-weight:800}.event-card-content{padding:15px 16px 16px}.event-info{display:flex;flex-direction:column;gap:9px}.event-info-row{display:flex;align-items:flex-start;gap:8px;min-width:0;color:#687286;font-size:10px;line-height:1.4}.event-info-row svg{width:15px;height:15px;flex-shrink:0;fill:none;stroke:#5c50eb;stroke-width:1.7}.event-info-row span{min-width:0}.event-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:17px;padding-top:13px;border-top:1px solid #eef0f4}.event-price{color:#5145e9;font-size:15px;font-weight:800;white-space:nowrap}.buy-ticket-button{height:34px;padding:0 15px;border:none;border-radius:8px;background:#4c3be8;color:#fff;font-size:10px;font-weight:700;cursor:pointer;white-space:nowrap;transition:.2s ease}.buy-ticket-button:hover{background:#3d2fd0}.empty-events{margin:35px auto;padding:45px 20px;border:1px dashed #d8dce7;border-radius:14px;background:#fff;text-align:center}.empty-events h3{margin:0;color:#263149;font-size:17px}.empty-events p{margin:8px 0 0;color:#858da0;font-size:12px}.customer-footer{min-height:85px;margin-top:80px;border-top:1px solid #e6e9ef;background:#fff;display:flex;align-items:center;justify-content:center;color:#8a92a3;font-size:11px}.customer-footer p{margin:0}.mobile-bottom-navigation{display:none}@media (max-width: 1100px){.hero-section{padding:20px 20px 0}.hero-slider{height:330px}.hero-content{left:42px;bottom:55px}.hero-content h1{font-size:30px}.latest-section{width:calc(100% - 40px)}.event-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 850px){.customer-dashboard{padding-bottom:75px}.mobile-location{display:flex;padding:14px 18px 0}.mobile-location .location-button{height:34px;padding:0 12px;border:1px solid #e1e4ec;border-radius:18px;background:#fff;display:flex;align-items:center;gap:7px;color:#596277;font-size:11px;font-weight:600;cursor:pointer}.mobile-location .location-button svg{width:15px;height:15px;fill:none;stroke:#4c3be8;stroke-width:1.8}.hero-section{padding:15px 18px 0}.hero-slider{height:260px;border-radius:14px}.hero-content{left:25px;right:25px;bottom:43px;max-width:none}.hero-badge{padding:6px 11px;font-size:8px}.hero-content h1{margin:11px 0 8px;font-size:25px}.hero-location{font-size:10px}.hero-location svg{width:15px;height:15px}.hero-arrow{width:34px;height:34px;font-size:26px}.hero-arrow-left{left:12px}.hero-arrow-right{right:12px}.hero-dots{bottom:15px}.latest-section{width:calc(100% - 36px);margin-top:32px}.latest-header{display:block}.latest-header>div:first-child{display:none}.mobile-section-title{display:block}.mobile-section-title h2{margin:0;color:#172033;font-size:22px;font-weight:800}.category-filter{justify-content:flex-start;margin-bottom:20px;overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px;scrollbar-width:none}.category-filter::-webkit-scrollbar{display:none}.category-filter button{flex-shrink:0;height:32px;padding:0 14px;font-size:10px}.event-grid{grid-template-columns:1fr;gap:17px;margin-top:17px}.event-card{border-radius:13px}.event-image-wrapper{height:205px}.event-card-content{padding:14px}.event-info-row{font-size:10px}.event-price{font-size:15px}.buy-ticket-button{height:34px;padding:0 15px;font-size:10px}.customer-footer{display:none}.mobile-bottom-navigation{position:fixed;left:0;right:0;bottom:0;z-index:100;height:70px;padding:5px 8px;box-sizing:border-box;border-top:1px solid #e6e8ef;background:#fff;display:grid;grid-template-columns:repeat(5,1fr);align-items:center;box-shadow:0 -5px 20px #1e274114}.mobile-bottom-navigation button{height:58px;border:none;background:transparent;color:#8991a3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer}.mobile-bottom-navigation button svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7}.mobile-bottom-navigation button span{font-size:8px;font-weight:600}.mobile-bottom-navigation button.active{color:#4c3be8}}@media (max-width: 560px){.mobile-location{padding:12px 15px 0}.hero-section{padding:13px 15px 0}.hero-slider{height:230px;border-radius:12px}.hero-content{left:20px;right:20px;bottom:38px}.hero-content h1{font-size:21px}.hero-location{font-size:9px}.hero-arrow{width:30px;height:30px;font-size:23px}.hero-arrow-left{left:9px}.hero-arrow-right{right:9px}.latest-section{width:calc(100% - 30px);margin-top:27px}.mobile-section-title h2{font-size:20px}.category-filter{gap:6px;margin-top:14px}.category-filter button{height:30px;padding:0 12px;font-size:9px}.event-grid{gap:15px;margin-top:15px}.event-image-wrapper{height:185px}.event-image-content{left:14px;right:14px;bottom:13px}.event-image-content span{font-size:8px}.event-image-content h3{font-size:15px}.event-card-content{padding:13px}.event-info{gap:8px}.event-info-row{font-size:9px}.event-info-row svg{width:14px;height:14px}.event-card-bottom{margin-top:14px;padding-top:12px}.event-price{font-size:14px}.buy-ticket-button{height:32px;padding:0 13px;font-size:9px}.mobile-bottom-navigation{height:68px}.mobile-bottom-navigation button{height:56px}.mobile-bottom-navigation button svg{width:20px;height:20px}.mobile-bottom-navigation button span{font-size:7px}}@media (max-width: 380px){.hero-slider{height:215px}.hero-content h1{font-size:19px}.latest-section{width:calc(100% - 24px)}.event-image-wrapper{height:175px}.event-price{font-size:13px}.buy-ticket-button{padding:0 11px}.mobile-bottom-navigation button span{font-size:6.5px}}.dashboard-loading{padding:40px 0;text-align:center;color:#6b7280;font-size:14px}.detail-event-page{min-height:100vh;background-color:#f7f9fd;color:#172033;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.detail-event-loading,.detail-event-error{max-width:1200px;margin:60px auto;text-align:center;color:#64748b}.detail-event-container{width:calc(100% - 80px);max-width:1200px;margin:32px auto 60px;display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:32px;align-items:start}.detail-event-left{min-width:0}.event-poster-card{width:100%;height:420px;overflow:hidden;border-radius:12px;background:#e2e8f0}.event-poster-card img{width:100%;height:100%;display:block;object-fit:cover}.poster-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#e5e7eb;color:#838e9e;gap:12px}.poster-placeholder svg{width:56px;height:56px;stroke-width:1.2}.poster-placeholder span{font-size:14px;font-weight:500}.event-basic-card,.event-description-card,.event-facilities-card,.event-lineup-card{margin-top:24px;padding:24px;background:#fff;border-radius:16px;border:1px solid #f0f3f8;box-shadow:0 1px 3px #00000005}.event-title-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.event-title-row h1{margin:0;color:#0f172a;font-size:20px;font-weight:700}.event-status{padding:6px 14px;border-radius:20px;background:#eeedff;color:#6355ff;font-size:12px;font-weight:600;white-space:nowrap}.event-info-list{display:flex;flex-direction:column;gap:14px}.event-info-item{display:flex;align-items:center;gap:12px;color:#475569;font-size:13px;font-weight:500}.event-info-item svg{width:18px;height:18px;color:#6355ff}.event-description-card h2,.event-facilities-card h2,.event-lineup-card h2{margin:0 0 12px;color:#0f172a;font-size:16px;font-weight:700}.event-description-card p,.event-facilities-card p{margin:0 0 10px;color:#64748b;font-size:13px;line-height:1.6}.event-description-card p:last-child,.event-facilities-card p:last-child{margin-bottom:0}.lineup-list-horizontal{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:36px;overflow-x:auto;padding-bottom:4px}.lineup-item{display:flex;flex-direction:column;align-items:center;gap:10px;flex-shrink:0}.lineup-avatar{width:64px;height:64px;border-radius:50%;background:#e2e8f0;display:flex;align-items:center;justify-content:center;color:#94a3b8;overflow:hidden}.lineup-avatar img{width:100%;height:100%;object-fit:cover}.lineup-avatar svg{width:28px;height:28px}.lineup-item span{color:#1e293b;font-size:12px;font-weight:600;text-align:center;white-space:nowrap}.ticket-card{background:#fff;border-radius:16px;padding:24px;border:1px solid #f0f3f8;box-shadow:0 1px 3px #00000005}.ticket-card h2{margin:0 0 20px;color:#0f172a;font-size:18px;font-weight:700}.ticket-empty{font-size:13px;color:#94a3b8}.ticket-accordion-list{display:flex;flex-direction:column;gap:12px}.ticket-accordion-item{border:1px solid #f1f5f9;border-radius:12px;overflow:hidden;background:#fff}.ticket-accordion-item.open{border-color:#e0e7ff}.ticket-accordion-header{width:100%;padding:16px 20px;background:#fff;border:none;display:flex;align-items:center;justify-content:space-between;cursor:pointer;text-align:left}.ticket-accordion-item.open .ticket-accordion-header{background:#f8fafc}.ticket-accordion-header strong{color:#0f172a;font-size:14px;font-weight:600}.arrow-icon{width:18px;height:18px;color:#64748b;transition:transform .2s ease}.arrow-icon.rotate{transform:rotate(180deg)}.ticket-accordion-body{padding:16px 20px;background:#fff}.ticket-sub-row{display:flex;align-items:center;justify-content:space-between;background:#f8fafc;padding:12px 16px;border-radius:10px}.ticket-sub-info{display:flex;flex-direction:column;gap:4px}.ticket-sub-name{color:#1e293b;font-size:12px;font-weight:600}.ticket-sub-price{color:#4338ca;font-size:14px;font-weight:700}.quantity-control{display:flex;align-items:center;gap:12px}.quantity-control button{background:transparent;border:none;padding:0;cursor:pointer;color:#334155;display:flex;align-items:center;justify-content:center;transition:opacity .2s}.quantity-control button:hover{opacity:.7}.quantity-control button svg{width:22px;height:22px}.quantity-control span{font-size:14px;font-weight:600;color:#0f172a;min-width:12px;text-align:center}.ticket-summary-footer{margin-top:24px;display:flex;align-items:center;justify-content:space-between}.ticket-summary-price{display:flex;flex-direction:column;gap:2px}.ticket-summary-price span{color:#94a3b8;font-size:11px}.ticket-summary-price strong{color:#4338ca;font-size:16px;font-weight:700}.buy-ticket-button{background:#4f46e5;color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s ease}.buy-ticket-button:hover{background:#4338ca}.detail-event-footer{border-top:1px solid #f1f5f9;padding:24px 0;text-align:center;margin-top:40px;background:#fff}.detail-event-footer p{margin:0;color:#64748b;font-size:12px}.mobile-ticket-section,.mobile-buy-bar{display:none}@media (max-width: 900px){.detail-event-container{grid-template-columns:1fr;width:100%;max-width:100%;margin:0 auto 80px;padding:0;gap:0}.event-poster-card{border-radius:0;height:300px}.detail-event-left{padding:0 16px}.event-basic-card,.event-description-card,.event-facilities-card,.event-lineup-card{border-radius:12px;margin-top:16px;padding:20px}.desktop-ticket-section{display:none}.mobile-ticket-section{display:block;margin-top:16px}.mobile-buy-bar{position:fixed;bottom:0;left:0;right:0;background:#fff;padding:12px 20px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 -4px 12px #0000000d;z-index:99;border-top:1px solid #f1f5f9}.mobile-buy-info{display:flex;flex-direction:column;gap:2px}.mobile-buy-info span{font-size:11px;color:#94a3b8}.mobile-buy-info strong{font-size:16px;color:#4338ca;font-weight:700}.mobile-buy-button{background:#4f46e5;color:#fff;border:none;padding:10px 24px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer}.detail-event-footer{display:none}}.checkout-page{min-height:100vh;background:#f7f9fd;color:#162038;font-family:Poppins,Segoe UI,sans-serif;display:flex;flex-direction:column}.checkout-page button,.checkout-page input{font-family:inherit}.checkout-navbar{height:76px;background:#fff;border-bottom:1px solid #e7ebf2;display:flex;align-items:center;padding:0 30px;gap:28px;flex-shrink:0}.checkout-logo{font-size:21px;font-weight:800;letter-spacing:-.8px;color:#10172b;white-space:nowrap}.checkout-logo span{color:#4b3be4}.checkout-navbar-left{display:flex;align-items:center;gap:28px;flex:1;min-width:0}.checkout-back-button{display:none}.checkout-location{height:38px;padding:0 13px;border:1px solid #e2e7f0;border-radius:22px;background:#fbfcff;display:flex;align-items:center;gap:7px;color:#414b60;font-size:12px;font-weight:600;white-space:nowrap}.checkout-location svg{width:15px;height:15px;fill:none;stroke:#5144e7;stroke-width:1.8}.checkout-location .location-chevron{width:13px;height:13px;stroke:#8490a5}.checkout-search{height:38px;width:min(100%,390px);border:1px solid #e3e7ef;border-radius:22px;background:#fbfcff;display:flex;align-items:center;padding:0 13px;box-sizing:border-box}.checkout-search svg{width:16px;height:16px;fill:none;stroke:#9ca6b8;stroke-width:1.8;flex-shrink:0}.checkout-search input{width:100%;border:none;outline:none;background:transparent;padding-left:9px;font-size:12px;color:#3d465a}.checkout-search input::placeholder{color:#9ba5b7}.checkout-nav-menu{display:flex;align-items:center;gap:25px}.checkout-nav-menu>button{border:none;background:transparent;color:#3c465b;font-size:12px;font-weight:600;white-space:nowrap;cursor:pointer;transition:color .2s ease}.checkout-nav-menu>button:hover{color:#4b3be4}.checkout-profile{height:39px;padding:3px 11px 3px 4px!important;border:1px solid #e3e7ef!important;border-radius:22px!important;display:flex;align-items:center;gap:8px}.checkout-profile span{width:30px;height:30px;background:#efedff;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#4c3ee3;font-size:9px;font-weight:800}.checkout-profile strong{color:#384155;font-size:11px}.checkout-container{width:calc(100% - 60px);max-width:1240px;margin:0 auto;flex:1}.checkout-heading{min-height:92px;border-bottom:1px solid #e1e5ec;display:flex;align-items:center;justify-content:space-between;gap:20px}.checkout-heading h1{margin:0;font-size:28px;line-height:1;letter-spacing:-1px;font-weight:800;color:#111a31}.checkout-heading p{margin:7px 0 0;color:#71809a;font-size:12px}.checkout-timer{min-width:183px;height:35px;padding:0 15px;border-radius:20px;background:#ffe0d3;color:#944115;display:flex;align-items:center;justify-content:center;gap:7px;font-size:11px;font-weight:700}.checkout-timer svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8}.checkout-content{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(340px,1fr);gap:30px;padding-top:68px;padding-bottom:75px}.buyer-section,.checkout-sidebar{min-width:0}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.section-heading>div{min-width:0;display:flex;flex-direction:column;gap:4px}.section-heading h2{margin:0;font-size:19px;font-weight:800;color:#141d32}.section-heading>div>span{color:#69758b;font-size:11px;font-weight:500}.add-buyer-button{flex:0 0 auto;min-height:38px;padding:0 14px;border:1px solid #dcd9fb;border-radius:9px;background:#f7f6ff;color:#5548dc;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:11px;font-weight:700;cursor:pointer;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease,transform .15s ease}.add-buyer-button svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.add-buyer-button:hover{background:#eeecff;border-color:#c9c4f7;box-shadow:0 4px 12px #5548dc14}.add-buyer-button:active{transform:scale(.97)}.buyer-form-list{display:flex;flex-direction:column;gap:14px}.buyer-card{width:100%;background:#fff;border:1px solid #dce5ff;border-radius:15px;overflow:hidden;box-shadow:0 2px 7px #2a3a5d06;transition:border-color .25s ease,box-shadow .25s ease,transform .2s ease}.buyer-card:hover{border-color:#d2dcfa}.buyer-card-open{border-color:#ccd9ff;box-shadow:0 4px 14px #2a3a5d0a}.buyer-card-locked{background:#f9fafb;border-color:#e5e7eb}.buyer-card-locked .buyer-card-header{background:#f3f4f6}.buyer-locked-note{margin:0;padding:10px 14px;background:#eef2ff;border-radius:8px;color:#5143e6;font-size:.8rem;font-style:italic}.buyer-card-header{width:100%;min-height:58px;display:flex;align-items:center;background:#fff;border-bottom:1px solid transparent}.buyer-card-open .buyer-card-header{border-bottom-color:#e7ecf8}.buyer-card-toggle{flex:1;min-width:0;min-height:58px;padding:0 18px;border:none;background:transparent;display:flex;align-items:center;justify-content:space-between;gap:15px;cursor:pointer;text-align:left;transition:background .2s ease}.buyer-card-toggle:hover{background:#fbfcff}.buyer-title{min-width:0;display:flex;align-items:center;gap:13px}.buyer-number{width:28px;height:28px;border-radius:50%;background:#5143e6;color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;flex-shrink:0}.buyer-title strong{color:#172037;font-size:14px;font-weight:800}.accordion-icon{width:27px;height:27px;background:#f0f3f8;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .2s ease,transform .25s ease}.accordion-icon svg{width:15px;height:15px;fill:none;stroke:#657187;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .25s ease}.accordion-icon.open svg{transform:rotate(0)}.accordion-icon:not(.open) svg{transform:rotate(180deg)}.delete-buyer-button{width:38px;height:38px;flex:0 0 38px;margin-right:12px;padding:0;border:none;border-radius:9px;background:transparent;color:#a0a7b4;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease,color .2s ease,transform .15s ease}.delete-buyer-button svg{width:17px;height:17px}.delete-buyer-button:hover{background:#fff0f0;color:#e05252}.delete-buyer-button:active{transform:scale(.9)}.buyer-form{padding:23px 23px 20px;animation:buyerFormAppear .22s ease}@keyframes buyerFormAppear{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.input-group{margin-bottom:20px}.input-group:last-child{margin-bottom:0}.input-group label{display:block;margin-bottom:7px;color:#414b5e;font-size:12px;font-weight:500}.input-group label span{color:#ee4545;margin-left:2px}.input-group input{width:100%;height:40px;box-sizing:border-box;padding:0 14px;border:1px solid #bbc6df;border-radius:7px;outline:none;background:#eff3ff;color:#313c54;font-size:12px;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}.input-group input::placeholder{color:#9aa5ba}.input-group input:hover{border-color:#aab8d6}.input-group input:focus{border-color:#685cf0;background:#f7f8ff;box-shadow:0 0 0 3px #5143e614}.add-buyer-button-bottom{width:100%;min-height:45px;margin-top:2px;padding:0 14px;border:1px dashed #c8c4ee;border-radius:10px;background:#fff;color:#5548dc;display:flex;align-items:center;justify-content:center;gap:7px;font-size:11px;font-weight:700;cursor:pointer;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease,transform .15s ease}.add-buyer-button-bottom svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.add-buyer-button-bottom:hover{background:#faf9ff;border-color:#9d97e8;box-shadow:0 4px 12px #5548dc0f}.add-buyer-button-bottom:active{transform:scale(.99)}.event-summary-card{position:relative;background:#fff;border:1px solid #dfe5ed;border-radius:15px;overflow:hidden;box-shadow:0 2px 8px #27355109}.event-summary-decoration{position:absolute;width:115px;height:115px;border-radius:50%;right:-18px;top:-25px;background:#f4f7ff}.event-summary-content{position:relative;z-index:1;padding:58px 23px 23px}.event-summary-content h2{margin:0;color:#172037;font-size:19px;font-weight:800}.event-summary-content h3{margin:12px 0 0;color:#4d5a71;font-size:13px;font-weight:600}.event-summary-info{margin-top:16px;padding-bottom:15px;border-bottom:1px solid #e8ecf2;display:flex;flex-direction:column;gap:9px}.event-summary-info div{display:flex;align-items:center;gap:9px}.event-summary-info svg{width:15px;height:15px;fill:none;stroke:#5548ed;stroke-width:1.7;flex-shrink:0}.event-summary-info span{color:#455168;font-size:11px;line-height:1.4}.selected-ticket{margin-top:15px;min-height:50px;padding:0 11px;box-sizing:border-box;border:1px solid #d7e0ff;border-radius:11px;background:#f4f6ff;display:flex;align-items:center;gap:10px}.selected-ticket-icon{width:31px;height:31px;background:#dfe7ff;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.selected-ticket-icon svg{width:17px;height:17px;fill:#5548ed;stroke:none}.selected-ticket strong{color:#202a40;font-size:11px;flex:1}.selected-ticket>span{color:#5145e8;font-size:14px;font-weight:800;white-space:nowrap}.payment-summary-card{margin-top:24px;padding:23px 23px 22px;background:#e5efff;border:1px solid #bdd4ff;border-radius:15px;box-sizing:border-box}.payment-summary-card h2{margin:0 0 17px;color:#526078;font-size:10px;font-weight:800;letter-spacing:.6px}.payment-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:10px}.payment-row span,.payment-row strong{color:#36445c;font-size:12px}.payment-row strong{font-weight:700;white-space:nowrap}.payment-divider{height:1px;background:#c6d9f8;margin:12px 0 15px}.payment-total{display:flex;align-items:center;justify-content:space-between;gap:20px}.payment-total strong{color:#172039;font-size:17px;font-weight:800}.payment-total span{color:#4c3dde;font-size:24px;font-weight:800;white-space:nowrap}.checkout-submit-button{width:100%;height:45px;margin-top:23px;border:none;border-radius:6px;background:#3f2ed4;color:#fff;display:flex;align-items:center;justify-content:center;gap:7px;cursor:pointer;font-size:12px;font-weight:700;transition:background .2s ease,transform .2s ease,box-shadow .2s ease}.checkout-submit-button:hover{background:#3524c2;transform:translateY(-1px);box-shadow:0 5px 14px #3f2ed42e}.checkout-submit-button:active{transform:translateY(0);box-shadow:none}.checkout-submit-button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8}.mobile-event-summary,.mobile-payment-summary{display:none}.checkout-footer{height:84px;border-top:1px solid #dfe4eb;background:#fff;display:flex;justify-content:center;align-items:center;color:#7e899d;font-size:11px;flex-shrink:0}@media (max-width: 1100px){.checkout-navbar{padding:0 20px;gap:18px}.checkout-navbar-left,.checkout-nav-menu{gap:15px}.checkout-search{max-width:300px}.checkout-container{width:calc(100% - 40px)}.checkout-content{grid-template-columns:minmax(0,1.5fr) minmax(310px,1fr);gap:22px}.payment-total span{font-size:21px}.section-heading{gap:15px}.add-buyer-button{padding-left:12px;padding-right:12px}}@media (max-width: 850px){.checkout-page{min-height:100vh;padding-bottom:250px}.checkout-navbar{height:66px;padding:0 20px;justify-content:center;position:relative}.checkout-logo{font-size:22px;position:absolute;left:50%;transform:translate(-50%)}.checkout-navbar-left{position:absolute;left:20px;width:auto}.checkout-back-button{width:28px;height:30px;padding:0;border:none;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer}.checkout-back-button svg{width:24px;height:24px;fill:none;stroke:#4438dd;stroke-width:1.8}.checkout-location,.checkout-search,.checkout-nav-menu{display:none}.checkout-container{width:calc(100% - 32px);margin:0 auto}.checkout-heading{min-height:auto;padding:30px 8px 17px;border-bottom:none;display:block}.checkout-heading h1{font-size:24px;letter-spacing:-.7px}.checkout-heading p{max-width:330px;margin-top:9px;font-size:10px;line-height:1.5}.checkout-timer{width:max-content;min-width:0;height:32px;margin-top:10px;padding:0 14px;font-size:10px}.checkout-content{display:block;padding-top:0;padding-bottom:30px}.mobile-event-summary{display:block;margin:5px 25px 27px}.desktop-event-summary{display:none}.event-summary-card{border-radius:15px}.event-summary-content{padding:54px 24px 24px}.event-summary-content h2{font-size:19px}.event-summary-content h3{margin-top:12px;font-size:13px}.event-summary-info{margin-top:17px;padding-bottom:15px}.event-summary-info span{font-size:11px}.selected-ticket{min-height:58px;margin-top:15px}.selected-ticket strong{font-size:11px}.selected-ticket>span{font-size:14px}.section-heading{margin:0 8px 15px;align-items:flex-start;flex-direction:column;gap:12px}.section-heading h2{font-size:19px}.section-heading>div>span{font-size:10px}.add-buyer-button{width:100%;min-height:42px}.buyer-form-list{gap:14px}.buyer-card{margin:0 8px;border-radius:15px}.buyer-card-header{min-height:55px}.buyer-card-toggle{min-height:55px;padding:0 13px 0 16px}.buyer-title{gap:10px}.buyer-number{width:28px;height:28px}.buyer-title strong{font-size:13px}.delete-buyer-button{width:35px;height:35px;flex-basis:35px;margin-right:8px}.delete-buyer-button svg{width:16px;height:16px}.accordion-icon{width:26px;height:26px;flex-basis:26px}.buyer-form{padding:24px 24px 21px}.input-group{margin-bottom:22px}.input-group label{margin-bottom:7px;font-size:12px}.input-group input{height:43px;border-radius:7px;font-size:12px}.add-buyer-button-bottom{width:calc(100% - 16px);margin:0 8px 35px;min-height:44px}.checkout-sidebar,.checkout-footer{display:none}.mobile-payment-summary{display:block;position:fixed;z-index:1000;left:0;right:0;bottom:0;background:#fff;box-shadow:0 -8px 30px #21304e26;padding:0 0 env(safe-area-inset-bottom)}.mobile-payment-summary .payment-summary-card{margin:0;padding:15px 24px 14px;border:none;border-radius:22px 22px 0 0;background:linear-gradient(180deg,#d9e9ff,#cfe2ff);box-shadow:none}.mobile-payment-summary .payment-summary-card h2{margin-bottom:13px;font-size:10px}.mobile-payment-summary .payment-row{margin-bottom:7px}.mobile-payment-summary .payment-row span,.mobile-payment-summary .payment-row strong{font-size:11px}.mobile-payment-summary .payment-divider{margin:11px 0 13px}.mobile-payment-summary .payment-total strong{font-size:18px}.mobile-payment-summary .payment-total span{font-size:23px}.mobile-payment-summary .checkout-submit-button{height:48px;margin-top:18px;border-radius:7px;background:#3e2bd5;font-size:12px}}@media (max-width: 560px){.checkout-page{padding-bottom:255px}.checkout-navbar{height:66px}.checkout-logo{font-size:21px}.checkout-navbar-left{left:18px}.checkout-heading{padding:31px 8px 16px}.checkout-heading h1{font-size:24px}.checkout-heading p{font-size:10px}.checkout-timer{margin-top:10px}.mobile-event-summary{margin-left:25px;margin-right:25px;margin-bottom:28px}.event-summary-content{padding:56px 24px 24px}.event-summary-decoration{width:110px;height:110px}.event-summary-content h2{font-size:18px}.event-summary-content h3{font-size:13px}.event-summary-info span{font-size:11px}.selected-ticket{padding:0 10px}.selected-ticket strong{font-size:10px}.selected-ticket>span{font-size:13px}.section-heading,.buyer-card{margin-left:8px;margin-right:8px}.buyer-card-header{padding-left:0;padding-right:0}.buyer-card-toggle{padding-left:15px;padding-right:12px}.buyer-title{gap:9px}.buyer-number{width:27px;height:27px;flex-basis:27px;font-size:11px}.buyer-title strong{font-size:12px}.delete-buyer-button{width:34px;height:34px;flex-basis:34px;margin-right:6px}.delete-buyer-button svg{width:15px;height:15px}.buyer-form{padding-left:24px;padding-right:24px}.add-buyer-button-bottom{margin-left:8px;margin-right:8px;margin-bottom:40px;width:calc(100% - 16px)}.mobile-payment-summary .payment-summary-card{padding-left:24px;padding-right:24px}}@media (max-width: 390px){.checkout-page{padding-bottom:260px}.checkout-container{width:calc(100% - 20px)}.checkout-heading{padding-left:8px;padding-right:8px}.mobile-event-summary{margin-left:17px;margin-right:17px}.event-summary-content{padding-left:20px;padding-right:20px}.section-heading,.buyer-card{margin-left:0;margin-right:0}.buyer-card-toggle{padding-left:13px;padding-right:10px}.buyer-title{gap:8px}.buyer-title strong{font-size:11px}.buyer-number{width:26px;height:26px;flex-basis:26px}.delete-buyer-button{width:32px;height:32px;flex-basis:32px;margin-right:4px}.buyer-form{padding-left:19px;padding-right:19px}.add-buyer-button-bottom{margin-left:0;margin-right:0;margin-bottom:45px;width:100%}.mobile-payment-summary .payment-summary-card{padding-left:19px;padding-right:19px}.payment-total span{font-size:21px}}.ticket-success-page{min-height:100vh;background:#f8f9fc;color:#17233c;display:flex;flex-direction:column}.ticket-success-container{width:100%;max-width:960px;margin:0 auto;padding:40px 24px 80px;box-sizing:border-box}.success-message{width:100%;min-height:78px;background:#d4f8e7;border:1px solid #5ed7a5;border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;margin-bottom:24px;color:#14745b;box-sizing:border-box}.success-message strong{font-size:16px;font-weight:700}.success-message span{font-size:16px;font-weight:600}.ticket-list{display:flex;flex-direction:column;gap:20px}.ticket-result-card{width:100%;background:#fff;border:1px solid #d7e3fa;border-radius:12px;overflow:hidden;box-shadow:0 7px 18px #1d345b1a}.ticket-event-header{min-height:128px;padding:22px 24px;background:#eff4ff;border-bottom:1px solid #d7e3fa;display:flex;justify-content:space-between;align-items:flex-start;box-sizing:border-box}.ticket-event-info h2{margin:0 0 8px;font-size:20px;line-height:1.3;font-weight:700;color:#17233c}.ticket-info-row{display:flex;align-items:center;gap:7px;margin-top:7px;color:#5c6475;font-size:14px}.ticket-info-row svg{width:17px;height:17px;fill:none;stroke:#4e5362;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.ticket-usage-badge{display:none}.ticket-usage-badge.used{background:#aaf1c9;border:1px solid #65d99b;color:#176b43}.ticket-usage-badge.unused{background:#ffe57a;border:1px solid #f1c934;color:#8b5b00}.ticket-usage-badge.expired{background:#ffb1b7;border:1px solid #f07882;color:#a31e28}.order-number{font-size:13px;font-weight:500;opacity:.8}.ticket-loading,.ticket-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:60px 20px;color:#5c6475;font-size:15px}.ticket-spinner{width:36px;height:36px;border:3px solid #e2e5ec;border-top-color:#5146e5;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.ticket-qr-section{min-height:345px;padding:24px 20px 26px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box}.qr-wrapper{width:192px;height:192px;padding:5px;border:2px dashed #cbd5ee;border-radius:7px;background:#fff;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.qr-wrapper img{width:178px;height:178px;object-fit:contain;display:block}.qr-instruction{margin:10px 0 8px;color:#5f6575;font-size:13px;text-align:center}.ticket-code{min-width:148px;height:34px;padding:0 16px;border-radius:7px;background:#eff4ff;display:flex;align-items:center;justify-content:center;color:#17233c;font-size:16px;font-weight:800;letter-spacing:2px;box-sizing:border-box}.download-qr-button{margin-top:10px;height:34px;padding:0 18px;border:none;border-radius:6px;background:#5146e5;color:#fff;display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px;cursor:pointer;transition:.2s ease}.download-qr-button:hover{background:#4338ca}.download-qr-button svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.ticket-detail-section{border-top:1px solid #d7e3fa;padding:17px 24px 18px;box-sizing:border-box}.ticket-detail-row{min-height:29px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:14px;color:#5c6475}.ticket-detail-row strong{color:#344054;font-weight:600;text-align:right}.ticket-detail-row .payment-status{color:#249456}.success-actions{margin-top:30px;display:flex;flex-direction:column;gap:10px}.success-actions button{width:100%;height:50px;border-radius:5px;font-size:14px;font-weight:600;cursor:pointer;transition:.2s ease}.dashboard-button{border:1px solid #5146e5;background:#5146e5;color:#fff}.dashboard-button:hover{background:#4338ca}.my-ticket-button{border:1px solid #e9ecff;background:#eef0ff;color:#5146e5}.my-ticket-button:hover{background:#e2e5ff}.refund-button{border:1px solid #f04444;background:#fff;color:#e32f2f}.refund-button:hover{background:#fff5f5}.ticket-success-footer{margin-top:auto;min-height:72px;border-top:1px solid #e5e7eb;background:#fff;display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box;color:#969cab;font-size:12px;text-align:center}@media (max-width: 768px){.ticket-success-container{max-width:100%;padding:28px 25px 110px}.success-message{display:none}.ticket-list{gap:20px}.ticket-result-card{border-radius:11px;box-shadow:0 6px 15px #1d345b1a}.ticket-result-card.ticket-card-2{display:none}.ticket-event-header{min-height:137px;padding:25px 25px 22px;position:relative}.ticket-event-info h2{font-size:20px;margin-bottom:10px}.ticket-info-row{font-size:16px;margin-top:8px;gap:8px}.ticket-info-row svg{width:18px;height:18px}.ticket-usage-badge{display:flex;position:absolute;top:10px;right:9px;min-height:27px;padding:3px 13px;border-radius:15px;background:#ffe37d;border:1px solid #f4c842;color:#8a5a00;align-items:center;justify-content:center;font-size:12px;font-weight:500;box-sizing:border-box}.ticket-qr-section{min-height:461px;padding:32px 20px 31px}.qr-wrapper{width:256px;height:256px;padding:6px;border-radius:7px}.qr-wrapper img{width:238px;height:238px}.qr-instruction{margin-top:13px;margin-bottom:10px;font-size:14px}.ticket-code{min-width:197px;height:44px;font-size:20px;letter-spacing:2px;border-radius:8px}.download-qr-button{margin-top:11px;width:197px;height:45px;border-radius:7px;font-size:16px}.download-qr-button svg{width:18px;height:18px}.ticket-detail-section{padding:22px 25px}.ticket-detail-row{min-height:40px;font-size:16px}.ticket-detail-row strong,.ticket-detail-row .payment-status{font-weight:500}.success-actions{margin-top:40px;gap:16px}.success-actions button{height:56px;border-radius:7px;font-size:16px;font-weight:500}.ticket-success-footer{display:none}}@media (max-width: 480px){.ticket-success-container,.ticket-event-header{padding-left:25px;padding-right:25px}.ticket-qr-section{min-height:430px}.qr-wrapper{width:256px;height:256px}.qr-wrapper img{width:238px;height:238px}}@media (max-width: 370px){.ticket-success-container{padding-left:18px;padding-right:18px}.ticket-event-header{padding-left:20px;padding-right:20px}.ticket-info-row{font-size:14px}.qr-wrapper{width:220px;height:220px}.qr-wrapper img{width:204px;height:204px}.ticket-code,.download-qr-button{width:185px}}.my-ticket-page{min-height:100vh;background:#f7f8fc;color:#17233c;display:flex;flex-direction:column}.my-ticket-container{width:100%;max-width:1180px;margin:0 auto;padding:38px 32px 85px;box-sizing:border-box;flex:1}.my-ticket-heading{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:48px}.my-ticket-heading h1{margin:0;color:#101a32;font-size:38px;line-height:1.2;font-weight:750;letter-spacing:-1px}.my-ticket-heading p{margin:8px 0 0;color:#657493;font-size:16px;line-height:1.5}.my-ticket-filters{display:flex;gap:8px;flex-wrap:wrap}.filter-button{flex-shrink:0;min-width:100px;height:36px;padding:0 16px;border:1px solid #d7e3fa;border-radius:20px;background:#fff;color:#5c6475;font-size:13px;font-weight:500;cursor:pointer;transition:.2s ease}.filter-button:hover{background:#f0f3ff;border-color:#5a55ed;color:#5a55ed}.filter-button.active{background:#5a55ed;border-color:#5a55ed;color:#fff}.my-ticket-loading,.my-ticket-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:80px 20px;color:#5c6475;font-size:15px}.my-ticket-empty svg{width:56px;height:56px;color:#c0c7d6}.my-ticket-empty button{margin-top:8px;padding:10px 24px;border:none;border-radius:8px;background:#5a55ed;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:.2s ease}.my-ticket-empty button:hover{background:#4944d8}.ticket-spinner{width:36px;height:36px;border:3px solid #e2e5ec;border-top-color:#5a55ed;border-radius:50%;animation:ticket-spin .8s linear infinite}@keyframes ticket-spin{to{transform:rotate(360deg)}}.ticket-image-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#dfe4ee,#c8d0e0);display:flex;align-items:center;justify-content:center}.ticket-image-placeholder .placeholder-text{font-size:48px;font-weight:700;color:#ffffffe6;text-shadow:0 2px 8px rgba(0,0,0,.2)}.ticket-event-image{width:100%;height:100%;object-fit:cover}.my-ticket-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.my-ticket-card{min-width:0;background:#fff;border-radius:13px;overflow:hidden;box-shadow:0 7px 20px #1c274614}.ticket-image-section{height:192px;position:relative;overflow:hidden;background:#dfe4ee}.ticket-image-section img{width:100%;height:100%;display:block;object-fit:cover}.ticket-image-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#00000008 20%,#000000ad)}.ticket-status-badge{position:absolute;top:9px;right:9px;z-index:2;min-height:28px;padding:4px 13px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;white-space:nowrap;box-sizing:border-box}.ticket-status-badge.paid{background:#aaf1c9;border:1px solid #65d99b;color:#176b43}.ticket-status-badge.pending{background:#ffe57a;border:1px solid #f1c934;color:#8b5b00}.ticket-status-badge.failed{background:#ffb1b7;border:1px solid #f07882;color:#a31e28}.ticket-image-content{position:absolute;left:16px;right:16px;bottom:16px;z-index:2;color:#fff}.ticket-category{display:block;margin-bottom:5px;font-size:12px;line-height:1.2;font-weight:700;letter-spacing:.6px;color:#ffffffd1}.ticket-image-content h2{margin:0;font-size:20px;line-height:1.2;font-weight:700;color:#fff}.ticket-card-content{padding:14px 16px 15px}.ticket-card-info{display:flex;flex-direction:column;gap:10px}.ticket-info-item{display:flex;align-items:center;gap:8px;color:#4f5567;font-size:14px;line-height:1.4}.ticket-info-item svg{width:17px;height:17px;flex-shrink:0;fill:none;stroke:#4d5261;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.ticket-card-divider{width:100%;height:1px;margin:16px 0;background:#e2e5ec}.ticket-card-action{display:flex;justify-content:flex-end}.ticket-card-action button{min-width:112px;height:38px;padding:0 15px;border:1px solid #4238ff;border-radius:8px;background:#fff;color:#3730d9;font-size:14px;font-weight:600;cursor:pointer;transition:.2s ease}.ticket-card-action button:hover{background:#f2f1ff}.my-ticket-mobile-bottom-nav{display:none}.my-ticket-footer{min-height:70px;border-top:1px solid #dfe3eb;background:#fff;display:flex;align-items:center;justify-content:center;color:#7d8495;font-size:13px;text-align:center;padding:15px 20px;box-sizing:border-box}@media (max-width: 1050px){.my-ticket-container{padding-left:25px;padding-right:25px}.my-ticket-list{gap:20px}.ticket-image-section{height:180px}.ticket-image-content h2{font-size:18px}.ticket-info-item{font-size:13px}}@media (max-width: 768px){.my-ticket-page{background:#fff}.my-ticket-container{width:100%;padding:38px 37px 110px;box-sizing:border-box}.my-ticket-heading{display:block;margin-bottom:34px}.my-ticket-heading h1{font-size:27px;letter-spacing:-.5px}.my-ticket-heading p{max-width:330px;margin-top:8px;font-size:16px;line-height:1.45}.my-ticket-filters{margin-top:18px}.filter-button{min-width:0;height:32px;padding:0 12px;font-size:12px}.my-ticket-list{display:flex;flex-direction:column;gap:20px}.my-ticket-card{width:100%;border-radius:11px;box-shadow:0 6px 18px #1c274612}.ticket-image-section{height:191px}.ticket-image-content{left:16px;right:16px;bottom:17px}.ticket-category{margin-bottom:6px;font-size:12px}.ticket-image-content h2{font-size:20px}.ticket-status-badge{top:8px;right:8px;min-height:28px;padding:3px 12px;font-size:12px}.ticket-card-content{padding:14px 16px 17px}.ticket-card-info{gap:10px}.ticket-info-item{font-size:14px}.ticket-info-item svg{width:17px;height:17px}.ticket-card-divider{margin:15px 0 16px}.ticket-card-action{justify-content:flex-end}.ticket-card-action button{min-width:111px;height:36px;font-size:14px}.my-ticket-footer{display:none}.my-ticket-mobile-bottom-nav{position:fixed;z-index:100;left:12px;right:12px;bottom:8px;height:79px;padding:7px 8px 6px;border:1px solid #dfe4ef;border-radius:7px;background:#f9fafffa;box-shadow:0 5px 25px #1e29461f;display:grid;grid-template-columns:repeat(5,1fr);box-sizing:border-box}.bottom-nav-item{min-width:0;border:none;background:transparent;color:#52596b;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:3px 1px;cursor:pointer}.bottom-nav-item svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.bottom-nav-item span{font-size:11px;line-height:1.1;font-weight:600;white-space:nowrap}.bottom-nav-item.active{color:#5146e5}}@media (max-width: 480px){.my-ticket-container{padding-left:37px;padding-right:37px;padding-top:38px}.my-ticket-heading h1{font-size:26px}.my-ticket-heading p{font-size:16px}.ticket-image-section{height:191px}.ticket-image-content h2{font-size:20px}.ticket-info-item{font-size:14px}.my-ticket-mobile-bottom-nav{left:12px;right:12px}}@media (max-width: 370px){.my-ticket-container{padding-left:22px;padding-right:22px}.ticket-image-section{height:175px}.ticket-image-content h2{font-size:18px}.ticket-status-badge{font-size:11px;padding-left:9px;padding-right:9px}.ticket-info-item{font-size:13px}.bottom-nav-item span{font-size:10px}}.refund-request-page{min-height:100vh;background:#f8f9fc;color:#142039;display:flex;flex-direction:column}.refund-container{width:100%;max-width:1210px;margin:0 auto;padding:34px 30px 90px;box-sizing:border-box;flex:1}.refund-page-heading{display:flex;align-items:center;justify-content:space-between;padding-bottom:10px;border-bottom:1px solid #dfe3eb}.refund-page-heading h1{margin:0;color:#111b32;font-size:30px;line-height:1.2;font-weight:750}.refund-page-heading p{margin:5px 0 0;color:#687792;font-size:13px}.mobile-refund-title{display:none}.refund-timer{height:31px;padding:0 15px;border-radius:20px;background:#ffe0d1;color:#91451e;display:flex;align-items:center;gap:7px;font-size:12px;font-weight:600;box-sizing:border-box}.refund-timer svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.refund-content{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(350px,1fr);gap:30px;margin-top:68px;align-items:start}.refund-form-section h2{margin:0 0 25px;color:#111b32;font-size:20px;font-weight:750}.refund-form-card{margin:0;padding:0;border:1px solid #d7e2fb;border-radius:14px;background:#fff;overflow:hidden;box-sizing:border-box}.refund-form-header{height:42px;padding:0 23px;border-bottom:1px solid #dce5f7;display:flex;align-items:center;color:#17233c;font-size:16px;font-weight:700;box-sizing:border-box}.refund-form-body{padding:22px 23px 23px}.refund-input-group{margin-bottom:18px}.refund-input-group:last-child{margin-bottom:0}.refund-input-group label{display:block;margin-bottom:6px;color:#4b5261;font-size:13px;font-weight:500}.refund-input-group label span{color:#e53e3e;margin-left:2px}.refund-input-group input,.refund-input-group select,.refund-input-group textarea{width:100%;border:1px solid #bfc9df;border-radius:8px;background:#eef2fc;color:#17233c;outline:none;font-family:inherit;font-size:13px;box-sizing:border-box;transition:.2s ease}.refund-input-group input,.refund-input-group select{height:41px;padding:0 14px}.refund-input-group textarea{min-height:95px;padding:12px 14px;resize:vertical}.refund-input-group input::placeholder,.refund-input-group textarea::placeholder{color:#a2a9ba}.refund-input-group input:focus,.refund-input-group select:focus,.refund-input-group textarea:focus{border-color:#5b5ce2;background:#f3f5ff}.refund-select-wrapper{position:relative}.refund-select-wrapper select{-moz-appearance:none;appearance:none;-webkit-appearance:none;padding-right:40px;cursor:pointer}.refund-select-wrapper>svg{position:absolute;width:17px;height:17px;right:13px;top:50%;transform:translateY(-50%);fill:none;stroke:#697286;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.refund-information{min-height:56px;margin-top:23px;padding:10px 16px;border:1px solid #d6e4fc;border-radius:10px;background:#f2f7ff;display:flex;align-items:center;gap:12px;box-sizing:border-box}.refund-information-icon{width:22px;height:22px;flex-shrink:0;color:#5b5cf6}.refund-information-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.refund-information p{margin:0;color:#5f6e87;font-size:10px;line-height:1.8}.refund-sidebar{display:flex;flex-direction:column;gap:23px}.refund-ticket-card{width:100%;padding:18px 16px;border:1px solid #e0e4ed;border-radius:13px;background:#fff;box-shadow:0 5px 17px #1927480f;box-sizing:border-box}.refund-order-code{color:#4238ff;font-size:16px;font-weight:500}.refund-ticket-divider{width:100%;height:1px;margin:9px 0 14px;background:#e5e7ed}.refund-ticket-card h3{margin:0 0 13px;color:#17233c;font-size:18px;font-weight:700}.refund-ticket-row{min-height:37px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#515869;font-size:14px}.refund-ticket-row strong{color:#17233c;font-size:14px;font-weight:650;text-align:right}.bottom-divider{margin:8px 0 5px}.refund-ticket-total{min-height:29px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#515869;font-size:14px}.refund-ticket-total strong{color:#17233c;font-size:16px;font-weight:750}.desktop-refund-submit{padding:23px;border:1px solid #c9dcff;border-radius:14px;background:#eaf2ff;box-sizing:border-box}.desktop-refund-submit button{width:100%;height:45px;border:none;border-radius:6px;background:#3d2bd4;color:#fff;font-size:13px;font-weight:700;cursor:pointer;transition:.2s ease}.desktop-refund-submit button:hover{background:#3121b8}.refund-mobile-header,.mobile-refund-ticket,.mobile-refund-submit{display:none}.refund-footer{min-height:70px;border-top:1px solid #dfe3eb;background:#fff;display:flex;align-items:center;justify-content:center;color:#7e8799;font-size:13px;text-align:center;padding:15px 20px;box-sizing:border-box}@media (max-width: 900px){.refund-container{padding-left:24px;padding-right:24px}.refund-content{grid-template-columns:minmax(0,1fr) minmax(300px,.8fr);gap:24px;margin-top:50px}.refund-form-body{padding-left:18px;padding-right:18px}.refund-ticket-card{padding-left:15px;padding-right:15px}}@media (max-width: 768px){.refund-request-page{min-height:100vh;background:#f8f9ff}.refund-mobile-header{height:65px;display:flex;align-items:center;justify-content:space-between;padding:0 31px;border-bottom:1px solid #e0e4ec;background:#fff;box-sizing:border-box}.refund-mobile-header button{width:28px;height:28px;padding:0;border:none;background:transparent;color:#4338ff;display:flex;align-items:center;justify-content:center;cursor:pointer}.refund-mobile-header button svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.refund-mobile-logo{margin-left:5px;color:#151b2e;font-size:24px;font-weight:800;letter-spacing:-1px}.refund-mobile-logo span{color:#4338e9}.refund-mobile-spacer{width:28px}.refund-container{width:100%;max-width:100%;padding:32px 57px 125px;margin:0;box-sizing:border-box}.refund-page-heading{display:block;border:none;padding:0}.desktop-refund-title{display:none}.mobile-refund-title{display:block;margin:0;font-size:24px;line-height:1.25}.refund-page-heading p{margin-top:8px;font-size:11px;line-height:1.5}.refund-timer{display:none}.mobile-refund-ticket{display:block;margin-top:25px}.mobile-refund-ticket .refund-ticket-card{padding:15px 16px 16px;border-radius:12px}.refund-ticket-card h3{margin-bottom:10px;font-size:19px}.refund-order-code{font-size:16px}.refund-ticket-row{min-height:39px;font-size:15px}.refund-ticket-row strong,.refund-ticket-total{font-size:15px}.refund-ticket-total strong{font-size:16px}.refund-content{display:block;margin-top:26px}.refund-form-section h2{margin-bottom:10px;padding-bottom:9px;border-bottom:1px solid #d9dce4;font-size:20px}.refund-form-card{border-radius:13px}.refund-form-header{height:36px;padding:0 24px;font-size:16px}.refund-form-body{padding:25px 24px 22px}.refund-input-group{margin-bottom:21px}.refund-input-group label{margin-bottom:6px;font-size:13px}.refund-input-group input,.refund-input-group select{height:43px;font-size:13px}.refund-input-group textarea{min-height:100px;font-size:13px}.refund-information{min-height:108px;margin-top:17px;padding:12px 15px;align-items:flex-start;gap:11px}.refund-information-icon{margin-top:2px;width:19px;height:19px}.refund-information p{font-size:10px;line-height:2}.refund-sidebar{display:none}.mobile-refund-submit{position:fixed;z-index:100;left:0;right:0;bottom:0;display:block;padding:22px 32px 16px;border-top:1px solid #d0dff8;background:#e9f1ff;box-shadow:0 -8px 25px #27345314;box-sizing:border-box}.mobile-refund-submit button{width:100%;height:48px;border:none;border-radius:6px;background:#3d2bd4;color:#fff;font-size:14px;font-weight:700;cursor:pointer}.refund-footer{display:none}}@media (max-width: 480px){.refund-mobile-header{padding:0 31px}.refund-container{padding-left:57px;padding-right:57px}.refund-mobile-logo{font-size:23px}}@media (max-width: 400px){.refund-container{padding-left:35px;padding-right:35px}.refund-mobile-header{padding-left:25px;padding-right:25px}.refund-mobile-ticket{margin-top:22px}.refund-ticket-row,.refund-ticket-row strong{font-size:14px}.refund-form-body{padding-left:18px;padding-right:18px}.refund-information p{font-size:9px}.mobile-refund-submit{padding-left:25px;padding-right:25px}}.refund-list-page{min-height:100vh;background:#f7f8fc;color:#17233c;display:flex;flex-direction:column}.refund-list-loading{margin-top:80px;display:flex;flex-direction:column;align-items:center;gap:16px;color:#687792;font-size:14px}.refund-list-spinner{width:36px;height:36px;border:3px solid #e2e5ec;border-top-color:#5a55ed;border-radius:50%;animation:refundListSpin .8s linear infinite}@keyframes refundListSpin{to{transform:rotate(360deg)}}.refund-list-empty{margin-top:80px;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.refund-list-empty svg{width:56px;height:56px;color:#c0c7d6}.refund-list-empty p{margin:0;color:#5c6475;font-size:15px}.refund-list-empty button{margin-top:8px;padding:10px 24px;border:none;border-radius:8px;background:#5a55ed;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:.2s ease}.refund-list-empty button:hover{background:#4944d8}.refund-list-container{width:100%;max-width:1180px;margin:0 auto;padding:38px 32px 85px;box-sizing:border-box;flex:1}.refund-list-heading{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:48px;flex-wrap:wrap}.refund-list-heading h1{margin:0;color:#101a32;font-size:38px;line-height:1.2;font-weight:750;letter-spacing:-1px}.refund-list-heading p{margin:8px 0 0;color:#657493;font-size:16px;line-height:1.5}.refund-list-filters{display:flex;gap:8px;flex-wrap:wrap}.refund-filter-btn{flex-shrink:0;min-width:100px;height:36px;padding:0 16px;border:1px solid #d7e3fa;border-radius:20px;background:#fff;color:#5c6475;font-size:13px;font-weight:500;cursor:pointer;transition:.2s ease}.refund-filter-btn:hover{background:#f0f3ff;border-color:#5a55ed;color:#5a55ed}.refund-filter-btn.active{background:#5a55ed;border-color:#5a55ed;color:#fff}.mobile-refund-list-title{display:none}.refund-list-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.rl-card{min-width:0;width:100%;background:#fff;border-radius:11px;overflow:hidden;box-shadow:0 6px 18px #1c274612}.rl-card-header{padding:16px 18px 14px}.rl-card-header-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.rl-card-header h2{margin:0;color:#17233c;font-size:18px;line-height:1.3;font-weight:700;flex:1;min-width:0}.rl-status-badge{flex-shrink:0;min-height:26px;padding:3px 12px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;white-space:nowrap;box-sizing:border-box}.rl-status-badge.approved{background:#b8f4d0;border:1px solid #73dca0;color:#17683f}.rl-status-badge.pending{background:#ffe57a;border:1px solid #f1c934;color:#8b5b00}.rl-status-badge.rejected{background:#ffb1b7;border:1px solid #f07882;color:#a31e28}.rl-card-date{margin-top:10px;display:flex;align-items:center;gap:8px;color:#4f5567;font-size:14px;line-height:1.4}.rl-card-date svg{width:17px;height:17px;flex-shrink:0;fill:none;stroke:#4d5261;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.rl-card-divider{width:100%;height:1px;background:#e2e5ec}.rl-card-action{padding:14px 18px 16px;display:flex;justify-content:flex-end}.rl-card-action button{min-width:111px;height:36px;padding:0 15px;border:1px solid #4238ff;border-radius:8px;background:#fff;color:#3730d9;font-size:13px;font-weight:600;cursor:pointer;transition:.2s ease}.rl-card-action button:hover{background:#f2f1ff}.refund-list-mobile-bottom-nav{display:none}.refund-list-footer{min-height:70px;border-top:1px solid #dfe3eb;background:#fff;display:flex;align-items:center;justify-content:center;color:#7d8495;font-size:13px;text-align:center;padding:15px 20px;box-sizing:border-box}@media (max-width: 1050px){.refund-list-container{padding-left:25px;padding-right:25px}.refund-list-grid{gap:20px}}@media (max-width: 900px){.refund-list-mobile-bottom-nav{position:fixed;z-index:100;left:12px;right:12px;bottom:8px;height:79px;padding:7px 8px 6px;border:1px solid #dfe4ef;border-radius:7px;background:#f9fafffa;box-shadow:0 5px 25px #1e29461f;display:grid;grid-template-columns:repeat(5,1fr);box-sizing:border-box}.refund-bottom-nav-item{min-width:0;border:none;background:transparent;color:#52596b;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:3px 1px;cursor:pointer}.refund-bottom-nav-item svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.refund-bottom-nav-item span{font-size:11px;line-height:1.1;font-weight:600;white-space:nowrap}.refund-bottom-nav-item.active{color:#5146e5}}@media (max-width: 768px){.refund-list-page{background:#fff}.refund-list-container{width:100%;padding:38px 37px 110px;box-sizing:border-box}.refund-list-heading{display:block;margin-bottom:34px}.refund-list-heading h1{font-size:27px;letter-spacing:-.5px}.refund-list-heading p{max-width:330px;margin-top:8px;font-size:16px;line-height:1.45}.refund-list-filters{margin-top:18px}.refund-filter-btn{min-width:0;height:32px;padding:0 12px;font-size:12px}.desktop-refund-list-title{display:none}.mobile-refund-list-title{display:block;margin:0;color:#122039;font-size:23px;line-height:1.3;font-weight:750;letter-spacing:-.5px}.desktop-refund-list-description{display:none}.refund-list-grid{display:flex;flex-direction:column;gap:20px}.refund-list-footer{display:none}}@media (max-width: 480px){.refund-list-container{padding-left:37px;padding-right:37px}}@media (max-width: 370px){.refund-list-container{padding-left:22px;padding-right:22px}.refund-bottom-nav-item span{font-size:10px}}.refund-detail-page{min-height:100vh;background:#f8f9fc;color:#142039;display:flex;flex-direction:column}.refund-detail-container{width:100%;max-width:720px;margin:0 auto;padding:34px 30px 90px;box-sizing:border-box;flex:1}.refund-detail-heading h1{margin:0;color:#111b32;font-size:30px;line-height:1.2;font-weight:750}.refund-detail-heading p{margin:5px 0 0;color:#687792;font-size:13px}.refund-detail-loading{margin-top:80px;display:flex;flex-direction:column;align-items:center;gap:16px;color:#687792;font-size:14px}.refund-detail-spinner{width:36px;height:36px;border:3px solid #e5e7ed;border-top-color:#3d2bd4;border-radius:50%;animation:refundDetailSpin .8s linear infinite}@keyframes refundDetailSpin{to{transform:rotate(360deg)}}.refund-detail-error{margin-top:80px;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.refund-detail-error svg{width:48px;height:48px;color:#e53e3e;stroke:currentColor}.refund-detail-error p{margin:0;color:#687792;font-size:14px}.refund-detail-error button{margin-top:8px;padding:10px 24px;border:1px solid #3d2bd4;border-radius:8px;background:#fff;color:#3d2bd4;font-size:13px;font-weight:600;cursor:pointer;transition:.2s ease}.refund-detail-error button:hover{background:#f2f1ff}.refund-detail-content{margin-top:30px}.refund-detail-card{border:1px solid #d7e2fb;border-radius:14px;background:#fff;overflow:hidden}.refund-detail-card-header{height:52px;padding:0 23px;border-bottom:1px solid #dce5f7;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box}.refund-detail-order-code{color:#4238ff;font-size:15px;font-weight:600}.refund-detail-status{min-height:27px;padding:3px 13px;border-radius:16px;font-size:12px;font-weight:500;display:flex;align-items:center}.refund-detail-status.pending{background:#ffe579;border:1px solid #f0ca35;color:#855900}.refund-detail-status.approved{background:#b8f4d0;border:1px solid #73dca0;color:#17683f}.refund-detail-status.rejected{background:#ffc0c3;border:1px solid #f28b91;color:#a5282d}.refund-detail-card-body{padding:20px 23px 23px}.refund-detail-row{min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:20px}.refund-detail-label{color:#687792;font-size:14px;flex-shrink:0}.refund-detail-value{color:#17233c;font-size:14px;font-weight:600;text-align:right}.refund-detail-value.highlight{color:#3d2bd4;font-size:18px;font-weight:750}.refund-detail-divider{width:100%;height:1px;margin:12px 0;background:#e5e7ed}.refund-detail-info{margin-top:20px;padding:12px 16px;border:1px solid #d6e4fc;border-radius:10px;background:#f2f7ff;display:flex;align-items:center;gap:12px}.refund-detail-info-icon{width:22px;height:22px;flex-shrink:0;color:#5b5cf6}.refund-detail-info-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.refund-detail-info p{margin:0;color:#5f6e87;font-size:12px;line-height:1.6}.refund-detail-actions{margin-top:24px;display:flex;justify-content:center}.refund-detail-back-btn{min-width:180px;height:45px;padding:0 24px;border:1px solid #3d2bd4;border-radius:8px;background:#fff;color:#3d2bd4;font-size:14px;font-weight:700;cursor:pointer;transition:.2s ease}.refund-detail-back-btn:hover{background:#f2f1ff}.refund-detail-footer{min-height:70px;border-top:1px solid #dfe3eb;background:#fff;display:flex;align-items:center;justify-content:center;color:#7e8799;font-size:13px;text-align:center;padding:15px 20px;box-sizing:border-box}.refund-detail-mobile-header{display:none}@media (max-width: 768px){.refund-detail-mobile-header{height:65px;display:flex;align-items:center;justify-content:space-between;padding:0 31px;border-bottom:1px solid #e0e4ec;background:#fff;box-sizing:border-box}.refund-detail-mobile-header button{width:28px;height:28px;padding:0;border:none;background:transparent;color:#4338ff;display:flex;align-items:center;justify-content:center;cursor:pointer}.refund-detail-mobile-header button svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.refund-detail-mobile-logo{color:#151b2e;font-size:24px;font-weight:800;letter-spacing:-1px}.refund-detail-mobile-logo span{color:#4338e9}.refund-detail-mobile-spacer{width:28px}.refund-detail-container{padding:26px 24px 90px}.refund-detail-heading h1{font-size:24px}.refund-detail-footer{display:none}}.order-detail-page{min-height:100vh;background:#f8f9fc;color:#17233c;display:flex;flex-direction:column}.order-detail-container{width:100%;max-width:960px;margin:0 auto;padding:40px 24px 80px;box-sizing:border-box;flex:1}.order-detail-loading,.order-detail-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:80px 20px;color:#5c6475;font-size:15px}.order-detail-spinner{width:36px;height:36px;border:3px solid #e2e5ec;border-top-color:#5146e5;border-radius:50%;animation:orderSpin .8s linear infinite}@keyframes orderSpin{to{transform:rotate(360deg)}}.order-detail-empty svg{width:56px;height:56px;color:#c0c7d6}.order-detail-empty button{margin-top:8px;padding:10px 24px;border:none;border-radius:8px;background:#5a55ed;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:.2s ease}.order-detail-empty button:hover{background:#4944d8}.order-detail-header{width:100%;background:#fff;border:1px solid #d7e3fa;border-radius:12px;overflow:hidden;box-shadow:0 7px 18px #1d345b1a;margin-bottom:28px}.order-header-info{padding:22px 24px 16px;background:#eff4ff;border-bottom:1px solid #d7e3fa}.order-header-info h1{margin:0 0 10px;font-size:22px;line-height:1.3;font-weight:700;color:#17233c}.order-header-meta{display:flex;align-items:center;gap:12px}.order-status-badge{min-height:28px;padding:4px 14px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;white-space:nowrap;box-sizing:border-box}.order-status-badge.paid{background:#b8f4d0;border:1px solid #73dca0;color:#17683f}.order-status-badge.pending,.order-status-badge.refund-requested{background:#ffe57a;border:1px solid #f1c934;color:#8b5b00}.order-status-badge.refunded{background:#b8f4d0;border:1px solid #73dca0;color:#17683f}.order-status-badge.rejected{background:#ffb1b7;border:1px solid #f07882;color:#a31e28}.order-status-badge.expired,.order-status-badge.cancelled{background:#e2e5ec;border:1px solid #c0c7d6;color:#5c6475}.order-number-label{font-size:13px;font-weight:500;color:#657493}.order-header-details{padding:16px 24px 18px;display:flex;gap:32px;flex-wrap:wrap}.order-detail-item{display:flex;flex-direction:column;gap:4px}.order-detail-label{font-size:12px;font-weight:600;color:#657493;text-transform:uppercase;letter-spacing:.3px}.order-detail-value{font-size:15px;font-weight:600;color:#17233c}.order-detail-value.order-total{color:#5146e5;font-size:17px}.order-tickets-section{margin-bottom:28px}.order-tickets-section h2{margin:0 0 18px;font-size:18px;font-weight:700;color:#17233c}.order-no-tickets{padding:40px 20px;text-align:center;color:#657493;font-size:14px;background:#fff;border:1px solid #e2e5ec;border-radius:12px}.order-tickets-list{display:flex;flex-direction:column;gap:20px}.order-tickets-list .ticket-result-card{width:100%;background:#fff;border:1px solid #d7e3fa;border-radius:12px;overflow:hidden;box-shadow:0 7px 18px #1d345b1a}.order-tickets-list .ticket-event-header{min-height:128px;padding:22px 24px;background:#eff4ff;border-bottom:1px solid #d7e3fa;display:flex;justify-content:space-between;align-items:flex-start;box-sizing:border-box}.order-tickets-list .ticket-event-info h2{margin:0 0 8px;font-size:20px;line-height:1.3;font-weight:700;color:#17233c}.order-tickets-list .ticket-info-row{display:flex;align-items:center;gap:7px;margin-top:7px;color:#5c6475;font-size:14px}.order-tickets-list .ticket-info-row svg{width:17px;height:17px;fill:none;stroke:#4e5362;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.order-tickets-list .ticket-usage-badge{display:none}.order-tickets-list .ticket-qr-section{min-height:345px;padding:24px 20px 26px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box}.order-tickets-list .qr-wrapper{width:192px;height:192px;padding:5px;border:2px dashed #cbd5ee;border-radius:7px;background:#fff;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.order-tickets-list .qr-wrapper img{width:178px;height:178px;object-fit:contain;display:block}.order-tickets-list .qr-instruction{margin:10px 0 8px;color:#5f6575;font-size:13px;text-align:center}.order-tickets-list .ticket-code{min-width:148px;height:34px;padding:0 16px;border-radius:7px;background:#eff4ff;display:flex;align-items:center;justify-content:center;color:#17233c;font-size:16px;font-weight:800;letter-spacing:2px;box-sizing:border-box}.order-tickets-list .download-qr-button{margin-top:10px;height:34px;padding:0 18px;border:none;border-radius:6px;background:#5146e5;color:#fff;display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px;cursor:pointer;transition:.2s ease}.order-tickets-list .download-qr-button:hover{background:#4338ca}.order-tickets-list .download-qr-button svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.order-tickets-list .ticket-detail-section{border-top:1px solid #d7e3fa;padding:17px 24px 18px;box-sizing:border-box}.order-tickets-list .ticket-detail-row{min-height:29px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:14px;color:#5c6475}.order-tickets-list .ticket-detail-row strong{color:#344054;font-weight:600;text-align:right}.order-tickets-list .ticket-detail-row .payment-status,.order-tickets-list .ticket-detail-row .payment-status.used{color:#249456}.order-tickets-list .ticket-detail-row .payment-status.unused{color:#8b5b00}.order-tickets-list .ticket-detail-row .payment-status.expired{color:#a31e28}.order-tickets-list .ticket-placeholder-section{padding:32px 20px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid #d7e3fa}.order-tickets-list .ticket-placeholder-section p{margin:0;color:#657493;font-size:14px;text-align:center}.order-actions{display:flex;gap:12px}.order-actions button{flex:1;height:50px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:.2s ease}.order-btn-back{border:1px solid #d7e3fa;background:#fff;color:#5146e5}.order-btn-back:hover{background:#f2f1ff}.order-btn-refund{border:1px solid #f04444;background:#fff;color:#e32f2f}.order-btn-refund:hover{background:#fff5f5}.order-detail-footer{margin-top:auto;min-height:72px;border-top:1px solid #e5e7eb;background:#fff;display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box;color:#969cab;font-size:12px;text-align:center}@media (max-width: 768px){.order-detail-container{max-width:100%;padding:28px 25px 110px}.order-header-info h1{font-size:20px}.order-header-details{gap:20px;padding:14px 20px 16px}.order-detail-label{font-size:11px}.order-detail-value{font-size:14px}.order-detail-value.order-total{font-size:16px}.order-tickets-list .ticket-result-card{border-radius:11px}.order-tickets-list .ticket-event-header{min-height:110px;padding:18px 20px}.order-tickets-list .ticket-event-info h2{font-size:18px}.order-tickets-list .ticket-info-row{font-size:13px;margin-top:5px}.order-tickets-list .ticket-qr-section{min-height:300px;padding:20px 16px 22px}.order-tickets-list .qr-wrapper{width:170px;height:170px}.order-tickets-list .qr-wrapper img{width:156px;height:156px}.order-tickets-list .ticket-code{min-width:130px;height:32px;font-size:14px}.order-tickets-list .download-qr-button{height:32px;padding:0 14px;font-size:12px}.order-tickets-list .ticket-detail-section{padding:14px 20px}.order-tickets-list .ticket-detail-row{min-height:26px;font-size:13px}.order-actions{flex-direction:column;gap:10px}.order-actions button{height:48px}.order-detail-footer{display:none}}@media (max-width: 480px){.order-detail-container{padding-left:20px;padding-right:20px}.order-header-info{padding:18px 18px 14px}.order-header-details{padding:12px 18px 14px}.order-tickets-list .ticket-event-header{padding:16px 18px}.order-tickets-list .ticket-detail-section{padding:12px 18px}}.transaction-page{min-height:100vh;background:#f7f8fc;display:flex;flex-direction:column}.transaction-container{width:min(1180px,calc(100% - 68px));margin-left:auto;margin-right:auto;padding:30px 0 40px;flex:1;box-sizing:border-box}.transaction-header{margin-bottom:34px}.transaction-header h1{margin:0 0 8px;color:#111827;font-size:32px;line-height:1.2;font-weight:800;letter-spacing:-.8px}.transaction-header p{margin:0;color:#667795;font-size:14px}.transaction-tabs{width:100%;min-height:44px;padding:7px 16px;background:#fff;border-radius:12px;display:flex;align-items:center;gap:9px;margin:0 12px 25px;width:calc(100% - 24px);box-sizing:border-box}.transaction-tabs button{border:none;background:#edf1f7;color:#53627b;padding:8px 17px;border-radius:18px;font-family:inherit;font-size:12px;font-weight:600;cursor:pointer;transition:.2s ease;white-space:nowrap}.transaction-tabs button:hover{background:#e3e8f2}.transaction-tabs button.active{background:#5a52f2;color:#fff;box-shadow:0 3px 8px #5a52f233}.transaction-list{width:calc(100% - 24px);margin-left:auto;margin-right:auto;display:flex;flex-direction:column;gap:24px}.transaction-card{background:#fff;border-radius:14px;padding:16px;box-sizing:border-box;min-height:295px;box-shadow:0 7px 25px #1e2a460f;display:flex;flex-direction:column}.transaction-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:15px}.order-info{display:flex;flex-direction:column;gap:4px}.order-label{color:#8a9bb8;font-size:11px}.order-info strong{color:#26344b;font-size:12px;letter-spacing:.2px}.transaction-status{flex-shrink:0;padding:5px 13px;border-radius:20px;font-size:11px;line-height:1;font-weight:500;white-space:nowrap}.transaction-status.waiting{background:#fff1a8;border:1px solid #f3d23e;color:#936600}.transaction-status.success{background:#bdf5d0;border:1px solid #78d99b;color:#237348}.transaction-status.failed{background:#ffd1d1;border:1px solid #ff9b9b;color:#bb2d2d}.transaction-status.cancelled{background:#e9edf3;border:1px solid #d6dce6;color:#667085}.transaction-event{margin-top:17px}.transaction-event h2{margin:0 0 12px;color:#15243b;font-size:20px;line-height:1.2;font-weight:700}.ticket-summary{display:flex;align-items:center;gap:9px;color:#687995;font-size:11px}.ticket-type{color:#4e46ef;background:#eef0ff;padding:4px 8px;border-radius:4px;font-weight:600}.ticket-dot{color:#687995}.transaction-detail{margin-top:12px;padding:10px 11px;background:#f6f8fb;border:1px solid #edf0f5;border-radius:11px}.detail-row{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:22px;color:#6d7e9a;font-size:11px}.detail-row strong{color:#35445d;font-size:11px;font-weight:600;text-align:right}.detail-row .expired-date{color:#ff334d}.detail-row.total-row{padding-top:6px;margin-top:4px;border-top:1px solid #dfe4eb;color:#26344b}.detail-row.total-row span{font-weight:700}.detail-row.total-row strong{color:#4d45ed;font-size:12px;font-weight:800}.detail-row.total-row strong:last-child{color:#4d45ed}.transaction-card-footer{margin-top:auto;padding-top:11px;border-top:1px solid #e5e8ef;display:flex;justify-content:flex-end}.primary-transaction-button,.outline-transaction-button{height:37px;padding:0 17px;border-radius:6px;font-family:inherit;font-size:13px;font-weight:700;cursor:pointer;transition:.2s ease}.primary-transaction-button{border:none;background:#5047e9;color:#fff}.primary-transaction-button:hover{background:#433bd5}.outline-transaction-button{border:1px solid #4e46f2;background:#fff;color:#4e46f2}.outline-transaction-button:hover{background:#f2f1ff}.empty-transaction{grid-column:1 / -1;background:#fff;border-radius:14px;min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.empty-transaction h3{margin:0 0 8px;color:#1c2a40;font-size:18px}.empty-transaction p{margin:0;color:#7a89a2;font-size:13px}@media (max-width: 900px){.transaction-container{width:min(100% - 40px,700px)}.transaction-list{grid-template-columns:1fr}.transaction-tabs{margin-bottom:30px}}@media (max-width: 768px){.transaction-page{min-height:100vh;padding-bottom:74px}.transaction-container{width:calc(100% - 24px);padding:24px 0 25px}.transaction-header{margin:0 12px 10px}.transaction-header h1{font-size:25px;letter-spacing:-.5px;margin-bottom:0}.transaction-header p{display:none}.transaction-tabs{margin:0 12px 25px;width:calc(100% - 24px);min-height:36px;padding:4px;gap:7px;border-radius:0;overflow-x:auto;scrollbar-width:none;background:#fff}.transaction-tabs::-webkit-scrollbar{display:none}.transaction-tabs button{padding:7px 14px;font-size:11px;flex-shrink:0}.transaction-list{display:flex;flex-direction:column;gap:24px;margin:0 12px}.transaction-card{width:100%;min-height:0;padding:16px;border-radius:14px}.transaction-card-top{gap:8px}.order-label{font-size:10px}.order-info strong{font-size:11px}.transaction-status{font-size:10px;padding:6px 12px}.transaction-event{margin-top:17px}.transaction-event h2{font-size:19px;margin-bottom:12px}.ticket-summary{font-size:11px}.transaction-detail{margin-top:12px;padding:9px 10px}.detail-row{min-height:22px;font-size:10px}.detail-row strong{font-size:10px}.detail-row.total-row strong{font-size:11px}.transaction-card-footer{margin-top:10px;padding-top:11px}.primary-transaction-button,.outline-transaction-button{height:37px;font-size:12px;padding:0 15px}.empty-transaction{min-height:180px}}@media (max-width: 400px){.transaction-container{width:calc(100% - 16px)}.transaction-header{margin-left:8px;margin-right:8px}.transaction-header h1{font-size:23px}.transaction-tabs{margin-left:8px;margin-right:8px;width:calc(100% - 16px)}.transaction-list{margin-left:8px;margin-right:8px}.transaction-card{padding:15px}.transaction-status{padding:5px 9px}}.profile-mobile-page{min-height:100vh;background:#f7f8fc}.profile-mobile-container{width:100%;max-width:600px;margin:0 auto;padding:32px 0 25px;box-sizing:border-box}.profile-mobile-user-card{width:calc(100% - 48px);margin:0 auto 31px;padding:27px 16px 24px;box-sizing:border-box;background:#fff;border-radius:13px;text-align:center;box-shadow:0 5px 18px #1c29420a}.profile-mobile-avatar{width:76px;height:76px;margin:0 auto 18px;border-radius:50%;background:#edf0ff;color:#4e46e8;display:flex;align-items:center;justify-content:center;font-size:25px;font-weight:800;overflow:hidden}.profile-mobile-user-card h1{margin:0;color:#14213a;font-size:15px;font-weight:500}.profile-mobile-user-card p{margin:8px 0 17px;color:#505567;font-size:16px}.profile-mobile-edit{height:40px;min-width:120px;padding:0 22px;border:none;border-radius:7px;background:#5148e9;color:#fff;font-family:inherit;font-size:14px;cursor:pointer}.profile-mobile-section{width:calc(100% - 48px);margin:0 auto 17px;background:#fff;border-radius:13px;overflow:hidden;box-shadow:0 5px 18px #1c294209}.profile-mobile-section-title{min-height:54px;padding:0 16px;display:flex;align-items:center;box-sizing:border-box;border-bottom:1px solid #e2e7ef;color:#4039df;font-size:16px;font-weight:500}.profile-mobile-menu-list{padding:8px 0}.profile-mobile-menu-item,.profile-mobile-general button{width:100%;min-height:68px;padding:10px 18px;border:none;background:transparent;display:flex;align-items:center;gap:16px;box-sizing:border-box;font-family:inherit;text-align:left;cursor:pointer}.profile-mobile-menu-item:hover,.profile-mobile-general button:hover{background:#f8f9fc}.profile-mobile-icon{width:40px;height:40px;flex:0 0 40px;border-radius:50%;background:#e8efff;color:#443ce4;display:flex;align-items:center;justify-content:center}.profile-mobile-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.profile-mobile-menu-item>span:nth-child(2),.profile-mobile-general button>span:nth-child(2){flex:1;color:#15243b;font-size:15px;font-weight:700}.profile-mobile-arrow{width:18px;height:18px;display:flex;align-items:center;justify-content:center;color:#4d5361}.profile-mobile-arrow svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.profile-mobile-general{width:calc(100% - 48px);margin:0 auto;padding:7px 0;background:#fff;border-radius:13px;overflow:hidden;box-shadow:0 5px 18px #1c294209}.profile-mobile-general button{min-height:69px}.profile-mobile-logout>span:nth-child(2){color:#d5292e!important}.profile-mobile-logout .profile-mobile-icon{background:#fff1f1;color:#df2932}@media (max-width: 768px){.profile-mobile-page{min-height:100vh;padding-bottom:76px;background:#f7f8fc}.profile-mobile-container{width:100%;padding:23px 0 25px}}@media (max-width: 400px){.profile-mobile-container{padding-top:18px}.profile-mobile-user-card,.profile-mobile-section,.profile-mobile-general{width:calc(100% - 32px)}.profile-mobile-user-card{padding-top:24px}.profile-mobile-avatar{width:70px;height:70px}.profile-mobile-user-card p{font-size:14px}.profile-mobile-menu-item,.profile-mobile-general button{padding-left:15px;padding-right:15px}.profile-mobile-icon{width:38px;height:38px;flex-basis:38px}.profile-mobile-menu-item>span:nth-child(2),.profile-mobile-general button>span:nth-child(2){font-size:14px}}.privacy-page{min-height:100vh;background:#f8f9fc;color:#172238;font-family:Poppins,sans-serif}.privacy-header{height:64px;background:#fff;border-bottom:1px solid #e4e7ef;display:flex;align-items:center;padding:0 32px;position:relative}.privacy-back-button{width:32px;height:32px;border:none;background:transparent;padding:0;color:#283346;display:flex;align-items:center;justify-content:center;cursor:pointer}.privacy-back-button svg{width:24px;height:24px}.privacy-header h1{margin:0 0 0 18px;font-size:20px;line-height:1;font-weight:700;color:#141c2d}.privacy-safe-badge{margin-left:auto;height:32px;padding:0 12px;border-radius:18px;background:#f1f0ff;color:#5047e8;display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600}.privacy-safe-badge svg{width:16px;height:16px}.privacy-main{min-height:calc(100vh - 126px);padding:80px 24px}.privacy-content{width:min(800px,100%);margin:0 auto;padding:24px;background:#fff;border-radius:18px;box-shadow:0 12px 28px #1b2a4814}.privacy-intro-card{border:1px solid #e7eaf2;border-radius:14px;padding:24px;display:grid;grid-template-columns:50px 1fr;column-gap:18px;row-gap:18px}.privacy-intro-icon{width:42px;height:42px;border-radius:11px;background:#f0f1ff;color:#5147ed;display:flex;align-items:center;justify-content:center}.privacy-intro-icon svg{width:23px;height:23px}.privacy-intro-text h2{margin:0 0 5px;font-size:16px;font-weight:700;color:#141c2d}.privacy-intro-text p{margin:0;color:#5d6c85;font-size:12px;line-height:1.55}.privacy-updated{grid-column:1 / -1;border-top:1px solid #edf0f5;padding-top:14px;color:#5147ed;font-size:11px}.privacy-section{margin-top:18px;padding:22px 24px;border:1px solid #e7eaf2;border-radius:14px;background:#fff}.privacy-section-title{display:flex;align-items:center;gap:12px;margin-bottom:16px}.privacy-number{width:30px;height:30px;flex-shrink:0;border-radius:7px;background:#f0f1ff;color:#5147ed;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700}.privacy-section-title h2{margin:0;font-size:16px;line-height:1.3;font-weight:700;color:#141c2d}.privacy-description{margin:0 0 17px;color:#586982;font-size:12px;line-height:1.55}.privacy-list,.privacy-check-list{list-style:none;padding:0;margin:0}.privacy-list li,.privacy-check-list li{display:flex;align-items:flex-start;gap:11px;margin-bottom:13px}.privacy-list li:last-child,.privacy-check-list li:last-child{margin-bottom:0}.privacy-bullet{width:6px;height:6px;flex-shrink:0;margin-top:7px;border-radius:50%;background:#5449ed}.privacy-list p,.privacy-check-list p{margin:0;color:#52627c;font-size:12px;line-height:1.45}.privacy-list strong,.privacy-check-list strong{color:#1b2537;font-weight:700}.privacy-check{flex-shrink:0;color:#5147ed;font-size:18px;line-height:1}.privacy-use-list{display:flex;flex-direction:column;gap:8px}.privacy-use-item{min-height:44px;border:1px solid #e8ebf4;border-radius:10px;background:#f8f9ff;display:flex;align-items:center;gap:12px;padding:10px 13px}.privacy-use-icon{width:22px;height:22px;flex-shrink:0;color:#5147ed;display:flex;align-items:center;justify-content:center}.privacy-use-icon svg{width:20px;height:20px}.privacy-use-item p{margin:0;color:#52627c;font-size:12px;line-height:1.4}.privacy-rights-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.privacy-right-card{min-height:78px;border:1px solid #dfe4ff;border-radius:10px;background:#fafaff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:12px}.privacy-right-icon{color:#5147ed;display:flex;justify-content:center;margin-bottom:4px}.privacy-right-icon svg{width:19px;height:19px}.privacy-right-card strong{color:#5147ed;font-size:12px;font-weight:700}.privacy-right-card p{margin:4px 0 0;color:#64728a;font-size:10px;line-height:1.4}.privacy-footer{height:62px;border-top:1px solid #e1e5ec;background:#fff;display:flex;align-items:center;justify-content:center;color:#65748d;font-size:12px}@media (max-width: 900px){.privacy-main{padding:50px 20px 60px}.privacy-content{width:min(760px,100%)}}@media (max-width: 768px){.privacy-page{background:#f7f8fc}.privacy-header{height:65px;padding:0 18px;justify-content:center}.privacy-back-button{position:absolute;left:18px;top:18px}.privacy-header h1{margin:0;font-size:16px}.privacy-safe-badge{position:absolute;right:17px;top:21px;height:25px;padding:0 9px;font-size:10px;gap:4px}.privacy-safe-badge svg{width:13px;height:13px}.privacy-main{min-height:auto;padding:24px 16px 35px}.privacy-content{width:100%;padding:0;background:transparent;box-shadow:none;border-radius:0}.privacy-intro-card{padding:20px;grid-template-columns:48px 1fr;column-gap:14px;row-gap:16px;border-radius:15px;box-shadow:0 3px 10px #1d2c460a}.privacy-intro-icon{width:40px;height:40px}.privacy-intro-text h2{font-size:15px;margin-bottom:5px}.privacy-intro-text p{font-size:12px;line-height:1.55}.privacy-updated{font-size:10px;padding-top:13px}.privacy-section{margin-top:17px;padding:19px 20px;border-radius:15px;box-shadow:0 3px 10px #1d2c460a}.privacy-section-title{gap:11px;margin-bottom:16px}.privacy-number{width:30px;height:30px;border-radius:7px;font-size:12px}.privacy-section-title h2{font-size:14px}.privacy-description{margin-bottom:17px;font-size:12px;line-height:1.55}.privacy-list li,.privacy-check-list li{gap:10px;margin-bottom:13px}.privacy-list p,.privacy-check-list p{font-size:11.5px;line-height:1.45}.privacy-bullet{width:6px;height:6px;margin-top:6px}.privacy-check{font-size:17px}.privacy-use-list{gap:8px}.privacy-use-item{min-height:54px;padding:10px 11px;gap:10px;align-items:flex-start}.privacy-use-icon{margin-top:2px}.privacy-use-item p{font-size:11.5px;line-height:1.45}.privacy-rights-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.privacy-right-card{min-height:105px;padding:10px}.privacy-right-icon{margin-bottom:4px}.privacy-right-icon svg{width:18px;height:18px}.privacy-right-card strong{font-size:11px}.privacy-right-card p{margin-top:5px;font-size:9.5px;line-height:1.45}.privacy-footer{height:55px;padding:0 20px;text-align:center;font-size:10px}}@media (max-width: 390px){.privacy-main{padding-left:12px;padding-right:12px}.privacy-header{padding-left:15px;padding-right:15px}.privacy-back-button{left:15px}.privacy-safe-badge{right:14px}.privacy-intro-card,.privacy-section{padding-left:17px;padding-right:17px}.privacy-section-title h2{font-size:13px}.privacy-list p,.privacy-check-list p,.privacy-use-item p{font-size:11px}}.terms-page{min-height:100vh;background:#f8f9fc;color:#172238;font-family:Poppins,sans-serif;display:flex;flex-direction:column}.terms-header{width:100%;height:64px;background:#fff;border-bottom:1px solid #e4e7ef;display:flex;align-items:center;padding:0 32px;flex-shrink:0}.terms-back-button{width:30px;height:30px;padding:0;border:none;background:transparent;color:#455064;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.terms-back-button svg{width:23px;height:23px}.terms-header h1{margin:0 0 0 18px;color:#172238;font-size:18px;line-height:1;font-weight:700}.terms-safe-badge{margin-left:auto;height:27px;padding:0 11px;border-radius:20px;background:#f1f0ff;color:#5147ed;display:flex;align-items:center;justify-content:center;gap:5px;font-size:10px;font-weight:600}.terms-safe-badge svg{width:13px;height:13px}.terms-main{width:100%;flex:1;padding:66px 24px 90px}.terms-container{width:min(466px,100%);margin:0 auto;padding:24px;background:#fff;border:1px solid #e4e8f0;border-radius:18px}.terms-card{width:100%;background:#fff;border:1px solid #e9ecf2;border-radius:13px;padding:20px 18px;box-shadow:0 2px 7px #23314c06}.terms-card+.terms-card{margin-top:12px}.terms-title{display:flex;align-items:center;gap:11px;margin-bottom:15px}.terms-number{width:25px;height:25px;border-radius:6px;background:#f0f2ff;color:#5147ed;display:flex;align-items:center;justify-content:center;font-size:11px;line-height:1;font-weight:700;flex-shrink:0}.terms-title h2{margin:0;color:#172238;font-size:14px;line-height:1.35;font-weight:700}.terms-content p{margin:0 0 14px;color:#5c6c85;font-size:11px;line-height:1.6}.terms-content p:last-child{margin-bottom:0}.terms-content strong{color:#263247;font-weight:700}.terms-content em{font-style:italic}.payment-box{margin:13px 0 14px;padding:13px 14px;background:#f7f8fb;border-radius:9px}.payment-box strong{display:block;margin-bottom:5px;color:#273248;font-size:11px;line-height:1.4}.payment-box ul{margin:0;padding-left:14px}.payment-box li{margin:0 0 3px;color:#66758d;font-size:10.5px;line-height:1.45}.payment-box li:last-child{margin-bottom:0}.terms-page .customer-footer{margin-top:auto}@media (max-width: 900px){.terms-main{padding-top:50px;padding-bottom:70px}.terms-container{width:min(520px,100%)}}@media (max-width: 768px){.terms-page{min-height:100vh;background:#f7f8fc}.terms-header{height:65px;padding:0 17px;justify-content:center;position:sticky;top:0;z-index:20}.terms-back-button{position:absolute;left:17px;top:19px;width:26px;height:26px}.terms-back-button svg{width:22px;height:22px}.terms-header h1{margin:0;font-size:15px}.terms-safe-badge{position:absolute;right:17px;top:22px;height:22px;padding:0 8px;gap:3px;font-size:8px}.terms-safe-badge svg{width:11px;height:11px}.terms-main{padding:23px 16px 85px;width:100%}.terms-container{width:100%;padding:0;background:transparent;border:none;border-radius:0}.terms-card{padding:19px 18px;border-radius:15px;border:1px solid #e8ebf2;box-shadow:0 2px 7px #23314c09}.terms-card+.terms-card{margin-top:16px}.terms-title{gap:11px;margin-bottom:15px}.terms-number{width:30px;height:30px;border-radius:7px;font-size:12px}.terms-title h2{font-size:13px;line-height:1.35}.terms-content p{margin-bottom:13px;font-size:11.5px;line-height:1.55}.payment-box{margin:12px 0 13px;padding:12px;border-radius:10px}.payment-box strong{margin-bottom:7px;font-size:10.5px}.payment-box ul{padding-left:14px}.payment-box li{margin-bottom:4px;font-size:10.5px;line-height:1.45}.terms-page .customer-footer{display:none}}@media (max-width: 390px){.terms-header{padding-left:14px;padding-right:14px}.terms-back-button{left:14px}.terms-safe-badge{right:14px}.terms-main{padding-left:12px;padding-right:12px;padding-top:20px}.terms-card{padding:18px 17px}.terms-title h2{font-size:12.5px}.terms-content p{font-size:11px}.payment-box li{font-size:10px}}.edit-profile-page{min-height:100vh;background:#f7f9fd;color:#172033;font-family:Poppins,Segoe UI,sans-serif;display:flex;flex-direction:column}.edit-profile-header{height:80px;flex-shrink:0;background:#fff;border-bottom:1px solid #e1e6ef;display:flex;align-items:center;padding:0 33px;box-sizing:border-box;position:relative}.edit-profile-back-button{width:31px;height:31px;padding:0;border:none;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer}.edit-profile-back-button svg{width:25px;height:25px;fill:none;stroke:#4c3fe3;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.edit-profile-logo{margin-left:22px;color:#11182a;font-size:24px;font-weight:800;letter-spacing:-1px}.edit-profile-logo span{color:#4d3fe5}.edit-profile-location{position:absolute;right:24px;height:35px;padding:0 12px;border:1px solid #dfe5ee;border-radius:8px;background:#f8faff;display:flex;align-items:center;gap:7px;color:#516078;font-size:12px;font-weight:500}.edit-profile-location svg{width:15px;height:15px;fill:none;stroke:#61718b;stroke-width:1.8}.edit-profile-content{width:calc(100% - 64px);max-width:1216px;margin:40px auto 0;display:grid;grid-template-columns:385px minmax(0,1fr);gap:32px;flex:1;align-items:start}.edit-profile-user-card{min-height:302px;background:#fff;border-radius:13px;display:flex;flex-direction:column;align-items:center;box-sizing:border-box;padding:22px 20px;box-shadow:0 7px 24px #212f4e0f}.edit-profile-photo-wrapper{width:145px;height:145px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;margin-top:-2px;position:relative;cursor:pointer}.edit-profile-photo-wrapper:hover .edit-photo-overlay{opacity:1}.edit-profile-photo-img{width:100%;height:100%;object-fit:cover;display:block}.edit-profile-photo-initials{width:100%;height:100%;background:#eef0ff;color:#5143e6;font-size:48px;font-weight:700;display:flex;align-items:center;justify-content:center}.edit-photo-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}.edit-photo-overlay svg{width:32px;height:32px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.edit-photo-spinner{width:28px;height:28px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:edit-photo-spin .7s linear infinite}@keyframes edit-photo-spin{to{transform:rotate(360deg)}}.edit-profile-user-info{margin-top:29px;text-align:center}.edit-profile-user-info h1{margin:0;color:#102038;font-size:24px;line-height:1.2;font-weight:800;letter-spacing:-.7px}.edit-profile-user-info p{margin:7px 0 0;color:#515a6d;font-size:14px;line-height:1.4}.edit-profile-form-card{background:#fff;border:1px solid #d6ddff;border-radius:16px;overflow:hidden;box-sizing:border-box}.edit-profile-form-title{min-height:35px;padding:0 24px;border-bottom:1px solid #e1e5f1;display:flex;align-items:center;box-sizing:border-box}.edit-profile-form-title h2{margin:0;color:#1b253b;font-size:16px;font-weight:800;letter-spacing:-.3px}.edit-profile-form-body{padding:24px 24px 0;box-sizing:border-box}.edit-profile-input-group{margin-bottom:20px}.edit-profile-input-group label{display:block;margin-bottom:7px;color:#454d5e;font-size:13px;font-weight:500}.edit-profile-input-group input{width:100%;height:43px;box-sizing:border-box;padding:0 15px;border:1px solid #b9c3df;border-radius:7px;outline:none;background:#eef2ff;color:#4b5364;font-size:13px;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}.edit-profile-input-group input::placeholder{color:#9aa3b5}.edit-profile-input-group input:hover{border-color:#aab6d7}.edit-profile-input-group input:focus{border-color:#6255e8;background:#f7f8ff;box-shadow:0 0 0 3px #6255e814}.edit-profile-form-footer{margin:15px 24px 24px;padding-top:16px;border-top:1px solid #dce2ef;display:grid;grid-template-columns:1fr 1fr;gap:16px}.edit-profile-cancel-button,.edit-profile-save-button{height:56px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease,background .2s ease}.edit-profile-cancel-button{background:#e0ecff;color:#4b3fe1}.edit-profile-save-button{background:#5143e5;color:#fff}.edit-profile-cancel-button:hover{background:#d5e5ff;box-shadow:0 5px 12px #3c5eaa14}.edit-profile-save-button:hover{background:#4537d5;box-shadow:0 6px 15px #5143e52e}.edit-profile-cancel-button:active,.edit-profile-save-button:active{transform:scale(.98)}.edit-profile-footer{min-height:101px;margin-top:65px;border-top:1px solid #dce2ea;background:#fff;display:flex;align-items:center;justify-content:center;color:#63718a;font-size:13px;box-sizing:border-box}@media (max-width: 1000px){.edit-profile-content{width:calc(100% - 40px);grid-template-columns:300px minmax(0,1fr);gap:24px}.edit-profile-user-card{min-height:290px}.edit-profile-photo-wrapper{width:130px;height:130px}.edit-profile-user-info h1{font-size:21px}.edit-profile-form-body{padding-left:20px;padding-right:20px}.edit-profile-form-footer{margin-left:20px;margin-right:20px}}@media (max-width: 700px){.edit-profile-page{min-height:100vh}.edit-profile-header{height:66px;padding:0 28px;justify-content:center}.edit-profile-back-button{position:absolute;left:28px}.edit-profile-back-button svg{width:23px;height:23px}.edit-profile-logo{margin-left:0;font-size:23px;letter-spacing:-.9px}.edit-profile-location{display:none}.edit-profile-content{width:calc(100% - 54px);margin:23px auto 0;display:flex;flex-direction:column;gap:23px;flex:1}.edit-profile-user-card{width:100%;min-height:249px;padding:18px 15px;border-radius:12px;box-shadow:0 5px 20px #212f4e0e}.edit-profile-photo-wrapper{width:142px;height:142px;margin-top:0}.edit-profile-user-info{margin-top:24px}.edit-profile-user-info h1{font-size:23px;letter-spacing:-.7px}.edit-profile-user-info p{margin-top:6px;font-size:14px}.edit-profile-form-card{width:100%;border-radius:15px}.edit-profile-form-title{min-height:35px;padding:0 24px}.edit-profile-form-title h2{font-size:16px}.edit-profile-form-body{padding:25px 24px 0}.edit-profile-input-group{margin-bottom:21px}.edit-profile-input-group label{margin-bottom:7px;font-size:13px}.edit-profile-input-group input{height:43px;padding:0 15px;font-size:13px}.edit-profile-form-footer{margin:15px 24px 23px;padding-top:16px;gap:16px}.edit-profile-cancel-button,.edit-profile-save-button{height:57px;border-radius:8px;font-size:14px}.edit-profile-footer{display:none}}@media (max-width: 480px){.edit-profile-header{height:65px;padding:0 20px}.edit-profile-back-button{left:28px}.edit-profile-logo{font-size:22px}.edit-profile-content{width:calc(100% - 54px);margin-top:23px;gap:23px}.edit-profile-user-card{min-height:249px;padding-top:18px}.edit-profile-photo-wrapper{width:140px;height:140px}.edit-profile-user-info{margin-top:23px}.edit-profile-user-info h1{font-size:23px}.edit-profile-user-info p{font-size:14px}.edit-profile-form-body{padding:25px 24px 0}.edit-profile-input-group{margin-bottom:21px}.edit-profile-form-footer{margin-left:24px;margin-right:24px;gap:16px}}@media (max-width: 380px){.edit-profile-header{padding:0 16px}.edit-profile-back-button{left:24px}.edit-profile-logo{font-size:21px}.edit-profile-content{width:calc(100% - 32px);margin-top:20px}.edit-profile-user-card{min-height:240px}.edit-profile-photo-wrapper{width:130px;height:130px}.edit-profile-user-info{margin-top:20px}.edit-profile-user-info h1{font-size:21px}.edit-profile-user-info p{font-size:13px}.edit-profile-form-body{padding-left:19px;padding-right:19px}.edit-profile-form-footer{margin-left:19px;margin-right:19px;gap:12px}.edit-profile-cancel-button,.edit-profile-save-button{height:55px;font-size:13px}}.change-password-page{min-height:100vh;background:#f7f9fd;color:#172033;font-family:Poppins,Segoe UI,sans-serif;display:flex;flex-direction:column}.change-password-header{height:80px;flex-shrink:0;background:#fff;border-bottom:1px solid #e1e6ef;display:flex;align-items:center;padding:0 33px;box-sizing:border-box;position:relative}.change-password-back-button{width:31px;height:31px;padding:0;border:none;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer}.change-password-back-button svg{width:25px;height:25px;fill:none;stroke:#4c3fe3;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.change-password-logo{position:absolute;left:50%;transform:translate(-50%);font-size:20px;font-weight:700;letter-spacing:2px;color:#172033}.change-password-logo span{color:#5143e6}.change-password-content{flex:1;display:flex;justify-content:center;padding:2rem 1rem}.change-password-card{background:#fff;border-radius:16px;box-shadow:0 2px 12px #0000000f;padding:2.5rem 2rem;width:100%;max-width:480px;text-align:center}.change-password-icon{width:56px;height:56px;margin:0 auto 1rem;background:#eef0ff;border-radius:50%;display:flex;align-items:center;justify-content:center}.change-password-icon svg{width:28px;height:28px;fill:none;stroke:#5143e6;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.change-password-card h2{font-size:1.25rem;font-weight:600;margin:0 0 .35rem}.change-password-subtitle{font-size:.85rem;color:#6b7280;margin:0 0 1.5rem}.change-password-form-body{display:flex;flex-direction:column;gap:1rem;text-align:left}.change-password-input-group label{display:block;font-size:.8rem;font-weight:500;color:#374151;margin-bottom:.3rem}.change-password-input-group input{width:100%;height:44px;padding:0 12px;border:1px solid #d1d5db;border-radius:10px;font-size:.85rem;font-family:inherit;color:#172033;background:#f9fafb;outline:none;box-sizing:border-box;transition:border .2s}.change-password-input-group input:focus{border-color:#5143e6}.change-password-input-wrapper{position:relative}.change-password-input-wrapper input{padding-right:42px}.change-password-toggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:0;display:flex}.change-password-toggle svg{width:20px;height:20px;fill:none;stroke:#9ca3af;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.change-password-form-footer{display:flex;gap:.75rem;margin-top:1.5rem}.change-password-cancel-button{flex:1;height:44px;border:1px solid #d1d5db;border-radius:10px;background:#fff;font-size:.85rem;font-weight:500;color:#374151;cursor:pointer;font-family:inherit;transition:background .2s}.change-password-cancel-button:hover{background:#f3f4f6}.change-password-save-button{flex:1;height:44px;border:none;border-radius:10px;background:#5143e6;font-size:.85rem;font-weight:500;color:#fff;cursor:pointer;font-family:inherit;transition:opacity .2s}.change-password-save-button:hover{opacity:.9}.change-password-save-button:disabled{opacity:.6;cursor:not-allowed}.change-password-footer{text-align:center;padding:1.5rem;font-size:.75rem;color:#9ca3af}@media (max-width: 500px){.change-password-card{padding:1.5rem 1rem}}.sidebar-eo{position:fixed;top:0;left:0;width:220px;height:100vh;padding:25px 14px 18px;display:flex;flex-direction:column;box-sizing:border-box;background:#fff;border-right:1px solid #e6e2ed;z-index:100}.sidebar-eo-brand{display:flex;align-items:center;gap:10px;padding:0 9px;margin-bottom:32px}.sidebar-eo-logo{width:34px;height:34px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:8px;background:#5b4de2;color:#fff;font-size:15px;font-weight:600;box-shadow:0 5px 12px #5b4de22e}.sidebar-eo-brand-text h2{margin:0;font-size:17px;line-height:1.1;color:#5144d7;font-weight:700;letter-spacing:-.2px}.sidebar-eo-brand-text span{display:block;margin-top:4px;font-size:8px;color:#777181;font-weight:500;letter-spacing:.45px}.sidebar-eo-menu{display:flex;flex-direction:column;gap:6px}.sidebar-eo-item{width:100%;height:42px;padding:0 13px;display:flex;align-items:center;gap:12px;box-sizing:border-box;border:none;border-radius:8px;background:transparent;color:#625d6f;font-family:Poppins,sans-serif;font-size:11px;font-weight:400;text-align:left;cursor:pointer;outline:none;transition:background .2s ease,color .2s ease,box-shadow .2s ease}.sidebar-eo-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#5b4de2;transition:color .2s ease,transform .2s ease}.sidebar-eo-icon svg{width:18px;height:18px;display:block;stroke:currentColor;fill:none;transition:color .2s ease,stroke .2s ease}.sidebar-eo-label{display:block;line-height:1.2;white-space:nowrap;color:inherit;font-family:Poppins,sans-serif;font-size:11px;font-weight:400}.sidebar-eo-item:hover{background:#f4f2ff;color:#5144d7}.sidebar-eo-item:hover .sidebar-eo-icon{color:#5144d7;transform:translate(1px)}.sidebar-eo-item.active{background:#5546df;color:#fff;font-weight:500;box-shadow:0 5px 12px #5546df2e}.sidebar-eo-item.active .sidebar-eo-label,.sidebar-eo-item.active .sidebar-eo-icon,.sidebar-eo-item.active .sidebar-eo-icon svg{color:#fff;stroke:#fff}.sidebar-eo-item.active:hover{background:#4d3fd1}.sidebar-eo-item:focus-visible{outline:2px solid rgba(91,77,226,.25);outline-offset:2px}.sidebar-eo-footer{margin-top:auto;padding-top:14px;border-top:1px solid #f0ecf7;display:flex;flex-direction:column;gap:4px}.sidebar-eo-dashboard-btn{width:100%;height:38px;padding:0 10px;display:flex;align-items:center;gap:10px;box-sizing:border-box;border:none;border-radius:8px;background:#f4f2ff;color:#5546df;font-family:Poppins,sans-serif;font-size:11px;font-weight:500;text-align:left;cursor:pointer;outline:none;transition:background .2s ease,transform .2s ease}.sidebar-eo-dashboard-btn:hover{background:#ebe7ff;transform:translate(2px)}.sidebar-eo-footer-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#5546df}.sidebar-eo-footer-label{line-height:1.2}.sidebar-eo-logout{width:100%;height:38px;padding:0 10px;display:flex;align-items:center;gap:10px;box-sizing:border-box;border:none;border-radius:8px;background:transparent;color:#e53935;font-family:Poppins,sans-serif;font-size:11px;font-weight:400;text-align:left;cursor:pointer;outline:none;transition:background .2s ease,color .2s ease,transform .2s ease}.sidebar-eo-logout-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#e53935}.sidebar-eo-logout-icon svg{width:18px;height:18px;stroke:currentColor;fill:none}.sidebar-eo-logout-label{line-height:1.2}.sidebar-eo-logout:hover{background:#fdf2f2;color:#c62828;transform:translate(1px)}@media (max-width: 800px){.sidebar-eo{width:200px}}@media (max-width: 600px){.sidebar-eo{display:none}}.navbar-eo{width:100%;height:72px;padding:0 32px;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #e7e3ed}.navbar-eo-title{display:flex;flex-direction:column;gap:4px}.navbar-eo-title strong{font-size:18px;font-weight:600;color:#2d2941;line-height:1.2}.navbar-eo-title span{font-size:12px;color:#686373;line-height:1.2}.navbar-eo-actions{display:flex;align-items:center;gap:16px}.navbar-eo-icon{width:34px;height:34px;border:none;background:transparent;color:#6d687b;font-size:17px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.2s ease}.navbar-eo-icon:hover{color:#5b4de2}.navbar-eo-avatar{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#eeeaf9;color:#5b4de2;font-size:13px;font-weight:600}@media (max-width: 800px){.navbar-eo{height:68px;padding:0 24px}.navbar-eo-title strong{font-size:16px}.navbar-eo-title span{font-size:11px}}@media (max-width: 600px){.navbar-eo{height:64px;padding:0 15px}.navbar-eo-title strong{font-size:15px}.navbar-eo-title span{font-size:10px}.navbar-eo-actions{gap:8px}.navbar-eo-icon{width:30px;height:30px;font-size:15px}.navbar-eo-avatar{width:35px;height:35px;font-size:11px}}.dashboard-eo-page{width:100%;min-height:100vh;background:#faf9ff;font-family:Poppins,sans-serif;color:#24212f}.dashboard-eo-main{width:calc(100% - 220px);min-height:100vh;margin-left:220px;background:#faf9ff}.dashboard-eo-content{width:100%;max-width:1400px;margin:0 auto;padding:30px 36px 60px;box-sizing:border-box}.dashboard-page-header{margin-bottom:26px}.dashboard-page-header h1{margin:0;color:#252230;font-size:25px;font-weight:700;line-height:1.3;letter-spacing:-.3px}.dashboard-section{width:100%}.recent-event-section,.transaction-section{margin-top:34px}.summary-cards{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.summary-card{position:relative;min-width:0;height:138px;padding:23px;box-sizing:border-box;overflow:hidden;background:#fff;border:1px solid #ebe7f2;border-radius:15px;box-shadow:0 4px 14px #2f274f0e;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.summary-card:hover{transform:translateY(-2px);border-color:#dfd9ee;box-shadow:0 8px 20px #2f274f14}.summary-card-content{position:relative;z-index:3;height:100%;display:flex;flex-direction:column;justify-content:space-between;padding-bottom:1px}.summary-card-label{color:#777180;font-size:10px;font-weight:650;letter-spacing:.4px}.summary-card-value{color:#211e29;font-size:34px;font-weight:700;line-height:1;letter-spacing:-.9px}.income-value{font-size:25px;letter-spacing:-.4px}.summary-icon{position:absolute;z-index:4;top:20px;right:21px;width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:50%}.summary-icon-purple{background:#e7e4ff;color:#5041d5}.summary-icon-green{background:#daf6e9;color:#087a50}.summary-icon-orange{background:#ffecd3;color:#a76b16}.summary-decoration{position:absolute;z-index:1;width:105px;height:105px;right:-34px;bottom:-47px;border-radius:50%;opacity:.38}.purple-decoration{background:#d8d5ff}.green-decoration{background:#c9f1df}.orange-decoration{background:#ffe2b7}.dashboard-section-title-row{width:100%;display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.dashboard-section-title-row h2{margin:0;color:#292533;font-size:18px;font-weight:650;line-height:1.3;letter-spacing:-.2px}.see-all-button{border:none;outline:none;background:transparent;color:#5142d8;font-family:Poppins,sans-serif;font-size:10px;font-weight:650;cursor:pointer;padding:5px 2px;transition:color .2s ease,transform .2s ease}.see-all-button:hover{color:#3425ba;transform:translate(2px)}.event-list{width:100%;display:flex;flex-direction:column;gap:17px}.event-dashboard-card{width:100%;min-width:0;padding:21px;box-sizing:border-box;background:#fff;border:1px solid #e5e0ed;border-radius:15px;box-shadow:0 4px 13px #2a23460b;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.event-dashboard-card:hover{transform:translateY(-1px);border-color:#d9d2e5;box-shadow:0 7px 18px #2a234613}.event-card-top{width:100%;display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.event-card-info{min-width:0;flex:1}.event-card-info h3{margin:0 0 9px;color:#292631;font-size:17px;font-weight:650;line-height:1.35;word-break:break-word}.event-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px;color:#716b7b;font-size:10px;font-weight:450}.event-meta span{display:inline-flex;align-items:center;gap:5px}.event-meta svg{color:#777080;flex-shrink:0}.meta-dot{color:#b1abb8;font-size:10px}.event-status{flex-shrink:0;min-width:88px;height:27px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;border-radius:20px;background:#f3f1f6;border:1px solid #dfdae5;color:#696271;font-size:9px;font-weight:650;white-space:nowrap}.event-status.event-active{background:#e9f7f0;border-color:#bfe3d2;color:#267b59}.event-status.event-ended{background:#f1eff4;border-color:#dcd7e1;color:#716b78}.event-dashboard-card>div[style]{margin-top:17px!important;width:100%!important;height:175px!important;border-radius:11px!important;overflow:hidden;background:#f3f1f7!important}.event-dashboard-card>div[style] img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .35s ease}.event-dashboard-card:hover>div[style] img{transform:scale(1.015)}.event-progress-section{width:100%;margin-top:18px}.event-progress-info{width:100%;display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;color:#696373;font-size:10px;font-weight:500}.event-progress-info span:last-child{color:#36313e;font-weight:650}.event-progress-bar{width:100%;height:7px;overflow:hidden;border-radius:20px;background:#e9e6ee}.event-progress-fill{height:100%;border-radius:20px;transition:width .35s ease}.progress-active{background:#5142d8}.progress-ended{background:#a39eaa}.event-card-bottom{width:100%;display:flex;justify-content:flex-end;margin-top:18px;padding-top:1px}.detail-event-button{height:35px;padding:0 18px;border:1px solid #cfc9d8;border-radius:8px;background:#fff;color:#393440;font-family:Poppins,sans-serif;font-size:10px;font-weight:600;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease}.detail-event-button:hover{background:#f6f4ff;border-color:#5142d8;color:#5142d8;transform:translateY(-1px)}.detail-event-button:active{transform:translateY(0)}.transaction-list{width:100%;display:flex;flex-direction:column;gap:13px}.transaction-card{width:100%;min-height:104px;padding:18px 21px;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:22px;background:#fff;border:1px solid #e5e0ed;border-radius:14px;box-shadow:0 3px 10px #2d25490a;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.transaction-card:hover{transform:translateY(-1px);border-color:#d8d1e2;box-shadow:0 6px 15px #2d254911}.transaction-info{min-width:0;flex:1;display:flex;flex-direction:column;align-items:flex-start;text-align:left}.transaction-info h3{margin:0 0 6px;color:#292631;font-size:15px;font-weight:650;line-height:1.35;word-break:break-word}.transaction-info p{margin:0 0 5px;color:#302b39;font-size:13px;font-weight:700}.transaction-info strong{color:#817a89;font-size:9px;font-weight:400;line-height:1.45;word-break:break-all}.transaction-actions{flex-shrink:0;display:flex;align-items:center;justify-content:flex-end}.transaction-status{min-width:78px;height:28px;padding:0 12px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:20px;font-size:9px;font-weight:650;white-space:nowrap}.transaction-status.status-paid{color:#267b59;background:#e9f7f0;border:1px solid #bfe3d2}.transaction-status.status-waiting{color:#a06b20;background:#fff3dc;border:1px solid #efd5a8}.transaction-status.status-cancelled{color:#b34c4c;background:#fbeaea;border:1px solid #ebc2c2}.transaction-dot{width:5px;height:5px;flex-shrink:0;border-radius:50%;background:currentColor}.dashboard-error{width:100%;margin-bottom:17px;padding:12px 15px;box-sizing:border-box;border-radius:9px;background:#fff2f2;border:1px solid #efcccc;color:#c33d3d;font-size:10px;font-weight:500}.dashboard-empty{width:100%;min-height:120px;display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:28px;border-radius:13px;background:#fff;border:1px solid #e5e0ed;color:#777180;font-size:11px;font-weight:450}@media (max-width: 1100px){.dashboard-eo-content{padding:27px 27px 50px}.summary-cards{gap:15px}.summary-card{height:130px;padding:20px}.summary-card-value{font-size:30px}.income-value{font-size:22px}.summary-icon{width:39px;height:39px;top:18px;right:18px}.event-dashboard-card{padding:19px}.event-dashboard-card>div[style]{height:165px!important}.transaction-card{padding:17px 19px}}@media (max-width: 850px){.dashboard-eo-main{width:calc(100% - 190px);margin-left:190px}.dashboard-eo-content{padding:25px 21px 45px}.summary-cards{grid-template-columns:1fr;gap:12px}.summary-card{height:118px}.recent-event-section,.transaction-section{margin-top:29px}}@media (max-width: 600px){.dashboard-eo-main{width:100%;margin-left:0}.dashboard-eo-content{padding:22px 15px 40px}.dashboard-page-header{margin-bottom:20px}.dashboard-page-header h1{font-size:21px}.summary-cards{grid-template-columns:1fr;gap:11px}.summary-card{height:112px;padding:18px;border-radius:13px}.summary-card-value{font-size:27px}.income-value{font-size:22px}.summary-icon{width:36px;height:36px;top:17px;right:17px}.recent-event-section,.transaction-section{margin-top:27px}.dashboard-section-title-row{margin-bottom:12px}.dashboard-section-title-row h2{font-size:15px}.see-all-button{font-size:9px}.event-dashboard-card{padding:16px;border-radius:13px}.event-card-top{gap:11px}.event-card-info h3{font-size:15px}.event-status{min-width:78px;height:24px;padding:0 9px;font-size:8px}.event-meta{font-size:9px}.event-dashboard-card>div[style]{height:155px!important;margin-top:14px!important;border-radius:9px!important}.event-progress-section{margin-top:15px}.event-progress-info{font-size:9px}.event-progress-bar{height:6px}.event-card-bottom{margin-top:16px}.detail-event-button{height:33px;padding:0 15px;font-size:9px}.transaction-card{min-height:125px;padding:16px;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:12px;border-radius:13px}.transaction-info{width:100%}.transaction-info h3{font-size:14px}.transaction-info p{font-size:12px}.transaction-actions{width:100%;justify-content:flex-end}}@media (max-width: 430px){.dashboard-eo-content{padding-left:13px;padding-right:13px}.dashboard-page-header h1{font-size:20px}.summary-card{height:108px;padding:16px}.summary-card-value{font-size:25px}.income-value{font-size:21px}.summary-icon{width:35px;height:35px;top:15px;right:15px}.event-dashboard-card{padding:14px}.event-card-top{flex-direction:column;align-items:flex-start}.event-status{order:-1}.event-dashboard-card>div[style]{height:145px!important}.detail-event-button{width:100%}.transaction-card{padding:15px}.transaction-actions{justify-content:flex-start}}.event-dashboard-card{display:grid;grid-template-columns:280px minmax(0,1fr);grid-template-rows:auto auto auto;column-gap:24px;align-items:start;padding:18px}.event-dashboard-card .event-card-top{grid-column:2;grid-row:1;width:100%;min-width:0;display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.event-dashboard-card>div[style]{grid-column:1;grid-row:1 / 4;width:280px!important;height:175px!important;margin:0!important;border-radius:11px!important;overflow:hidden;background:#f3f1f7!important}.event-dashboard-card>div[style] img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .3s ease}.event-dashboard-card:hover>div[style] img{transform:scale(1.025)}.event-dashboard-card .event-progress-section{grid-column:2;grid-row:2;width:100%;margin-top:22px}.event-dashboard-card .event-card-bottom{grid-column:2;grid-row:3;width:100%;margin-top:18px;padding-top:0;display:flex;justify-content:flex-end}.event-dashboard-card .event-card-info h3{margin-top:2px;margin-bottom:8px;font-size:17px;font-weight:650;line-height:1.35}.event-dashboard-card .event-meta{gap:8px;font-size:10px}.event-dashboard-card .event-status{flex-shrink:0;min-width:85px;height:26px;margin-top:1px}.transaction-card{width:100%;min-height:108px;padding:18px 21px;display:flex;align-items:center;justify-content:space-between;gap:20px}.transaction-card .transaction-info h3{margin:0 0 6px;text-align:left!important;font-size:15px;font-weight:650}.transaction-card .transaction-info p{margin:0 0 5px;text-align:left!important;font-size:13px;font-weight:700}.transaction-card .transaction-info strong{margin:0;text-align:left!important;font-size:9px}.transaction-card .transaction-status{min-width:78px;height:28px;display:inline-flex;align-items:center;justify-content:center}@media (min-width: 1200px){.event-dashboard-card{grid-template-columns:300px minmax(0,1fr);column-gap:26px;padding:20px}.event-dashboard-card>div[style]{width:300px!important;height:180px!important}}@media (max-width: 850px){.event-dashboard-card{grid-template-columns:220px minmax(0,1fr);column-gap:18px;padding:17px}.event-dashboard-card>div[style]{width:220px!important;height:155px!important}}@media (max-width: 600px){.event-dashboard-card{display:flex;flex-direction:column;gap:0;padding:16px}.event-dashboard-card .event-card-top{order:1;width:100%}.event-dashboard-card>div[style]{order:2;width:100%!important;height:165px!important;margin-top:14px!important}.event-dashboard-card .event-progress-section{order:3;width:100%;margin-top:15px}.event-dashboard-card .event-card-bottom{order:4;width:100%;margin-top:16px}.transaction-card{min-height:120px;flex-direction:column;align-items:stretch;justify-content:center;gap:13px;padding:16px}.transaction-card .transaction-info{width:100%}.transaction-card .transaction-actions{width:100%;margin-left:0;justify-content:flex-end}}@media (max-width: 430px){.event-dashboard-card{padding:14px}.event-dashboard-card>div[style]{height:145px!important}.transaction-card{padding:15px}.transaction-card .transaction-actions{justify-content:flex-start}}.transaction-card{width:100%;min-height:105px;display:flex;align-items:center;justify-content:space-between;padding:18px 22px;box-sizing:border-box;background:#fff;border:1px solid #e5e0ed;border-radius:14px;box-shadow:0 3px 10px #2d25490a;gap:24px}.transaction-card .transaction-info{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start!important;justify-content:center;text-align:left!important;margin:0;padding:0}.transaction-card .transaction-info h3{margin:0 0 5px;color:#292631;font-size:15px;font-weight:650;line-height:1.4;text-align:left!important}.transaction-card .transaction-info p{margin:0 0 4px;color:#302b39;font-size:13px;font-weight:700;text-align:left!important}.transaction-card .transaction-info strong{margin:0;color:#817a89;font-size:9px;font-weight:400;line-height:1.4;text-align:left!important;word-break:break-all}.transaction-card .transaction-actions{flex-shrink:0;margin-left:auto;display:flex;align-items:center;justify-content:flex-end}.transaction-card .transaction-status{min-width:78px;height:28px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:20px;font-size:9px;font-weight:650;white-space:nowrap}@media (max-width: 600px){.transaction-card{min-height:115px;padding:16px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:12px}.transaction-card .transaction-info{width:100%}.transaction-card .transaction-actions{width:100%;margin-left:0;justify-content:flex-end}}.transaction-card{width:100%!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;padding:18px 20px!important;box-sizing:border-box!important;gap:20px!important}.transaction-card .transaction-info{flex:1 1 auto!important;width:auto!important;max-width:none!important;min-width:0!important;margin:0!important;padding:0!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;text-align:left!important}.transaction-card .transaction-info h3,.transaction-card .transaction-info p,.transaction-card .transaction-info strong{width:auto!important;margin-left:0!important;margin-right:0!important;text-align:left!important}.transaction-card .transaction-info h3{margin-top:0!important;margin-bottom:5px!important;color:#292631;font-size:15px;font-weight:650}.transaction-card .transaction-info p{margin-top:0!important;margin-bottom:4px!important;color:#302b39;font-size:13px;font-weight:700}.transaction-card .transaction-info strong{margin-top:0!important;color:#817a89;font-size:9px;font-weight:400}.transaction-card .transaction-actions{flex:0 0 auto!important;width:auto!important;margin:0 0 0 auto!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:flex-end!important}.transaction-card .transaction-status{flex-shrink:0!important}@media (max-width: 600px){.transaction-card{flex-direction:column!important;align-items:stretch!important;justify-content:center!important;gap:12px!important}.transaction-card .transaction-info{width:100%!important;align-items:flex-start!important}.transaction-card .transaction-actions{width:100%!important;margin:0!important;justify-content:flex-end!important}}.event-dashboard-card{padding:22px!important;row-gap:8px}.event-dashboard-card>div[style]{height:195px!important}.event-dashboard-card .event-card-info h3{font-size:18px!important;margin-bottom:10px!important}.event-dashboard-card .event-meta{font-size:11px!important;gap:10px!important}.event-dashboard-card .event-status{min-width:95px!important;height:29px!important;font-size:10px!important}.event-dashboard-card .event-progress-info{font-size:11px!important}.event-dashboard-card .event-progress-bar{height:8px!important}.detail-event-button{height:38px!important;padding:0 20px!important;font-size:11px!important}.transaction-card{padding:20px 24px!important;min-height:112px!important}.transaction-card .transaction-info h3{font-size:16px!important}.transaction-card .transaction-info p{font-size:14px!important}.transaction-card .transaction-info strong{font-size:10px!important}.transaction-card .transaction-status{min-width:86px!important;height:30px!important;font-size:10px!important}@media (min-width: 1200px){.event-dashboard-card{grid-template-columns:320px minmax(0,1fr)!important;column-gap:28px!important}.event-dashboard-card>div[style]{width:320px!important;height:200px!important}}@media (min-width: 851px) and (max-width: 1199px){.event-dashboard-card{grid-template-columns:290px minmax(0,1fr)!important;column-gap:24px!important}.event-dashboard-card>div[style]{width:290px!important;height:190px!important}}.event-eo-page{min-height:100vh;width:100%;background:#f8f7fc;font-family:Poppins,sans-serif;color:#292541}.event-eo-main{min-height:100vh;margin-left:220px;background:#f8f7fc}.event-eo-content{width:100%;max-width:1200px;margin:0 auto;padding:18px 32px 70px}.event-eo-page-top{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:27px}.event-eo-page-title{display:flex;flex-direction:column}.event-eo-page-title h1{margin:0;color:#0f0d20;font-size:28px;line-height:1.25;font-weight:700}.event-eo-page-title h2{margin:18px 0 0;color:#403d4d;font-size:25px;line-height:1.25;font-weight:600}.event-eo-create-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:132px;height:40px;padding:0 18px;border:none;border-radius:22px;background:#4b3edc;color:#fff;font-family:Poppins,sans-serif;font-size:12px;font-weight:600;cursor:pointer;box-shadow:0 5px 13px #4b3edc2e;transition:background .2s ease,transform .2s ease,box-shadow .2s ease}.event-eo-create-button span{font-size:18px;line-height:1}.event-eo-create-button:hover{background:#4033ca;transform:translateY(-1px);box-shadow:0 7px 17px #4b3edc3d}.event-eo-tabs{display:flex;align-items:center;gap:26px;width:100%;border-bottom:1px solid #dcd8e7;margin-bottom:33px}.event-eo-tab{position:relative;padding:0 16px 15px;border:none;background:transparent;color:#5f5c6b;font-family:Poppins,sans-serif;font-size:12px;font-weight:500;cursor:pointer;transition:color .2s ease}.event-eo-tab:hover{color:#4b3edc}.event-eo-tab.active{color:#493bd8;font-weight:600}.event-eo-tab.active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:#4b3edc;border-radius:3px}.event-eo-section{width:100%}.event-eo-draft-section{margin-top:61px}.event-eo-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.event-eo-section-header h2{margin:0;color:#242132;font-size:18px;line-height:1.3;font-weight:600}.event-eo-see-all{padding:0;border:none;background:transparent;color:#4b3edc;font-family:Poppins,sans-serif;font-size:11px;font-weight:500;cursor:pointer}.event-eo-see-all:hover{text-decoration:underline}.event-eo-list{display:flex;flex-direction:column;gap:15px;width:100%}.event-eo-card{position:relative;width:100%;min-height:196px;padding:23px 20px;border:1px solid #e5e1eb;border-radius:11px;background:#fff;box-shadow:0 4px 12px #322c5a0e;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.event-eo-card:hover{transform:translateY(-1px);border-color:#d8d2ee;box-shadow:0 7px 18px #322c5a14}.event-eo-draft-card{border-style:dashed;background:#fff}.event-eo-card-header{width:calc(100% - 150px);min-width:0;margin-bottom:5px}.event-eo-card-header h3{overflow:hidden;margin:0;color:#272436;font-size:17px;line-height:1.4;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.event-eo-status{position:absolute;top:20px;right:22px;display:inline-flex;align-items:center;justify-content:center;min-width:90px;height:27px;padding:0 12px;border-radius:20px;font-size:10px;line-height:1;font-weight:600;white-space:nowrap}.event-eo-status.active{background:#e3f5ee;border:1px solid #bddfd2;color:#138463}.event-eo-status.finished{background:#ffebeb;border:1px solid #f3cece;color:#df5d62}.event-eo-status.draft{background:#efedff;border:1px solid #ddd8ff;color:#695be3}.event-eo-meta{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:24px;color:#5f5c6b;font-size:12px;line-height:1.4}.event-eo-meta>span{display:inline-flex;align-items:center;gap:5px}.meta-icon{color:#5a50d9;font-size:11px}.event-eo-ticket{width:100%}.event-eo-ticket-info{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:7px;color:#5b5868;font-size:11px;line-height:1.4}.event-eo-ticket-info span:last-child{color:#4f4c5c;font-weight:500}.event-eo-progress{width:100%;height:7px;overflow:hidden;border-radius:10px;background:#e7e4ed}.event-eo-progress-bar{height:100%;border-radius:inherit;background:#4c3fe0;transition:width .3s ease}.event-eo-progress-bar.finished{background:#94919e}.event-eo-progress-bar.draft{background:#dcd9e4}.event-eo-detail-button{position:absolute;right:21px;bottom:20px;min-width:102px;height:35px;padding:0 14px;border:1px solid #8f8a9e;border-radius:8px;background:#fff;color:#383545;font-family:Poppins,sans-serif;font-size:11px;font-weight:500;cursor:pointer;transition:border-color .2s ease,background .2s ease,color .2s ease,transform .2s ease}.event-eo-detail-button:hover{border-color:#5143d8;background:#f7f5ff;color:#4c3fdc;transform:translateY(-1px)}.event-eo-empty{display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:180px;border:1px solid #e3e0ea;border-radius:10px;background:#fff;text-align:center}.event-eo-empty h3{margin:0 0 5px;color:#403d4c;font-size:15px;font-weight:600}.event-eo-empty p{margin:0;color:#696674;font-size:11px}@media (max-width: 1050px){.event-eo-main{margin-left:200px}.event-eo-content{max-width:none;padding:18px 24px 60px}.event-eo-page-title h1{font-size:25px}.event-eo-page-title h2{margin-top:18px;font-size:22px}.event-eo-card-header{width:calc(100% - 130px)}}@media (max-width: 800px){.event-eo-content{padding:18px 20px 50px}.event-eo-page-top{align-items:flex-start}.event-eo-page-title h1{font-size:25px}.event-eo-page-title h2{margin-top:18px;font-size:21px}.event-eo-create-button{min-width:120px;height:38px}.event-eo-tabs{gap:15px}.event-eo-tab{padding-left:10px;padding-right:10px}.event-eo-card{min-height:190px}}@media (max-width: 650px){.event-eo-main{width:100%;margin-left:0}.event-eo-content{width:100%;padding:18px 16px 45px}.event-eo-page-top{flex-direction:column;align-items:stretch;gap:18px;margin-bottom:23px}.event-eo-page-title h1{font-size:25px}.event-eo-page-title h2{margin-top:18px;font-size:20px}.event-eo-create-button{width:100%;height:40px}.event-eo-tabs{gap:18px;margin-bottom:25px;overflow-x:auto;scrollbar-width:none}.event-eo-tabs::-webkit-scrollbar{display:none}.event-eo-tab{padding:0 3px 12px;font-size:11px}.event-eo-section-header{margin-bottom:13px}.event-eo-section-header h2{font-size:17px}.event-eo-see-all{font-size:10px}.event-eo-card{min-height:245px;padding:19px 16px;border-radius:10px}.event-eo-card-header{width:calc(100% - 5px);padding-right:100px;margin-bottom:8px}.event-eo-card-header h3{white-space:normal;font-size:15px}.event-eo-status{top:18px;right:16px;min-width:82px;height:25px;padding:0 9px;font-size:9px}.event-eo-meta{align-items:flex-start;flex-direction:column;gap:6px;margin-bottom:22px;font-size:11px}.event-eo-ticket-info{font-size:11px}.event-eo-progress{height:6px}.event-eo-detail-button{right:16px;bottom:17px;width:calc(100% - 32px);height:35px}.event-eo-draft-section{margin-top:40px}}@media (max-width: 450px){.event-eo-content{padding:18px 12px 35px}.event-eo-page-title h1{font-size:22px}.event-eo-page-title h2{margin-top:18px;font-size:19px}.event-eo-tabs{gap:15px}.event-eo-tab{font-size:10px}.event-eo-card{min-height:250px;padding:18px 14px}.event-eo-card-header{padding-right:90px}.event-eo-card-header h3{font-size:15px}.event-eo-status{right:14px;min-width:78px;font-size:9px}.event-eo-meta,.event-eo-ticket-info{font-size:10px}.event-eo-detail-button{right:14px;width:calc(100% - 28px)}}:root{--primary: #5142d8;--primary-dark: #4032c4;--primary-soft: #f0efff;--text: #252330;--text-secondary: #625d6d;--text-muted: #8a8592;--border: #e8e4ef;--border-dark: #ddd8e8;--background: #f8f7fc;--white: #ffffff;--success: #27815f;--success-bg: #eaf8f1;--danger: #b34c4c;--danger-bg: #fbeeee;--warning: #a16a20;--warning-bg: #fff4df;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--shadow-sm: 0 2px 8px rgba(42, 35, 70, .04);--shadow-md: 0 5px 18px rgba(42, 35, 70, .06);--font: "Poppins", sans-serif}.detail-event-eo-page,.detail-event-eo-page *{font-family:var(--font);box-sizing:border-box}.detail-event-eo-page{width:100%;min-height:100vh;background:var(--background);color:var(--text)}.detail-event-eo-main{width:calc(100% - 220px);min-height:100vh;margin-left:220px;background:var(--background)}.detail-event-eo-content{width:100%;max-width:1180px;margin:0 auto;padding:30px 34px 70px}.detail-event-page-title{margin-bottom:20px}.detail-event-page-title h1{margin:0;color:var(--text);font-size:25px;line-height:1.3;font-weight:700;letter-spacing:-.3px}.detail-event-eo-top-nav{margin-bottom:20px}.back-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:38px;padding:0 16px;border:1px solid #ded9ea;border-radius:9px;background:#fff;color:var(--primary);font-family:var(--font);font-size:10px;font-weight:600;cursor:pointer;box-shadow:0 2px 7px #2a23460a;transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease}.back-button:hover{background:#faf9ff;border-color:#cfc8e8;color:var(--primary-dark);transform:translate(-2px);box-shadow:0 4px 10px #2a234612}.back-arrow{position:relative;width:15px;height:15px;display:inline-flex;align-items:center;justify-content:center;font-size:0}.back-arrow:before{content:"";width:7px;height:7px;border-left:1.8px solid currentColor;border-bottom:1.8px solid currentColor;transform:rotate(45deg);margin-left:3px}.back-arrow:after{content:"";position:absolute;width:11px;height:1.8px;background:currentColor;left:1px;top:7px}.detail-event-eo-hero-card{width:100%;overflow:hidden;background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:24px}.banner-wrapper{position:relative;width:100%;height:300px;overflow:hidden;background:#eeecf4}.event-banner{display:block;width:100%;height:100%;object-fit:cover}.status-badge{position:absolute;top:16px;right:16px;display:inline-flex;align-items:center;justify-content:center;min-width:88px;height:29px;padding:0 13px;border-radius:20px;font-size:9px;font-weight:600;white-space:nowrap;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.status-badge.active{background:#eaf8f1f2;color:var(--success);border:1px solid #c9ead9}.hero-info{padding:20px 23px 22px}.hero-info h2{margin:0;color:var(--text);font-size:24px;line-height:1.3;font-weight:700;letter-spacing:-.3px}.event-id{display:flex;align-items:center;gap:7px;margin:8px 0 0;color:var(--text-muted);font-size:10px;font-weight:400}.event-id-icon{position:relative;width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;font-size:0;color:var(--primary)}.event-id-icon:before{content:"";width:10px;height:12px;border:1.4px solid currentColor;border-radius:2px;position:absolute}.event-id-icon:after{content:"";width:5px;height:1px;background:currentColor;box-shadow:0 3px 0 currentColor,0 6px 0 currentColor;position:absolute;top:5px}.detail-event-eo-content-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px;align-items:start}.detail-event-left-column{min-width:0}.detail-event-right-column{min-width:0;display:flex;flex-direction:column}.detail-card{width:100%;margin-bottom:16px;padding:20px;background:var(--white);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.detail-card h2{margin:0 0 15px;color:var(--text);font-size:16px;line-height:1.35;font-weight:600}.meta-card{padding:19px 20px}.meta-card h3{margin:0 0 15px;color:var(--text);font-size:15px;line-height:1.4;font-weight:600}.meta-list{display:flex;align-items:center;flex-wrap:wrap;gap:11px 22px;color:var(--text-secondary);font-size:10px;line-height:1.4}.meta-list>span{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}.meta-icon{position:relative;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:8px;background:var(--primary-soft);color:var(--primary);font-size:0}.meta-icon:not(.tag-icon):not(.location-icon):before{content:"";width:12px;height:11px;border:1.5px solid currentColor;border-radius:3px;position:absolute}.meta-icon:not(.tag-icon):not(.location-icon):after{content:"";width:12px;height:1.5px;background:currentColor;position:absolute;top:9px}.meta-icon.tag-icon:before{content:"";width:11px;height:8px;border:1.5px solid currentColor;border-radius:2px;transform:rotate(-45deg);position:absolute}.meta-icon.tag-icon:after{content:"";width:3px;height:3px;border:1px solid currentColor;border-radius:50%;position:absolute;transform:translate(-2px,-2px) rotate(-45deg)}.meta-icon.location-icon:before{content:"";width:11px;height:11px;border:1.5px solid currentColor;border-radius:50% 50% 50% 0;transform:rotate(-45deg);position:absolute}.meta-icon.location-icon:after{content:"";width:3px;height:3px;background:currentColor;border-radius:50%;position:absolute}.description-text p{margin:0 0 10px;color:var(--text-secondary);font-size:11px;line-height:1.75}.description-text p:last-child{margin-bottom:0}.facilities-text p{margin:0;color:var(--text-secondary);font-size:11px;line-height:1.75}.lineup-card{padding-bottom:22px}.lineup-grid{display:flex;align-items:flex-start;flex-wrap:wrap;gap:24px;padding-top:4px}.lineup-item{display:flex;flex-direction:column;align-items:center;gap:7px;min-width:65px}.lineup-avatar{position:relative;width:52px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid #dddff0;background:#f5f4ff;color:var(--primary);overflow:hidden}.lineup-avatar span{position:relative;width:22px;height:22px;display:block;font-size:0}.lineup-avatar span:before{content:"";position:absolute;width:7px;height:7px;border:1.5px solid currentColor;border-radius:50%;top:0;left:50%;transform:translate(-50%)}.lineup-avatar span:after{content:"";position:absolute;width:14px;height:8px;border:1.5px solid currentColor;border-bottom:0;border-radius:8px 8px 0 0;bottom:1px;left:50%;transform:translate(-50%)}.lineup-item>span{max-width:90px;color:var(--text-secondary);font-size:10px;line-height:1.4;font-weight:500;text-align:center}.ticket-detail-list{width:100%}.ticket-detail-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:13px 0;border-bottom:1px solid #eeeaf3}.ticket-detail-row:first-child{padding-top:0}.ticket-detail-row:last-child{padding-bottom:0;border-bottom:none}.ticket-detail-row>div{display:flex;flex-direction:column;gap:3px;min-width:0}.ticket-detail-row>div strong{color:var(--text);font-size:11px;font-weight:600}.ticket-detail-row>div span{color:var(--text-muted);font-size:9px}.ticket-detail-row>strong{flex-shrink:0;color:var(--primary);font-size:11px;font-weight:600}.edit-event-btn{width:100%;height:42px;margin-bottom:16px;border:1px solid #d8d2e5;border-radius:9px;background:#fff;color:var(--primary);font-family:var(--font);font-size:11px;font-weight:600;cursor:pointer;box-shadow:0 2px 7px #2a234609;transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease}.edit-event-btn:hover{background:#faf9ff;border-color:#c8c0df;color:var(--primary-dark);transform:translateY(-1px);box-shadow:0 5px 12px #2a234612}.stats-card{margin-bottom:0;padding:20px}.stats-card h2{margin:0;color:var(--text);font-size:16px;font-weight:600}.stats-divider-top{width:100%;height:1px;margin:13px 0 15px;background:var(--border)}.stats-divider{width:100%;height:1px;margin:18px 0;border:none;background:var(--border)}.sales-text-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px;color:var(--text-secondary);font-size:10px;line-height:1.4}.sales-text-row span:last-child{color:var(--text);font-weight:600}.progress-bar-bg{width:100%;height:7px;overflow:hidden;border-radius:10px;background:#e9e6f0}.progress-bar-fill{height:100%;border-radius:10px;background:var(--primary);transition:width .4s ease}.category-breakdown h4{margin:0 0 13px;color:var(--text-muted);font-size:9px;line-height:1.3;font-weight:600;letter-spacing:.5px}.category-row{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:13px}.category-row:last-child{margin-bottom:0}.cat-info{display:flex;flex-direction:column;gap:2px;min-width:0}.cat-name{color:var(--text);font-size:10px;font-weight:600}.cat-price{color:var(--text-muted);font-size:9px}.cat-count{flex-shrink:0;color:var(--text-secondary);font-size:10px;font-weight:500;white-space:nowrap}.sales-summary-extra{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sales-summary-extra>div{display:flex;flex-direction:column;gap:5px;padding:11px 12px;border-radius:9px;background:#faf9fd;border:1px solid #eeeaf4}.sales-summary-extra span{color:var(--text-muted);font-size:9px}.sales-summary-extra strong{color:var(--text);font-size:13px;font-weight:600}.detail-card>p{margin:0;color:var(--text-secondary);font-size:11px;line-height:1.6}.banner-error-message{width:100%;height:100%;min-height:300px;display:flex;align-items:center;justify-content:center;background:#f1eff5;color:var(--text-muted);font-size:11px}.detail-card{transition:border-color .2s ease,box-shadow .2s ease}.detail-card:hover{border-color:#e1dcea;box-shadow:var(--shadow-md)}@media (max-width: 1100px){.detail-event-eo-content{padding:26px 26px 60px}.detail-event-eo-content-grid{grid-template-columns:minmax(0,1fr) 270px;gap:18px}.banner-wrapper{height:270px}}@media (max-width: 900px){.detail-event-eo-main{width:calc(100% - 200px);margin-left:200px}.detail-event-eo-content{padding:24px 22px 50px}.detail-event-eo-content-grid{grid-template-columns:1fr}.detail-event-right-column{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}.edit-event-btn{margin-bottom:0}}@media (max-width: 700px){.detail-event-eo-main{width:100%;margin-left:0}.detail-event-eo-content{padding:20px 16px 45px}.detail-event-page-title{margin-bottom:17px}.detail-event-page-title h1{font-size:22px}.detail-event-eo-top-nav{margin-bottom:18px}.back-button{min-height:36px;padding:0 14px;font-size:10px}.banner-wrapper{height:210px}.hero-info{padding:17px 18px 19px}.hero-info h2{font-size:21px}.event-id{font-size:9px}.status-badge{top:12px;right:12px;min-width:80px;height:27px;font-size:8px}.detail-event-eo-content-grid{grid-template-columns:1fr;gap:0}.detail-card{padding:17px;margin-bottom:13px;border-radius:11px}.detail-card h2{font-size:15px}.meta-card h3{font-size:14px}.meta-list{flex-direction:column;align-items:flex-start;gap:9px;font-size:10px}.meta-list>span{white-space:normal}.lineup-grid{justify-content:flex-start;gap:20px}.detail-event-right-column{display:flex;flex-direction:column;gap:0}.edit-event-btn{height:40px;margin-bottom:13px}.stats-card{margin-bottom:0}}@media (max-width: 450px){.detail-event-eo-content{padding:18px 12px 35px}.detail-event-page-title h1{font-size:20px}.banner-wrapper{height:175px}.hero-info{padding:15px}.hero-info h2{font-size:19px}.event-id{font-size:8px}.status-badge{top:10px;right:10px;min-width:73px;height:24px;padding:0 9px;font-size:8px}.detail-card{padding:15px}.detail-card h2{font-size:14px}.meta-card h3{font-size:13px}.description-text p,.facilities-text p{font-size:10px}.lineup-grid{gap:14px}.lineup-avatar{width:46px;height:46px}.lineup-avatar span{width:20px;height:20px}.lineup-item>span{font-size:9px}.edit-event-btn{height:39px;font-size:10px}.stats-card h2{font-size:14px}.sales-text-row{font-size:9px}.category-breakdown h4{font-size:8px}.cat-name{font-size:10px}.cat-price{font-size:8px}.cat-count{font-size:9px}.sales-summary-extra{grid-template-columns:1fr}}button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.detail-event-eo-page{font-family:Poppins,sans-serif!important;background:#f8f7fc;color:#252330}.detail-event-eo-page *{font-family:Poppins,sans-serif!important}.detail-event-eo-main{width:calc(100% - 220px)!important;margin-left:220px!important;min-height:100vh;background:#f8f7fc}.detail-event-eo-content{width:100%;max-width:1180px;margin:0 auto;padding:30px 34px 60px!important}.detail-event-page-title{margin:0 0 18px!important}.detail-event-page-title h1{margin:0!important;font-size:28px!important;line-height:1.3!important;font-weight:700!important;color:#252330!important;letter-spacing:-.4px!important}.detail-event-eo-top-nav{width:100%!important;margin:0 0 20px!important}.back-button{width:auto!important;min-width:0!important;height:38px!important;min-height:38px!important;display:inline-flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:8px!important;padding:0 14px!important;border:1px solid #ddd8e8!important;border-radius:9px!important;background:#fff!important;color:#5142d8!important;font-family:Poppins,sans-serif!important;font-size:10px!important;font-weight:600!important;line-height:1!important;white-space:nowrap!important;cursor:pointer;box-shadow:0 2px 6px #2a23460a;transition:.2s ease}.back-button:hover{background:#faf9ff!important;border-color:#cfc8e8!important;color:#4032c4!important}.back-arrow{width:auto!important;height:auto!important;display:inline!important;position:static!important;margin:0!important;padding:0!important;font-size:16px!important;line-height:1!important;color:inherit!important}.back-arrow:before,.back-arrow:after{display:none!important}.detail-event-eo-hero-card{width:100%;margin:0 0 22px;overflow:hidden;background:#fff;border:1px solid #e7e2ef;border-radius:15px;box-shadow:0 3px 12px #2a23460b}.banner-wrapper{position:relative;width:100%;height:285px!important;overflow:hidden;background:#eeecf4}.event-banner{width:100%;height:100%;display:block;object-fit:cover}.status-badge{top:15px!important;right:15px!important;min-width:85px!important;height:28px!important;padding:0 12px!important;border-radius:20px!important;font-size:9px!important;font-weight:600!important}.hero-info{padding:18px 22px 20px!important}.hero-info h2{margin:0!important;font-size:23px!important;line-height:1.35!important;font-weight:700!important;color:#252330!important}.event-id{display:flex!important;align-items:center!important;gap:6px!important;margin:7px 0 0!important;color:#898491!important;font-size:9px!important;white-space:nowrap}.detail-event-eo-content-grid{display:grid!important;grid-template-columns:minmax(0,1fr) 300px!important;gap:20px!important;align-items:start!important}.detail-card{width:100%;margin-bottom:15px!important;padding:19px!important;background:#fff;border:1px solid #e7e2ef;border-radius:12px;box-shadow:0 2px 9px #2a234609}.detail-card:hover{border-color:#e1dcea;box-shadow:0 4px 13px #2a23460e}.detail-card h2{margin:0 0 14px!important;font-size:15px!important;line-height:1.4!important;font-weight:600!important;color:#252330!important}.meta-card h3{margin:0 0 13px!important;font-size:14px!important;font-weight:600!important;color:#252330!important}.meta-list{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:10px 20px!important;font-size:10px!important;color:#625d6d!important}.meta-list>span{display:inline-flex!important;align-items:center!important;gap:7px!important;white-space:nowrap!important}.meta-icon{width:27px!important;height:27px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important;border-radius:7px!important;background:#f0efff!important;color:#5142d8!important;font-size:0!important}.meta-icon:not(.tag-icon):not(.location-icon):before{content:"";width:11px;height:10px;border:1.4px solid currentColor;border-radius:2px}.meta-icon:not(.tag-icon):not(.location-icon):after{content:"";position:absolute;width:11px;height:1.4px;background:currentColor;margin-top:-3px}.meta-icon.tag-icon:before{content:"";width:10px;height:8px;border:1.4px solid currentColor;border-radius:2px;transform:rotate(-45deg)}.meta-icon.tag-icon:after{content:"";width:3px;height:3px;border:1px solid currentColor;border-radius:50%;transform:translate(-2px,-2px) rotate(-45deg)}.meta-icon.location-icon:before{content:"";width:10px;height:10px;border:1.4px solid currentColor;border-radius:50% 50% 50% 0;transform:rotate(-45deg)}.meta-icon.location-icon:after{content:"";width:3px;height:3px;background:currentColor;border-radius:50%}.description-text p,.facilities-text p{margin:0 0 8px!important;color:#625d6d!important;font-size:10.5px!important;line-height:1.75!important}.description-text p:last-child,.facilities-text p:last-child{margin-bottom:0!important}.lineup-grid{display:flex!important;flex-wrap:wrap!important;gap:22px!important}.lineup-item{min-width:60px!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:6px!important}.lineup-avatar{width:48px!important;height:48px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:50%!important;background:#f5f4ff!important;border:1px solid #dddff0!important;color:#5142d8!important}.lineup-avatar span{font-size:0!important;width:20px!important;height:20px!important}.lineup-avatar span:before{content:"";position:absolute;width:6px;height:6px;border:1.3px solid currentColor;border-radius:50%;top:0;left:50%;transform:translate(-50%)}.lineup-avatar span:after{content:"";position:absolute;width:13px;height:7px;border:1.3px solid currentColor;border-bottom:0;border-radius:8px 8px 0 0;bottom:0;left:50%;transform:translate(-50%)}.lineup-item>span{max-width:80px;color:#625d6d!important;font-size:9px!important;font-weight:500!important;text-align:center}.ticket-detail-row{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:15px!important;padding:12px 0!important;border-bottom:1px solid #eeeaf3!important}.ticket-detail-row>div{display:flex!important;flex-direction:column!important;gap:3px!important}.ticket-detail-row>div strong{color:#252330!important;font-size:10px!important;font-weight:600!important}.ticket-detail-row>div span{color:#898491!important;font-size:8.5px!important}.ticket-detail-row>strong{color:#5142d8!important;font-size:10px!important;font-weight:600!important}.edit-event-btn{width:100%!important;height:40px!important;margin-bottom:15px!important;border:1px solid #d9d3e6!important;border-radius:9px!important;background:#fff!important;color:#5142d8!important;font-family:Poppins,sans-serif!important;font-size:10px!important;font-weight:600!important;cursor:pointer;transition:.2s ease}.edit-event-btn:hover{background:#faf9ff!important;border-color:#c9c1df!important;color:#4032c4!important}.stats-card{padding:19px!important;margin-bottom:0!important}.stats-card h2{margin:0!important;font-size:15px!important;font-weight:600!important;color:#252330!important}.stats-divider-top,.stats-divider{height:1px!important;background:#e9e5ef!important;border:none!important}.stats-divider-top{margin:13px 0 15px!important}.stats-divider{margin:17px 0!important}.sales-text-row{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:10px!important;margin-bottom:7px!important;color:#625d6d!important;font-size:9px!important}.sales-text-row span:last-child{color:#252330!important;font-weight:600!important}.progress-bar-bg{width:100%!important;height:6px!important;overflow:hidden;border-radius:10px;background:#e9e6f0!important}.progress-bar-fill{height:100%!important;border-radius:10px;background:#5142d8!important}.category-breakdown h4{margin:0 0 12px!important;color:#898491!important;font-size:8px!important;font-weight:600!important;letter-spacing:.5px}.category-row{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;margin-bottom:11px!important}.category-row:last-child{margin-bottom:0!important}.cat-info{display:flex!important;flex-direction:column!important;gap:2px!important}.cat-name{color:#252330!important;font-size:9px!important;font-weight:600!important}.cat-price{color:#898491!important;font-size:8px!important}.cat-count{color:#625d6d!important;font-size:9px!important;font-weight:500!important}.sales-summary-extra{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}.sales-summary-extra>div{padding:10px!important;display:flex;flex-direction:column;gap:4px;background:#faf9fd;border:1px solid #eeeaf4;border-radius:8px}.sales-summary-extra span{color:#898491!important;font-size:8px!important}.sales-summary-extra strong{color:#252330!important;font-size:12px!important;font-weight:600!important}@media (max-width: 900px){.detail-event-eo-main{width:calc(100% - 200px)!important;margin-left:200px!important}.detail-event-eo-content{padding:25px 22px 50px!important}.detail-event-eo-content-grid{grid-template-columns:1fr!important}.detail-event-right-column{display:grid!important;grid-template-columns:1fr 1fr!important;gap:15px!important}.edit-event-btn{margin-bottom:0!important}}@media (max-width: 700px){.detail-event-eo-main{width:100%!important;margin-left:0!important}.detail-event-eo-content{padding:20px 15px 40px!important}.detail-event-page-title h1{font-size:23px!important}.detail-event-eo-top-nav{margin-bottom:16px!important}.back-button{height:36px!important;min-height:36px!important;padding:0 13px!important;font-size:9px!important}.banner-wrapper{height:210px!important}.hero-info{padding:16px 17px 18px!important}.hero-info h2{font-size:20px!important}.detail-event-eo-content-grid{grid-template-columns:1fr!important}.detail-event-right-column{display:flex!important;flex-direction:column!important}.meta-list{flex-direction:column!important;align-items:flex-start!important}}@media (max-width: 450px){.detail-event-eo-content{padding:17px 12px 35px!important}.detail-event-page-title h1{font-size:21px!important}.banner-wrapper{height:175px!important}.hero-info h2{font-size:18px!important}.detail-card{padding:15px!important}.sales-summary-extra{grid-template-columns:1fr!important}}.ticket-detail-row{width:100%!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:25px!important;padding:15px 0!important;border-bottom:1px solid #eeeaf3!important}.ticket-detail-row:first-child{padding-top:0!important}.ticket-detail-row:last-child{padding-bottom:0!important;border-bottom:none!important}.ticket-detail-row>div{flex:1!important;min-width:0!important;display:flex!important;flex-direction:row!important;align-items:center!important;gap:18px!important;margin:0!important}.ticket-detail-row>div strong{min-width:80px!important;margin:0!important;color:#252330!important;font-size:11px!important;font-weight:600!important;line-height:1.4!important}.ticket-detail-row>div span{margin:0!important;color:#898491!important;font-size:9px!important;font-weight:400!important;line-height:1.4!important}.ticket-detail-row>strong{flex-shrink:0!important;margin:0!important;color:#5142d8!important;font-size:11px!important;font-weight:600!important;white-space:nowrap!important}.edit-event-btn{width:100%!important;height:42px!important;margin-bottom:15px!important;border:1px solid #5142d8!important;border-radius:9px!important;background:#5142d8!important;color:#fff!important;font-family:Poppins,sans-serif!important;font-size:10px!important;font-weight:600!important;cursor:pointer!important;box-shadow:0 4px 10px #5142d826!important;transition:background .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease!important}.edit-event-btn:hover{background:#4032c4!important;border-color:#4032c4!important;color:#fff!important;transform:translateY(-1px)!important;box-shadow:0 6px 14px #5142d838!important}@media (max-width: 600px){.ticket-detail-row{gap:15px!important}.ticket-detail-row>div{gap:10px!important}.ticket-detail-row>div strong{min-width:65px!important}.ticket-detail-row>div span{font-size:8px!important}.ticket-detail-row>strong{font-size:10px!important}}.stats-card h2{font-size:16px!important;font-weight:600!important}.sales-text-row{font-size:10.5px!important;line-height:1.5!important}.sales-text-row span:last-child{font-size:10.5px!important;font-weight:600!important}.category-breakdown h4{font-size:9px!important}.cat-name{font-size:10px!important;font-weight:600!important}.cat-price{font-size:9px!important}.cat-count{font-size:10px!important}.sales-summary-extra span{font-size:9px!important}.sales-summary-extra strong{font-size:13px!important;font-weight:600!important}.lineup-grid{gap:18px!important}.lineup-item{min-width:55px!important;gap:5px!important}.lineup-avatar{width:44px!important;height:44px!important}.lineup-avatar span{width:18px!important;height:18px!important}.lineup-item>span{max-width:75px!important;font-size:8.5px!important;line-height:1.35!important;font-weight:500!important}.facilities-text p{margin:0!important;font-size:10px!important;line-height:1.65!important;color:#625d6d!important}.description-text p{font-size:10.5px!important;line-height:1.7!important}.add-event-page{width:100%;min-height:100vh;background:#f8f8fc}.add-event-main{min-height:100vh;margin-left:220px;background:#f8f8fc}.add-event-content{width:100%;max-width:1120px;margin:0 auto;padding:34px 34px 70px}.add-event-header{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:28px}.add-event-title{min-width:0}.add-event-small-title{display:block;margin-bottom:2px;color:#252525;font-size:16px;font-weight:600}.add-event-title h1{margin:0;color:#292744;font-size:28px;line-height:1.15;font-weight:700}.add-event-title p{margin:4px 0 0;color:#9292a4;font-size:13px;line-height:1.5}.add-event-header-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}.draft-button,.create-event-button{height:42px;padding:0 20px;border-radius:22px;font-family:Poppins,sans-serif;font-size:12px;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.draft-button{border:1px solid #ececf3;background:#f3f3f7;color:#777789}.create-event-button{display:flex;align-items:center;justify-content:center;gap:7px;border:none;background:linear-gradient(135deg,#5a50e8,#6047dc);color:#fff;box-shadow:0 7px 18px #5b4be138}.create-event-button span{font-size:17px;line-height:1}.draft-button:hover,.create-event-button:hover{transform:translateY(-1px)}.create-event-button:hover{box-shadow:0 10px 22px #5b4be14d}.form-card{width:100%;margin-bottom:22px;padding:25px 26px;border:1px solid #ededf4;border-radius:14px;background:#fff;box-shadow:0 4px 14px #302b5b09}.form-card h2{margin:0 0 22px;color:#292744;font-size:16px;line-height:1.3;font-weight:650}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.form-field{width:100%}.form-field label,.schedule-field label,.ticket-header span{display:block;margin-bottom:8px;color:#858596;font-size:10px;line-height:1.3;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.form-field input,.form-field select,.form-field textarea,.schedule-field input,.ticket-row input,.lineup-row input{width:100%;border:1px solid #dedee7;border-radius:8px;background:#fff;color:#303044;font-family:Poppins,sans-serif;font-size:13px;outline:none;box-sizing:border-box;transition:border-color .2s ease,box-shadow .2s ease}.form-field input,.form-field select{height:44px;padding:0 14px}.form-field textarea{min-height:110px;padding:12px 14px;resize:vertical;line-height:1.6}.form-field input::placeholder,.form-field textarea::placeholder,.schedule-field input::placeholder,.ticket-row input::placeholder,.lineup-row input::placeholder{color:#b3b3bf}.form-field input:focus,.form-field select:focus,.form-field textarea:focus,.schedule-field input:focus,.ticket-row input:focus,.lineup-row input:focus{border-color:#6256e8;box-shadow:0 0 0 3px #6256e814}.description-field{margin-top:22px}.category-tag{display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:4px 10px;border:1px solid #dce1f5;border-radius:20px;background:#f1f3ff;color:#5960bf;font-size:11px;font-weight:500}.category-tag button{display:flex;align-items:center;justify-content:center;width:14px;height:14px;padding:0;border:none;background:transparent;color:#777;font-size:13px;cursor:pointer}.input-with-icon{position:relative;display:flex;align-items:center;width:100%}.input-with-icon .search-icon{position:absolute;left:14px;color:#9292a4;font-size:14px;pointer-events:none;display:flex;align-items:center;justify-content:center}.input-with-icon input{padding-left:40px!important}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.section-header h2{margin:0}.add-small-button{height:32px;padding:0 14px;border:none;border-radius:18px;background:#f2f2f5;color:#676774;font-family:Poppins,sans-serif;font-size:11px;font-weight:500;cursor:pointer;transition:background .2s ease,transform .2s ease}.add-small-button:hover{background:#e9e9f0;transform:translateY(-1px)}.upload-box{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:150px;padding:25px;border:1.5px dashed #d2d3dc;border-radius:12px;background:#fafbfc;text-align:center;cursor:pointer;transition:border-color .2s ease,background .2s ease}.upload-box:hover{border-color:#6659e8;background:#faf9ff}.upload-box.has-file{border-color:#6659e8;background:#f8f7ff}.upload-box input{display:none}.upload-icon{margin-bottom:8px;color:#9da0ae;font-size:30px}.upload-box strong{display:block;color:#565666;font-size:12px;font-weight:600}.upload-box span{display:block;margin-top:4px;color:#999aa7;font-size:11px}.banner-preview-wrapper{position:relative;width:100%;aspect-ratio:16 / 9;max-height:320px;border-radius:12px;overflow:hidden;border:1px solid #dedee7;background:#111}.banner-preview-img{width:100%;height:100%;object-fit:cover;display:block}.banner-preview-overlay{position:absolute;bottom:0;left:0;right:0;padding:16px 20px;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);display:flex;align-items:center;justify-content:space-between;gap:15px}.banner-filename{color:#fff;font-size:12px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.banner-action-buttons{display:flex;align-items:center;gap:10px;flex-shrink:0}.change-banner-btn{padding:6px 14px;background:#fff3;border:1px solid rgba(255,255,255,.4);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;border-radius:6px;font-size:11px;font-weight:500;cursor:pointer;transition:background .2s ease}.change-banner-btn:hover{background:#ffffff59}.change-banner-btn input{display:none}.remove-banner-btn{padding:6px 14px;background:#e0525d;border:none;color:#fff;border-radius:6px;font-size:11px;font-weight:500;cursor:pointer;transition:background .2s ease}.remove-banner-btn:hover{background:#c93b46}.permission-upload{min-height:125px}.schedule-list{display:flex;flex-direction:column;gap:12px}.schedule-row{display:grid;grid-template-columns:1.2fr .8fr .8fr 38px;align-items:end;gap:14px;padding:16px;border:1px solid #eeeeF3;border-radius:10px;background:#fbfbfc}.schedule-field input{height:42px;padding:0 12px}.delete-row-button{width:38px;height:42px;border:none;background:transparent;color:#d35b62;font-size:15px;cursor:pointer;border-radius:8px;transition:background .2s ease}.delete-row-button:hover{background:#fff0f0}.ticket-table{width:100%}.ticket-header{display:grid;grid-template-columns:1fr 1fr .65fr 30px;gap:12px;padding:0 5px 8px}.ticket-row{display:grid;grid-template-columns:1fr 1fr .65fr 30px;align-items:center;gap:12px;margin-bottom:12px}.ticket-row input{height:42px;padding:0 12px}.ticket-row input[type=number]{text-align:left}.delete-ticket-button{width:30px;height:38px;border:none;background:transparent;color:#a5a5b1;font-size:20px;cursor:pointer;transition:color .2s ease}.delete-ticket-button:hover{color:#e0525d}.total-quota{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:18px;padding-top:16px;border-top:1px solid #eeeeF3}.total-quota span{color:#858592;font-size:12px;font-weight:500}.total-quota strong{min-width:68px;padding:8px 14px;border:1px solid #eeeeF3;border-radius:8px;background:#fafafa;color:#333342;font-size:14px;text-align:center}.lineup-list{display:flex;flex-direction:column;gap:10px}.lineup-row{display:flex;align-items:center;gap:10px;padding:4px 12px;border:1px solid #eeeeF3;border-radius:8px;background:#fafbfc}.lineup-row input{height:40px;border:none!important;background:transparent!important;box-shadow:none!important}.lineup-row button{flex-shrink:0;width:28px;height:28px;border:none;background:transparent;color:#a8a8b3;font-size:20px;cursor:pointer;transition:color .2s ease}.lineup-row button:hover{color:#e0525d}@media (max-width: 1000px){.add-event-main{margin-left:200px}.add-event-content{padding:30px 25px 60px}.add-event-header{align-items:flex-start;flex-direction:column}.add-event-header-actions{width:100%;justify-content:flex-end}}@media (max-width: 760px){.add-event-main{margin-left:0}.add-event-content{padding:25px 18px 50px}.form-grid,.schedule-row{grid-template-columns:1fr}.delete-row-button{width:100%}.ticket-header{display:none}.ticket-row{grid-template-columns:1fr}.delete-ticket-button{width:100%}.add-event-header-actions{justify-content:flex-start}}@media (max-width: 480px){.add-event-header-actions{flex-direction:column;align-items:stretch}.draft-button,.create-event-button{width:100%}.form-card{padding:20px 16px}.add-event-title h1{font-size:24px}}.transaksi-eo-page{width:100%;min-height:100vh;background:#faf8ff;font-family:Poppins,sans-serif;color:#25222f}.transaksi-eo-main{width:calc(100% - 220px);min-height:100vh;margin-left:220px;background:#faf8ff}.transaksi-eo-content{width:100%;padding:28px 34px 60px;box-sizing:border-box}.transaksi-page-header{width:100%;margin-bottom:35px}.transaksi-page-header h1{margin:0;color:#171522;font-size:25px;font-weight:650;line-height:1.2;letter-spacing:-.2px}.transaksi-list-header{width:100%;display:flex;align-items:center;justify-content:space-between;margin-bottom:31px}.transaksi-list-header h2{margin:0;color:#292533;font-size:18px;font-weight:600;line-height:1.3}.transaksi-search{width:256px;height:37px;display:flex;align-items:center;gap:9px;padding:0 12px;box-sizing:border-box;border-radius:8px;background:#f0edf8;color:#716b7e;transition:.2s ease}.transaksi-search:focus-within{background:#eeebf7;box-shadow:0 0 0 2px #5b4de214}.transaksi-search svg{flex-shrink:0;color:#726c80}.transaksi-search input{width:100%;height:100%;padding:0;border:none;outline:none;background:transparent;color:#393442;font-family:Poppins,sans-serif;font-size:11px}.transaksi-search input::placeholder{color:#817b8d}.transaksi-list{width:100%;display:flex;flex-direction:column;gap:15px}.transaksi-card{width:100%;min-height:118px;padding:20px;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fff;border:1px solid #cfc9dc;border-radius:11px;box-shadow:0 3px 7px #2d25490f;transition:box-shadow .2s ease,border-color .2s ease}.transaksi-card:hover{border-color:#c4bdd3;box-shadow:0 4px 10px #2d254914}.transaksi-card-info{display:flex;flex-direction:column;align-items:flex-start;min-width:0}.transaksi-card-info h3{margin:0 0 3px;color:#292631;font-size:16px;font-weight:500;line-height:1.3}.transaksi-card-info p{margin:0 0 14px;color:#5f596b;font-size:11px;font-weight:400;line-height:1.3}.transaksi-card-info strong{color:#282430;font-size:10px;font-weight:650;line-height:1.3;letter-spacing:.05px}.transaksi-card-actions{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:12px;flex-shrink:0}.transaksi-status{min-width:69px;height:30px;padding:0 12px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:16px;font-size:10px;font-weight:500;white-space:nowrap}.status-dot{width:6px;height:6px;flex-shrink:0;border-radius:50%}.status-lunas{color:#257b59;background:#e7f5ef;border:1px solid #b8dfd0}.status-lunas .status-dot{background:#2d916b}.status-menunggu{color:#a86d0c;background:#fff7e9;border:1px solid #efd8ae}.status-menunggu .status-dot{background:#d58a16}.status-dibatalkan{color:#d84949;background:#fdeaea;border:1px solid #f2c1c1}.status-dibatalkan .status-dot{background:#df4b4b}.detail-transaksi-button{min-width:141px;height:35px;padding:0 16px;display:flex;align-items:center;justify-content:center;box-sizing:border-box;border:1px solid #797386;border-radius:7px;background:#fff;color:#36313f;font-family:Poppins,sans-serif;font-size:10px;font-weight:500;cursor:pointer;transition:.2s ease}.detail-transaksi-button:hover{color:#4b3dd4;border-color:#5b4de2;background:#faf9ff}.empty-transaksi{width:100%;min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;box-sizing:border-box;border:1px solid #d8d3e0;border-radius:11px;background:#fff;color:#7b7585;font-size:11px}.empty-transaksi svg{color:#777181}@media (max-width: 900px){.transaksi-eo-content{padding:26px 24px 50px}.transaksi-search{width:230px}.transaksi-card{padding:18px}}@media (max-width: 600px){.transaksi-eo-main{width:100%;margin-left:0}.transaksi-eo-content{padding:22px 15px 40px}.transaksi-page-header{margin-bottom:25px}.transaksi-page-header h1{font-size:21px}.transaksi-list-header{align-items:flex-start;flex-direction:column;gap:14px;margin-bottom:22px}.transaksi-list-header h2{font-size:15px}.transaksi-search{width:100%}.transaksi-card{min-height:145px;padding:17px;align-items:flex-start}.transaksi-card-info h3{font-size:14px}.transaksi-card-info p{font-size:10px;margin-bottom:12px}.transaksi-card-info strong{font-size:9px}.transaksi-card-actions{gap:9px}.transaksi-status{min-width:63px;height:27px;padding:0 9px;font-size:9px}.detail-transaksi-button{min-width:120px;height:32px;padding:0 11px;font-size:9px}}@media (max-width: 430px){.transaksi-card{flex-direction:column;gap:15px}.transaksi-card-actions{width:100%;align-items:flex-end}.detail-transaksi-button{min-width:125px}}.detail-transaksi-page{min-height:100vh;width:100%;background:#f8f7fc}.detail-transaksi-main{min-height:100vh;margin-left:220px;background:#f8f7fc}.detail-transaksi-content{width:100%;max-width:1120px;margin:0 auto;padding:28px 34px 70px}.back-transaction-button{display:inline-flex;align-items:center;justify-content:center;width:auto;min-width:max-content;white-space:nowrap;margin-bottom:14px;padding:8px 14px;border:1px solid #ddd9e8;border-radius:7px;background:#fff;color:#5f596d;font-family:Poppins,sans-serif;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.back-transaction-button:hover{color:#5b4de5;border-color:#5b4de5;background:#faf9ff}.detail-transaction-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.detail-transaction-header h1{margin:0;color:#28263f;font-size:26px;line-height:1.2;font-weight:700}.detail-transaction-header p{margin:5px 0 0;color:#686575;font-size:12px}.detail-status{display:inline-flex;align-items:center;justify-content:center;min-width:65px;padding:6px 13px;border-radius:20px;font-size:10px;font-weight:700}.detail-status.paid{border:1px solid #ccecdf;background:#e8f8f1;color:#14966f}.detail-transaction-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:16px}.detail-left-column,.detail-right-column{display:flex;flex-direction:column;gap:16px}.detail-box{width:100%;padding:17px;border:1px solid #e5e3ed;border-radius:10px;background:#fff;box-shadow:0 3px 12px #322d6409;box-sizing:border-box}.detail-box-title{display:flex;align-items:center;gap:9px}.detail-title-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:6px;background:#f0efff;color:#5d55db;font-size:13px}.detail-box-title h2{margin:0;color:#37354b;font-size:15px;font-weight:700}.detail-divider{height:1px;margin:11px 0 14px;background:#eceaf2}.customer-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px 24px}.info-field{display:flex;flex-direction:column;gap:4px}.info-field span{color:#777482;font-size:9px;font-weight:600}.info-field strong{color:#484657;font-size:11px;font-weight:500;line-height:1.45}.event-detail-content{display:flex;gap:15px}.event-detail-image{flex:0 0 96px;height:98px;overflow:hidden;border-radius:6px;background:linear-gradient(145deg,#31266f,#6255e5,#db3da8)}.event-image-pattern{display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%;height:100%;text-align:center;color:#fff}.event-image-pattern span{margin-bottom:5px;font-size:9px;letter-spacing:1px}.event-image-pattern strong{font-size:13px;line-height:1.2}.event-detail-info{flex:1;min-width:0}.event-detail-info h3{margin:0 0 4px;color:#353347;font-size:14px;font-weight:700}.event-category{margin:0 0 13px;color:#696575;font-size:10px}.event-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.event-info-grid>div{display:flex;flex-direction:column;gap:3px}.event-info-grid span{color:#777482;font-size:9px;font-weight:600}.event-info-grid strong{color:#535163;font-size:10px;font-weight:500;line-height:1.35}.ticket-summary{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:17px}.ticket-summary-main{display:flex;flex-direction:column;gap:3px}.ticket-summary-main strong{color:#484657;font-size:11px;font-weight:700}.ticket-summary-main span{color:#696575;font-size:10px}.ticket-price{color:#484657;font-size:11px;font-weight:700}.price-list{display:flex;flex-direction:column;gap:9px;padding-bottom:13px;border-bottom:1px solid #eceaf2}.price-list>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.price-list span{color:#686575;font-size:10px}.price-list strong{color:#5c5969;font-size:10px;font-weight:500}.total-payment{display:flex;align-items:center;justify-content:space-between;margin-top:13px;padding:10px;border-radius:7px;background:#f5f3ff}.total-payment div{display:flex;flex-direction:column;gap:1px}.total-payment span{color:#4b485e;font-size:10px}.total-payment div strong{color:#373449;font-size:11px;font-weight:700}.total-payment>strong{color:#564ddb;font-size:12px;font-weight:700}.payment-info{display:flex;flex-direction:column;gap:13px}.payment-info>div{display:flex;flex-direction:column;gap:4px}.payment-info span{color:#777482;font-size:9px;font-weight:600}.payment-info strong{color:#535163;font-size:10px;font-weight:500}.reference-number{display:inline-block;width:fit-content;padding:3px 5px;border-radius:3px;background:#f1effb;color:#6259c8!important;font-size:9px!important}.download-ticket-button{width:100%;height:34px;margin-top:18px;border:1px solid #d9d6e7;border-radius:7px;background:#fff;color:#4d48b5;font-family:Poppins,sans-serif;font-size:10px;font-weight:600;cursor:pointer;transition:all .2s ease}.download-ticket-button:hover{border-color:#5d55db;background:#5d55db;color:#fff}@media (max-width: 1050px){.detail-transaksi-main{margin-left:200px}.detail-transaksi-content{padding:25px 24px 60px}.detail-transaction-grid{grid-template-columns:1fr 280px}}@media (max-width: 850px){.detail-transaction-grid{grid-template-columns:1fr}.detail-right-column{display:grid;grid-template-columns:1fr 1fr;align-items:start}}@media (max-width: 650px){.detail-transaksi-main{margin-left:0}.detail-transaksi-content{padding:22px 16px 50px}.detail-transaction-header{align-items:flex-start;flex-direction:column;gap:12px}.customer-info-grid{grid-template-columns:1fr}.event-detail-content{flex-direction:column}.event-detail-image{width:100%;height:150px;flex-basis:auto}.event-info-grid{grid-template-columns:1fr}.detail-right-column{display:flex}}.swal2-popup.swal-export-popup{font-family:Poppins,sans-serif!important;border-radius:16px!important;padding:24px!important}.swal2-title{color:#28263f!important;font-size:20px!important;font-weight:700!important}.swal2-html-container{color:#686575!important;font-size:13px!important}.swal2-actions button{font-family:Poppins,sans-serif!important;font-size:12px!important;font-weight:600!important;border-radius:8px!important;padding:10px 18px!important}@media print{.sidebar-eo-container,.navbar-eo-container,.back-transaction-button,.download-ticket-button{display:none!important}.detail-transaksi-main{margin-left:0!important;background:#fff!important}.detail-transaksi-content{padding:0!important;max-width:100%!important}.detail-box{box-shadow:none!important;border:1px solid #ccc!important;page-break-inside:avoid}}*{box-sizing:border-box;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important}.refund-layout{width:100%;min-height:100vh;background:#f8f9fa}.refund-main{margin-left:200px!important;width:calc(100% - 200px)!important;min-height:100vh;background:#f8f9fa;transition:all .3s ease}.refund-content{width:100%!important;max-width:none!important;margin:0!important;padding:32px 40px 48px!important;display:block!important}.refund-header{width:100%!important;margin-bottom:32px!important;padding:0!important}.refund-header>h1{margin:0 0 20px!important;padding:0!important;font-size:26px!important;font-weight:700!important;line-height:1.2;color:#1e293b;letter-spacing:-.5px}.refund-description{width:100%;margin:0;padding:0}.refund-description h2{margin:0 0 4px;padding:0;font-size:18px;font-weight:600;line-height:1.3;color:#334155}.refund-description p{margin:0;padding:0;font-size:14px;font-weight:400;color:#64748b}.refund-list{width:100%!important;margin:0!important;padding:0!important;display:flex!important;flex-direction:column!important;gap:20px!important}.refund-card{position:relative;width:100%!important;min-height:130px;margin:0!important;padding:24px 28px!important;background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 20px -2px #0f172a0d;display:flex!important;flex-direction:row!important;align-items:flex-start;justify-content:space-between;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.refund-card:hover{box-shadow:0 10px 25px -5px #0f172a14;border-color:#cbd5e1}.refund-card-pending{min-height:200px;padding-bottom:80px!important}.refund-card-pending:before{content:"";position:absolute;top:0;bottom:0;left:0;width:5px;background:#f59e0b;border-top-left-radius:16px;border-bottom-left-radius:16px}.refund-info{flex:1;width:auto;min-width:0;margin:0;padding:0;display:grid!important;grid-template-columns:minmax(320px,380px) minmax(220px,1fr)!important;column-gap:48px;align-items:start}.refund-column{width:auto;min-width:0;display:flex;flex-direction:column}.refund-item,.transaction-item,.reason-item{width:auto!important;height:auto!important;margin:0!important;padding:0!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;border:none!important;background:transparent!important;box-shadow:none!important}.transaction-item,.reason-item{margin-top:18px!important}.refund-label{display:block!important;margin:0 0 6px!important;font-size:11px!important;font-weight:600!important;line-height:1.2;color:#94a3b8;letter-spacing:.5px;text-transform:uppercase}.refund-value{display:block!important;font-size:15px!important;font-weight:600;line-height:1.4;color:#0f172a;word-break:break-all!important;white-space:normal!important}.customer-name{font-size:16px!important;font-weight:600!important;color:#0f172a!important}.transaction-id{display:block!important;font-size:14px!important;font-weight:500!important;line-height:1.4!important;color:#475569!important;word-break:break-all!important;white-space:normal!important}.reason-text{font-size:14px!important;font-weight:400!important;color:#334155!important;line-height:1.5!important;word-break:break-word!important}.refund-action{width:150px!important;min-width:150px!important;margin:0;padding:0;flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end}.refund-status{width:140px!important;height:32px!important;margin:0;padding:0 12px;border-radius:30px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;line-height:1;white-space:nowrap;letter-spacing:.2px}.status-approved{background:#dcfce7;color:#15803d}.status-pending{background:#fef3c7;color:#b45309}.status-rejected{background:#fee2e2;color:#b91c1c}.detail-refund-btn{width:140px!important;height:38px!important;margin:12px 0 0!important;padding:0!important;border:1px solid #cbd5e1!important;border-radius:10px!important;background:#fff!important;color:#4f46e5!important;font-size:12px!important;font-weight:600!important;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.detail-refund-btn:hover{background:#eef2ff!important;border-color:#6366f1!important;color:#4338ca!important}.detail-refund-btn:active{transform:scale(.97)}.detail-disabled{color:#94a3b8!important}.pending-action{position:absolute;left:28px;right:28px;bottom:18px;height:52px;padding-top:14px;border-top:1px solid #f1f5f9;display:flex;align-items:center;justify-content:space-between}.pending-text{margin:0;padding:0;font-size:13px;font-weight:500;color:#64748b}.pending-buttons{margin:0;padding:0;display:flex;align-items:center;gap:12px}.reject-btn,.approve-btn{height:36px;margin:0;padding:0 20px;border:none;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.reject-btn{min-width:96px;background:#ef4444;color:#fff}.reject-btn:hover{background:#dc2626;box-shadow:0 4px 12px #ef444440}.approve-btn{min-width:108px;background:#10b981;color:#fff}.approve-btn:hover{background:#059669;box-shadow:0 4px 12px #10b98140}.reject-btn:active,.approve-btn:active{transform:scale(.96)}.reject-btn:disabled,.approve-btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none!important}.refund-empty{width:100%;padding:48px 24px;text-align:center;font-size:14px;font-weight:500;color:#64748b;background:#fff;border:1px dashed #cbd5e1;border-radius:16px}.refund-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:24px;display:flex;align-items:center;justify-content:center;background:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999}.refund-modal{width:100%;max-width:580px;max-height:88vh;overflow-y:auto;background:#fff;border-radius:20px;box-shadow:0 25px 50px -12px #00000040;animation:refundModalShow .25s cubic-bezier(.16,1,.3,1)}@keyframes refundModalShow{0%{opacity:0;transform:scale(.96) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.refund-modal-header{width:100%;padding:24px 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #f1f5f9}.refund-modal-header h2{margin:0;font-size:20px;font-weight:700;color:#0f172a}.refund-modal-close{width:36px;height:36px;padding:0;border:none;background:#f8fafc;color:#64748b;font-size:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:50%;transition:all .2s ease}.refund-modal-close:hover{background:#fee2e2;color:#ef4444}.refund-modal-loading{padding:48px 24px;text-align:center;font-size:14px;font-weight:500;color:#64748b}.refund-detail-content{width:100%;padding:12px 28px 16px}.detail-row{width:100%;min-height:52px;padding:14px 0;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;border-bottom:1px solid #f8fafc}.detail-row:last-child{border-bottom:none}.detail-row span{flex-shrink:0;font-size:13px;font-weight:500;color:#64748b}.detail-row strong{max-width:65%;font-size:14px;font-weight:600;color:#0f172a;text-align:right;word-break:break-word}.refund-modal-footer{width:100%;padding:20px 28px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #f1f5f9;background:#fafafa;border-bottom-left-radius:20px;border-bottom-right-radius:20px}.refund-modal-footer .pending-buttons{display:flex;align-items:center;gap:10px}.btn-close-modal{min-width:100px;height:38px;padding:0 24px;border:1px solid #cbd5e1;border-radius:10px;background:#fff;color:#475569;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;margin-left:auto}.btn-close-modal:hover{background:#f1f5f9;color:#1e293b}.btn-close-modal:active{transform:scale(.97)}@media (max-width: 1100px){.refund-main{margin-left:200px!important;width:calc(100% - 200px)!important}.refund-content{padding:28px 28px 40px!important}.refund-info{grid-template-columns:minmax(260px,300px) minmax(0,1fr)!important;column-gap:24px}.refund-action{width:130px!important;min-width:130px!important}.refund-status,.detail-refund-btn{width:130px!important}}@media (max-width: 768px){.refund-main{margin-left:0!important;width:100%!important}.refund-content{padding:20px 16px 32px!important}.refund-header>h1{font-size:22px!important}.refund-card,.refund-card-pending{padding:20px!important;flex-direction:column!important;align-items:stretch;gap:20px;min-height:auto}.refund-info{grid-template-columns:1fr!important;row-gap:16px}.transaction-item,.reason-item{margin-top:12px!important}.refund-action{width:100%!important;min-width:0!important;display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:center}.refund-status,.detail-refund-btn{width:100%!important}.detail-refund-btn{margin-top:0!important}.pending-action{position:static;width:100%;height:auto;margin-top:8px;padding-top:16px;flex-direction:column;align-items:stretch;gap:12px}.pending-text{padding-left:0}.pending-buttons{width:100%;gap:10px}.reject-btn,.approve-btn{flex:1}.refund-modal-overlay{padding:16px}.refund-modal{border-radius:16px}.refund-modal-header{padding:18px 20px}.refund-detail-content{padding:12px 20px}.detail-row{flex-direction:column;gap:4px;padding:10px 0}.detail-row strong{max-width:100%;text-align:left}.refund-modal-footer{padding:16px 20px;flex-direction:column-reverse;gap:12px}.refund-modal-footer .pending-buttons,.btn-close-modal{width:100%}}@media (max-width: 480px){.refund-content{padding:16px 12px 24px!important}.refund-action{grid-template-columns:1fr}.pending-buttons{flex-direction:column}.reject-btn,.approve-btn{width:100%;height:38px}}.detail-refund-page{width:100%;min-height:100vh;margin:0;padding:0;background:#faf8ff}.detail-refund-main{width:calc(100% - 262px);min-height:100vh;margin-left:262px;padding:0;background:#faf8ff}.detail-refund-content{width:100%;margin:0;padding:28px 32px 60px;background:#faf8ff}.refund-breadcrumb{display:flex;align-items:center;gap:7px;margin:0 0 12px;font-family:Arial,sans-serif;font-size:15px;color:#4f4b5f}.refund-breadcrumb span:first-child{font-size:20px;line-height:1;color:#706c7d}.refund-title-row{width:100%;display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 34px}.refund-title-left{display:flex;align-items:center;gap:14px;min-width:0}.refund-title-left h1{margin:0;font-family:Arial,sans-serif;font-size:34px;font-weight:700;line-height:1.15;color:#111322}.pending-badge{height:46px;padding:0 15px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:50px;background:#fff6bf;color:#a66e00;font-family:Arial,sans-serif;font-size:10px;font-weight:700;letter-spacing:.3px}.request-date{margin:0;flex-shrink:0;font-family:Arial,sans-serif;font-size:16px;color:#5f5a6d;white-space:nowrap}.refund-main-layout{width:100%;display:grid;grid-template-columns:minmax(0,1fr) 296px;gap:24px;align-items:start}.refund-left-area{width:100%;min-width:0}.information-header-row{width:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;margin-bottom:12px}.information-title{margin:0;padding:0 24px;font-family:Arial,sans-serif;font-size:20px;font-weight:700;line-height:1.25;color:#191827}.information-card-row{width:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;margin-bottom:28px}.refund-card{width:100%;min-width:0;margin:0;background:#fff;border:1px solid #e2deeb;border-radius:12px;box-shadow:0 2px 6px #261f410a}.customer-information{min-height:142px;padding:25px 24px;display:flex;align-items:center}.customer-grid{width:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:25px;align-items:center}.customer-item{display:flex;flex-direction:column;gap:7px;min-width:0}.field-label{display:block;font-family:Arial,sans-serif;font-size:12px;font-weight:600;line-height:1.2;letter-spacing:.5px;color:#5f5a6d}.field-value{display:block;font-family:Arial,sans-serif;font-size:16px;font-weight:600;line-height:1.3;color:#20202f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ticket-information{min-height:142px;padding:25px 24px;display:flex;align-items:center}.ticket-box{width:100%;min-height:82px;margin:0;padding:15px;display:grid;grid-template-columns:48px minmax(0,1fr) 150px;align-items:center;column-gap:12px;border:1px solid #f0eef3;border-radius:8px;background:#fcfcfd}.ticket-icon{width:48px;height:48px;min-width:48px;min-height:48px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:#eeebff;color:#5146e5}.ticket-detail{min-width:0;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:10px;overflow:hidden}.ticket-name{display:block;width:auto;max-width:100%;margin:0;font-family:Arial,sans-serif;font-size:14px;font-weight:700;line-height:1.3;color:#20202f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ticket-quantity{display:block;width:auto;flex-shrink:0;margin:0;font-family:Arial,sans-serif;font-size:13px;font-weight:400;line-height:1.3;color:#5f5a6d;white-space:nowrap}.ticket-box .ticket-price{min-width:150px;margin:0;padding:0;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:5px;text-align:right;flex-shrink:0}.ticket-box .ticket-price .ticket-total{display:block;width:auto;margin:0;padding:0;font-family:Arial,sans-serif;font-size:17px;font-weight:700;line-height:1.2;color:#20202f;white-space:nowrap}.ticket-box .ticket-price .ticket-paid{display:block;width:auto;margin:0;padding:0;font-family:Arial,sans-serif;font-size:13px;font-weight:500;line-height:1.2;color:#5f5a6d;white-space:nowrap}.refund-reason-wrapper{width:100%}.refund-reason-title{margin-bottom:12px}.refund-reason{width:100%;min-height:168px;padding:26px 24px 26px 27px;display:flex;align-items:center}.reason-line{position:absolute;top:0;bottom:0;left:0;width:4px;border-radius:12px 0 0 12px;background:#5146e5}.reason-box{width:100%;padding:16px;border:1px solid #f0eef3;border-radius:8px;background:#fafafa;font-family:Arial,sans-serif;font-size:15px;font-style:italic;line-height:1.5;color:#4f4a5d}.organizer-action{width:100%;min-width:0;margin:0;padding:26px 24px;background:#fff;border:1px solid #e2deeb;border-radius:12px;box-shadow:0 2px 6px #261f410a;position:sticky;top:20px}.organizer-title{width:100%;display:flex;align-items:flex-start;gap:10px;margin:0 0 18px}.gavel{flex-shrink:0;margin-top:2px;color:#5146e5}.organizer-title h2{margin:0;font-family:Arial,sans-serif;font-size:20px;font-weight:700;line-height:1.2;color:#1a1928}.decision-buttons{width:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;margin-bottom:34px}.reject-button,.approve-button{width:100%;height:39px;padding:0;border-radius:8px;font-family:Arial,sans-serif;font-size:13px;font-weight:600;cursor:pointer}.reject-button{background:#fff;border:1px solid #ff3434;color:#dc2828}.approve-button{background:#5146e5;border:1px solid #5146e5;color:#fff}.action-label{display:block;margin:0 0 9px;font-family:Arial,sans-serif;font-size:12px;font-weight:700;line-height:1.3;letter-spacing:.5px;color:#565160}.percentage-section{width:100%;margin-bottom:16px}.percentage-input{width:100%;height:50px;display:flex;align-items:center;border:1px solid #d5d1df;border-radius:8px;background:#fff;overflow:hidden}.percentage-input input{flex:1;width:100%;height:100%;min-width:0;padding:0 14px;border:none;outline:none;background:transparent;font-family:Arial,sans-serif;font-size:15px;color:#292737}.percentage-input span{flex-shrink:0;padding-right:15px;font-family:Arial,sans-serif;font-size:16px;color:#777485}.percentage-input input::-webkit-inner-spin-button,.percentage-input input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.percentage-input input[type=number]{-moz-appearance:textfield}.total-refund{width:100%;min-height:85px;margin-bottom:18px;padding:17px 16px;display:flex;flex-direction:column;justify-content:center;gap:7px;border-radius:8px;background:#202b3d}.total-label{font-family:Arial,sans-serif;font-size:12px;font-weight:700;line-height:1.2;letter-spacing:.6px;color:#e5e6ea}.total-amount{font-family:Arial,sans-serif;font-size:25px;font-weight:700;line-height:1.1;color:#fff}.note-section{width:100%;margin-bottom:22px}.note-section textarea{width:100%;height:98px;margin:0;padding:14px;resize:none;outline:none;border:1px solid #d5d1df;border-radius:8px;background:#fff;font-family:Arial,sans-serif;font-size:15px;line-height:1.5;color:#4f4a5d}.note-section textarea::placeholder{color:#777181}.confirm-button{width:100%;height:45px;margin:0;padding:0;display:flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:8px;background:#5146e5;color:#fff;font-family:Arial,sans-serif;font-size:13px;font-weight:600;cursor:pointer;transition:opacity .2s ease}.confirm-button:hover{opacity:.9}@media (max-width: 1100px){.detail-refund-main{width:calc(100% - 262px);margin-left:262px}.detail-refund-content{padding-left:24px;padding-right:24px}.refund-main-layout{grid-template-columns:minmax(0,1fr) 270px;gap:18px}.information-header-row,.information-card-row{gap:18px}.refund-title-left h1{font-size:30px}.pending-badge{height:40px}.organizer-action{padding:22px 18px}.ticket-box{grid-template-columns:44px minmax(0,1fr) 125px;column-gap:8px;padding:12px}.ticket-icon{width:44px;height:44px;min-width:44px}.ticket-box .ticket-price{min-width:125px}.ticket-box .ticket-price .ticket-total{font-size:16px}.ticket-name{font-size:13px}.ticket-quantity{font-size:11px}}@media (max-width: 768px){.detail-refund-main{width:100%;margin-left:0}.detail-refund-content{width:100%;padding:20px 16px 35px}.refund-title-row{flex-direction:column;align-items:flex-start;gap:12px}.refund-title-left{gap:12px}.refund-title-left h1{font-size:27px}.pending-badge{height:35px;padding:0 12px;font-size:10px}.request-date{font-size:13px}.refund-main-layout{display:flex;flex-direction:column;gap:24px}.information-header-row{grid-template-columns:1fr;gap:12px;margin-bottom:12px}.information-card-row{grid-template-columns:1fr;gap:24px;margin-bottom:28px}.information-title{padding:0 4px;font-size:19px}.customer-information{min-height:auto;padding:22px 18px}.customer-grid{grid-template-columns:1fr;gap:20px}.ticket-information{min-height:auto;padding:18px}.ticket-box{grid-template-columns:44px minmax(0,1fr);grid-template-rows:auto auto;column-gap:12px;row-gap:10px;height:auto;min-height:82px;padding:14px}.ticket-icon{width:44px;height:44px;min-width:44px;grid-column:1;grid-row:1}.ticket-detail{grid-column:2;grid-row:1;min-width:0;justify-content:flex-start}.ticket-name{font-size:14px}.ticket-quantity{font-size:12px}.ticket-box .ticket-price{width:100%;min-width:0;grid-column:2;grid-row:2;align-items:flex-start;text-align:left;padding-top:8px;border-top:1px solid #eeeeee}.refund-reason-title{margin-bottom:12px}.refund-reason{min-height:auto;padding:22px 18px 22px 21px;align-items:stretch}.reason-box{font-size:13px}.organizer-action{width:100%;padding:22px 18px;position:static}}@media (max-width: 480px){.detail-refund-content{padding:16px 12px 30px}.refund-title-left{flex-direction:column;align-items:flex-start}.refund-title-left h1{font-size:25px}.information-title{font-size:18px}.refund-card{border-radius:10px}.ticket-box{padding:12px;column-gap:10px}.ticket-icon{width:42px;height:42px;min-width:42px}.ticket-name{font-size:13px}.ticket-quantity{font-size:11px}.ticket-box .ticket-price .ticket-total{font-size:16px}.ticket-box .ticket-price .ticket-paid{font-size:12px}.decision-buttons{gap:10px}.reject-button,.approve-button{height:38px;font-size:12px}.total-amount{font-size:22px}}.profile-eo-page{min-height:100vh;width:100%;background:#f8f7fc}.profile-eo-main{min-height:100vh;margin-left:220px;background:#f8f7fc}.profile-eo-content{width:100%;max-width:1120px;margin:0 auto;padding:30px 34px 60px;box-sizing:border-box}.profile-page-header{margin-bottom:20px}.profile-page-header h1{margin:0;color:#28263f;font-size:29px;font-weight:700}.profile-main-card{display:flex;align-items:center;justify-content:space-between;min-height:85px;padding:14px 16px;background:#fff;border:1px solid #e3e0ed;border-radius:8px;box-shadow:0 3px 10px #312b5a09;box-sizing:border-box}.profile-company{display:flex;align-items:center;gap:12px}.profile-image-wrapper{position:relative}.profile-image{display:flex;align-items:center;justify-content:center;width:58px;height:58px;border-radius:50%;background:linear-gradient(135deg,#e9e6ff,#f7f5ff);border:1px solid #ded9f5;color:#5a4be7;font-size:16px;font-weight:700}.profile-image-edit{position:absolute;right:-2px;bottom:-2px;width:18px;height:18px;display:flex;align-items:center;justify-content:center;padding:0;border:2px solid #ffffff;border-radius:50%;background:#5a4be7;color:#fff;font-size:9px;cursor:pointer}.profile-company-info{display:flex;flex-direction:column;gap:4px}.profile-company-info h2{margin:0;color:#3f3c4d;font-size:17px;font-weight:600}.profile-company-info span{color:#666273;font-size:13px}.profile-actions{display:flex;align-items:center;gap:8px}.profile-actions button{height:28px;padding:0 12px;border-radius:6px;font-family:Poppins,sans-serif;font-size:12px;cursor:pointer;transition:all .2s ease}.change-password-btn{border:1px solid #d5d1e3;background:#fff;color:#4f4c5d}.change-password-btn:hover{background:#f6f4fc;border-color:#bcb6d8}.edit-profile-btn{border:none;background:#584be0;color:#fff}.edit-profile-btn:hover{background:#493bc7}.profile-information-card{margin-top:14px;padding:15px;background:#fff;border:1px solid #e3e0ed;border-radius:8px;box-shadow:0 3px 10px #312b5a09;box-sizing:border-box}.profile-section-title{display:flex;align-items:center;gap:8px}.profile-section-title h2{margin:0;color:#474452;font-size:15px;font-weight:600}.profile-section-icon{display:flex;align-items:center;justify-content:center;width:21px;height:21px;border-radius:6px;background:#eeecff;color:#594ce1;font-size:12px}.profile-divider{width:100%;height:1px;margin:11px 0 14px;background:#ece9f2}.profile-info-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:14px;row-gap:12px}.profile-field{display:flex;flex-direction:column;gap:5px}.profile-field label,.profile-document label{color:#656170;font-size:11px;font-weight:600}.profile-input-wrapper{display:flex;align-items:center;height:30px;border-radius:5px;background:#f5f2fd;box-sizing:border-box}.profile-input-wrapper input{flex:1;min-width:0;height:100%;padding:0 9px;border:none;outline:none;background:transparent;color:#4f4b5d;font-family:Poppins,sans-serif;font-size:13px}.profile-input-wrapper input:focus{background:#f0edfc}.field-icon{padding-right:9px;color:#777283;font-size:10px}.profile-document{display:flex;flex-direction:column;gap:5px;margin-top:13px}.document-box{display:flex;align-items:center;justify-content:space-between;height:31px;padding:0 9px;border-radius:5px;background:#f5f2fd;box-sizing:border-box}.document-left{display:flex;align-items:center;gap:7px}.document-icon{color:#594ce1;font-size:12px}.document-left span{color:#55515f;font-size:13px}.download-document{padding:0;border:none;background:transparent;color:#777283;font-size:15px;cursor:pointer}.download-document:hover{color:#594ce1}.password-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;background:#221f3759;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.password-modal{width:100%;max-width:390px;padding:20px;background:#fff;border-radius:12px;box-shadow:0 15px 40px #27214b33;box-sizing:border-box}.password-modal-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px}.password-modal-header h2{margin:0;color:#312e43;font-size:20px;font-weight:600}.password-modal-header p{margin:4px 0 0;color:#666273;font-size:13px}.password-modal-header button{width:25px;height:25px;padding:0;border:none;border-radius:50%;background:#f3f1f8;color:#6c6977;font-size:18px;cursor:pointer}.password-form{display:flex;flex-direction:column;gap:7px}.password-form label{margin-top:4px;color:#666273;font-size:11px;font-weight:600}.password-form input{height:34px;padding:0 10px;border:1px solid #dedbe8;border-radius:6px;outline:none;color:#4e4b5a;font-family:Poppins,sans-serif;font-size:13px;box-sizing:border-box}.password-form input::placeholder{color:#777283}.password-form input:focus{border-color:#5a4be7}.save-password-btn{height:35px;margin-top:10px;border:none;border-radius:6px;background:#5a4be7;color:#fff;font-family:Poppins,sans-serif;font-size:12px;font-weight:600;cursor:pointer}.save-password-btn:hover{background:#493bc8}@media (max-width: 900px){.profile-eo-main{margin-left:200px}.profile-eo-content{padding:25px 24px 50px}}@media (max-width: 700px){.profile-main-card{align-items:flex-start;flex-direction:column;gap:15px}.profile-actions{width:100%}.profile-actions button{flex:1}.profile-info-grid{grid-template-columns:1fr}}@media (max-width: 600px){.profile-eo-main{margin-left:0}.profile-eo-content{padding:20px 15px 45px}.profile-page-header h1{font-size:26px}.profile-actions{flex-direction:column}.profile-actions button{width:100%}}.eo-page{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;margin:0;padding:0;background:#f6f7fc;font-family:Arial,Helvetica,sans-serif;color:#14213d;overflow-x:hidden;overflow-y:auto;z-index:99999}.eo-header{width:100%;height:68px;display:flex;align-items:center;gap:16px;padding:0 45px;background:#fff;border-bottom:1px solid #e8e9f0}.eo-back-button{width:38px;height:38px;display:flex;align-items:center;justify-content:center;padding:0;margin:0;border:none;outline:none;background:transparent;color:#14213d;font-size:28px;font-weight:300;cursor:pointer;transition:.2s ease}.eo-back-button:hover{color:#5144e8;transform:translate(-3px)}.eo-header h1{margin:0;padding:0;font-size:21px;font-weight:600;color:#111c32}.eo-main{width:100%;min-height:calc(100vh - 68px);padding:50px 20px;display:flex;align-items:center;justify-content:center;background:#f6f7fc}.eo-card{width:100%;max-width:600px;margin:0 auto;padding:42px 45px 45px;position:relative;background:#fff;border:1px solid #e7e8f0;border-radius:20px;box-shadow:0 15px 45px #252a4a14}.eo-card:before{content:"";position:absolute;top:0;left:42px;right:42px;height:4px;background:#5144e8;border-radius:0 0 8px 8px}.eo-logo{width:100%;margin:2px 0 30px;text-align:center}.eo-logo-main{display:flex;justify-content:center;align-items:baseline;margin:0;font-size:31px;line-height:1;font-weight:800;letter-spacing:-1.5px}.eo-event{color:#5144e8}.eo-day{color:#111c32}.eo-logo-subtitle{margin-top:7px;display:flex;justify-content:center;gap:4px;font-size:12px;line-height:1;letter-spacing:.7px;font-weight:500}.eo-organizer{color:#111c32}.eo-title{width:100%;margin:0 0 28px;text-align:left}.eo-title h2{margin:0;font-size:24px;line-height:1.3;font-weight:700;color:#14213d}.eo-title p{margin:7px 0 0;font-size:13px;line-height:1.6;color:#858b9b}.eo-card form{width:100%;margin:0;padding:0}.eo-form-group{width:100%;margin:0 0 17px}.eo-form-group label,.eo-upload-section>label{display:block;margin:0 0 7px;font-size:13px;line-height:1.4;font-weight:600;color:#404858}.eo-form-group label span,.eo-upload-section label span{color:#8b91a1;font-weight:400}.eo-form-group input{display:block;width:100%;height:46px;padding:0 14px;margin:0;border:1px solid #d5d8e5;border-radius:8px;outline:none;background:#fafaff;font-family:inherit;font-size:13px;color:#20263a;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.eo-form-group input:hover{border-color:#bfc3d5}.eo-form-group input:focus{border-color:#5144e8;background:#fff;box-shadow:0 0 0 3px #5144e814}.eo-form-group input::placeholder{color:#a3a8b8}.eo-upload-section{width:100%;margin-top:23px}.eo-upload-box input[type=file]{display:none!important;width:0!important;height:0!important;opacity:0!important;position:absolute!important;pointer-events:none!important}.eo-upload-box{width:100%;min-height:138px;padding:22px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1.5px dashed #cdd1e2;border-radius:12px;background:#fcfcff;cursor:pointer;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease,transform .2s ease}.eo-upload-box:hover{border-color:#5144e8;background:#faf9ff;box-shadow:0 5px 18px #5144e812;transform:translateY(-1px)}.eo-upload-box.eo-dragging{border-color:#5144e8;background:#f4f2ff;box-shadow:0 0 0 4px #5144e814}.eo-upload-box.eo-has-file{border-color:#5144e8;background:#f8f7ff}.eo-upload-icon{width:42px;height:42px;margin-bottom:10px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#ecebff;color:#5144e8;font-size:22px;font-weight:400;line-height:1}.eo-upload-box strong{display:block;max-width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;line-height:1.4;font-weight:600;color:#18253c}.eo-upload-box p{margin:5px 0 0;font-size:12px;line-height:1.5;color:#777e90}.eo-buttons{width:100%;margin-top:28px;display:flex;flex-direction:column;gap:9px}.eo-buttons button{width:100%;height:46px;padding:0;border:none;border-radius:8px;font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s ease,box-shadow .2s ease,transform .2s ease}.eo-submit{background:#5144e8;color:#fff}.eo-submit:hover{background:#4336d4;transform:translateY(-1px);box-shadow:0 7px 18px #5144e833}.eo-submit:active{transform:translateY(0)}.eo-cancel{background:#e4efff;color:#475169}.eo-cancel:hover{background:#d6e7fc}@media (min-width: 1200px){.eo-main{padding:45px 20px}.eo-card{max-width:600px}}@media (max-width: 900px){.eo-main{padding:35px 25px}.eo-card{max-width:580px;padding:38px}}@media (max-width: 600px){.eo-header{height:64px;padding:0 20px;gap:12px}.eo-header h1{font-size:19px}.eo-back-button{width:34px;height:34px;font-size:26px}.eo-main{min-height:auto;padding:25px 0 40px;align-items:flex-start}.eo-card{width:calc(100% - 40px);max-width:520px;padding:28px 22px 30px;border-radius:14px;box-shadow:0 8px 25px #2326460d}.eo-card:before{left:23px;right:23px;height:3px}.eo-logo{margin-bottom:27px}.eo-logo-main{font-size:25px}.eo-logo-subtitle{margin-top:6px;font-size:11px}.eo-title{margin-bottom:25px}.eo-title h2{font-size:20px}.eo-title p{display:none}.eo-form-group{margin-bottom:12px}.eo-form-group label,.eo-upload-section>label{margin-bottom:6px;font-size:12px}.eo-form-group input{height:43px;padding:0 12px;border-radius:8px;font-size:13px}.eo-upload-section{margin-top:21px}.eo-upload-box{min-height:145px;padding:18px;border-radius:11px}.eo-upload-icon{width:39px;height:39px;margin-bottom:9px;font-size:20px}.eo-upload-box strong{font-size:12px}.eo-upload-box p{font-size:11px}.eo-buttons{margin-top:28px;gap:9px}.eo-buttons button{height:44px;font-size:12px}}@media (max-width: 380px){.eo-header{padding:0 15px}.eo-card{width:calc(100% - 28px);padding:25px 18px 28px}.eo-card:before{left:19px;right:19px}.eo-logo-main{font-size:23px}.eo-title h2{font-size:19px}}.status-eo-page,.status-eo-page *{box-sizing:border-box}.status-eo-page{width:100%;min-height:100vh;margin:0;padding:0;background:#f7f8fd;font-family:Arial,Helvetica,sans-serif;color:#14213d;overflow-x:hidden}.status-eo-header{width:100%;height:68px;padding:0 45px;display:flex;align-items:center;gap:17px;background:#fff;border-bottom:1px solid #e7e9f0}.status-eo-back{width:40px;height:40px;margin:0;padding:0;display:flex;align-items:center;justify-content:center;border:none;outline:none;background:transparent;color:#17233b;cursor:pointer;transition:.2s ease}.status-eo-back span{display:block;font-size:30px;font-weight:300;line-height:1}.status-eo-back:hover{color:#5144e8;transform:translate(-2px)}.status-eo-header h1{margin:0;padding:0;font-size:21px;line-height:1;font-weight:600;color:#111c32}.status-eo-main{width:100%;min-height:calc(100vh - 68px);padding:55px 20px 70px;display:flex;flex-direction:column;align-items:center;background:#f7f8fd}.status-eo-brand{margin:0 0 32px;text-align:center}.status-eo-logo{display:flex;justify-content:center;align-items:baseline;margin:0;font-size:31px;line-height:1;font-weight:800;letter-spacing:-1.5px}.status-logo-event{color:#5144e8}.status-logo-day{color:#111c32}.status-eo-subtitle{margin-top:7px;font-size:13px;line-height:1;letter-spacing:.5px;font-weight:400}.status-logo-organizer{color:#111c32}.status-eo-card{width:100%;max-width:500px;margin:0 auto;padding:28px 38px 32px;background:#fff;border:1px solid #e8e9f1;border-radius:16px;box-shadow:0 8px 30px #262a4b0a;text-align:center}.status-eo-card h2{margin:0 0 28px;font-size:21px;line-height:1.35;font-weight:700;color:#17233b}.status-eo-icon-wrapper{width:100px;height:100px;margin:0 auto 30px;position:relative;display:flex;align-items:center;justify-content:center}.status-eo-icon-circle{width:96px;height:96px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#f3f1ff}.status-eo-icon-circle:before{content:"";position:absolute;width:65px;height:65px;border-radius:50%;background:#e4e0ff}.status-eo-building{position:relative;z-index:2;width:35px;height:42px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;color:#4935db}.building-roof{width:25px;height:7px;margin-bottom:2px;background:#4935db;border-radius:2px 2px 0 0;position:relative}.building-roof:before{content:"";position:absolute;top:-4px;left:4px;width:17px;height:4px;background:#4935db;border-radius:2px 2px 0 0}.building-body{width:27px;height:23px;display:flex;align-items:stretch;justify-content:space-around;padding:2px 3px;border-left:4px solid #4935db;border-right:4px solid #4935db}.building-column{width:4px;height:18px;background:#4935db;border-radius:1px}.building-base{width:34px;height:5px;background:#4935db;border-radius:2px}.status-eo-dot{position:absolute;top:5px;right:0;width:16px;height:16px;border-radius:50%;background:#4b38dc;border:2px solid #ffffff}.status-eo-badge{min-height:26px;margin:0 auto 32px;padding:5px 13px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:20px;background:#e4ddff;color:#4030bd;font-size:12px;font-weight:500;line-height:1}.status-eo-badge-dot{width:7px;height:7px;flex-shrink:0;border-radius:50%;background:#4d38d9}.status-eo-card h3{margin:0 0 30px;font-size:22px;line-height:1.35;font-weight:700;color:#20243a}.status-eo-description{max-width:390px;margin:0 auto 32px;font-size:14px;line-height:1.7;font-weight:400;color:#626779}.status-eo-dashboard-button{width:100%;height:45px;margin:0;padding:0 20px;border:none;border-radius:8px;background:#5144e8;color:#fff;font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s ease,transform .2s ease,box-shadow .2s ease}.status-eo-dashboard-button:hover{background:#4336d4;transform:translateY(-1px);box-shadow:0 7px 18px #5144e833}.status-eo-dashboard-button:active{transform:translateY(0)}@media (min-width: 1200px){.status-eo-main{padding-top:60px}.status-eo-brand{margin-bottom:35px}.status-eo-card{max-width:510px;padding:30px 42px 35px}}@media (max-width: 900px){.status-eo-header{padding:0 30px}.status-eo-main{padding:45px 20px 60px}.status-eo-card{max-width:500px}}@media (max-width: 600px){.status-eo-page{min-height:100vh}.status-eo-header{height:64px;padding:0 20px;gap:11px}.status-eo-header h1{font-size:19px}.status-eo-back{width:34px;height:34px}.status-eo-back span{font-size:27px}.status-eo-main{min-height:calc(100vh - 64px);padding:26px 0 40px;align-items:center}.status-eo-brand{margin-bottom:29px}.status-eo-logo{font-size:25px}.status-eo-subtitle{margin-top:6px;font-size:12px}.status-eo-card{width:calc(100% - 52px);max-width:430px;margin:0 auto;padding:26px 24px 31px;border-radius:14px;box-shadow:0 6px 22px #262a4b0a}.status-eo-card h2{margin-bottom:28px;font-size:20px;line-height:1.35;text-align:left}.status-eo-icon-wrapper{width:96px;height:96px;margin-bottom:29px}.status-eo-icon-circle{width:92px;height:92px}.status-eo-icon-circle:before{width:63px;height:63px}.status-eo-dot{width:16px;height:16px;top:4px;right:0}.status-eo-badge{margin-bottom:32px;padding:5px 12px;font-size:11px}.status-eo-card h3{margin-bottom:29px;font-size:20px;line-height:1.35}.status-eo-description{margin-bottom:31px;font-size:13px;line-height:1.7}.status-eo-dashboard-button{height:45px;border-radius:8px;font-size:13px}}@media (max-width: 380px){.status-eo-header{padding:0 15px}.status-eo-main{padding-top:23px}.status-eo-card{width:calc(100% - 32px);padding:24px 19px 28px}.status-eo-card h2,.status-eo-card h3{font-size:19px}.status-eo-description{font-size:12px}}.payout-eo-page{width:100%;min-height:100vh;background:#faf8ff;font-family:Poppins,sans-serif}.payout-eo-main{width:calc(100% - 220px);min-height:100vh;margin-left:220px;background:#faf8ff}.payout-eo-content{width:100%;padding:28px 34px 60px;box-sizing:border-box}.payout-page-header{width:100%;display:flex;align-items:center;justify-content:space-between;margin-bottom:38px}.payout-page-header h1{margin:0;font-size:24px;line-height:1.2;font-weight:600;color:#171426}.apply-payout-btn{min-width:152px;height:40px;padding:0 18px;display:flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:22px;background:#4a38d4;color:#fff;font-family:Poppins,sans-serif;font-size:11px;font-weight:600;cursor:pointer;transition:.2s ease}.apply-payout-btn:hover{background:#3d2dc0;transform:translateY(-1px)}.apply-plus{font-size:18px;font-weight:400;line-height:1}.payout-section-header{margin-bottom:34px}.payout-section-header h2{margin:0;font-size:23px;font-weight:600;color:#4b4659}.payout-list-header{width:100%;display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.payout-list-header h3{margin:0;font-size:17px;font-weight:600;color:#272332}.payout-search{width:256px;height:37px;display:flex;align-items:center;gap:9px;padding:0 12px;border-radius:9px;background:#f0edf9;box-sizing:border-box}.payout-search svg{flex-shrink:0;color:#777185}.payout-search input{width:100%;height:100%;border:none;outline:none;background:transparent;font-family:Poppins,sans-serif;font-size:11px;color:#494457}.payout-search input::placeholder{color:#817b91}.payout-table-card{width:100%;overflow:hidden;border:1px solid #e3e0ee;border-radius:13px;background:#f8f9ff;box-shadow:0 2px 7px #30285508}.payout-table-wrapper{width:100%;overflow-x:auto}.payout-table{width:100%;min-width:900px;border-collapse:collapse;table-layout:fixed}.payout-table thead{background:#eef2ff}.payout-table th{height:64px;padding:0 20px;text-align:left;vertical-align:middle;border-bottom:1px solid #ddddeb;color:#484458;font-size:10px;font-weight:600;letter-spacing:.2px;line-height:1.35}.payout-table th:nth-child(1){width:14%}.payout-table th:nth-child(2){width:14%}.payout-table th:nth-child(3){width:20%}.payout-table th:nth-child(4){width:17%}.payout-table th:nth-child(5){width:18%}.payout-table th:nth-child(6){width:17%}.payout-table tbody tr{height:88px}.payout-table td{padding:0 20px;border-bottom:1px solid #e8e6ef;color:#1e1b2c;font-size:12px;font-weight:400;vertical-align:middle}.payout-table tbody tr:last-child td{border-bottom:none}.request-id{max-width:100px;color:#162039;font-size:12px;font-weight:400;line-height:1.5}.date-wrapper{display:flex;flex-direction:column;gap:1px;color:#676273;font-size:12px;line-height:1.35}.date-wrapper small{font-size:11px;color:#777284}.organizer-name{max-width:145px;color:#18243d;font-size:12px;font-weight:500;line-height:1.45}.amount-wrapper{display:flex;align-items:center;gap:8px;color:#18243d;font-size:12px;font-weight:500;line-height:1.4}.amount-wrapper .currency{font-weight:400}.bank-wrapper{display:flex;align-items:center;gap:9px}.bank-logo{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:4px;background:#dce7ff;color:#4036d6;font-size:10px;font-weight:600;flex-shrink:0}.bank-account{display:flex;flex-direction:column;gap:1px;color:#777181;font-size:11px;line-height:1.4}.payout-status{min-width:82px;height:28px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 10px;border-radius:16px;font-size:10px;font-weight:500;box-sizing:border-box}.status-dot{width:6px;height:6px;border-radius:50%;display:block}.payout-status.success{background:#e5f4e9;color:#258044;border:1px solid #cde8d5}.payout-status.success .status-dot{background:#208545}.payout-status.pending{background:#fff4df;color:#e88719;border:1px solid #f8dca8}.payout-status.pending .status-dot{background:#ee8111}.payout-status.rejected{background:#ffdada;color:#bd3434;border:1px solid #ffcaca}.payout-status.rejected .status-dot{background:#cf3333}.empty-payout{height:180px!important;text-align:center;color:#858092!important}.empty-payout svg{margin-bottom:8px}.payout-table-footer{min-height:65px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e5e3ed;background:#f5f6fc;box-sizing:border-box}.entry-info{color:#686273;font-size:11px;font-weight:400}.pagination{display:flex;align-items:center;gap:5px}.pagination button{font-family:Poppins,sans-serif}.pagination-arrow{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:#343044;cursor:pointer;border-radius:5px;transition:.2s ease}.pagination-arrow:hover:not(:disabled){background:#e9e7f2}.pagination-arrow:disabled{color:#bbb7c5;cursor:default}.pagination-number{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border:none;border-radius:5px;background:transparent;color:#676174;font-size:11px;cursor:pointer}.pagination-number:hover{background:#e9e7f2}.pagination-number.active{background:#5143dd;color:#fff;font-weight:500}.pagination-dots{width:24px;text-align:center;color:#6e687c;font-size:11px}@media (max-width: 1000px){.payout-eo-content{padding:26px 24px 50px}.payout-page-header h1{font-size:22px}.payout-section-header h2{font-size:21px}.payout-list-header h3{font-size:16px}.payout-search{width:220px}}@media (max-width: 600px){.payout-eo-main{width:100%;margin-left:0}.payout-eo-content{padding:22px 15px 40px}.payout-page-header{align-items:flex-start;gap:15px;margin-bottom:30px}.payout-page-header h1{font-size:21px}.apply-payout-btn{min-width:auto;height:36px;padding:0 13px;font-size:10px}.apply-plus{font-size:16px}.payout-section-header{margin-bottom:25px}.payout-section-header h2{font-size:20px}.payout-list-header{align-items:flex-start;flex-direction:column;gap:13px}.payout-list-header h3{font-size:15px}.payout-search{width:100%;height:40px}.payout-table-card{border-radius:10px}.payout-table-footer{min-height:62px;padding:0 12px}.entry-info{font-size:9px}.pagination{gap:2px}.pagination-number,.pagination-arrow{width:27px;height:27px}}.pengajuan-payout-eo-page{width:100%;min-height:100vh;background:#faf8ff;font-family:Poppins,sans-serif}.pengajuan-payout-eo-main{width:calc(100% - 220px);min-height:100vh;margin-left:220px;background:#faf8ff}.pengajuan-payout-eo-content{width:100%;padding:28px 34px 60px;box-sizing:border-box}.payout-back-button{display:flex;align-items:center;gap:7px;padding:0;margin:0 0 18px;border:none;background:transparent;color:#625c70;font-family:Poppins,sans-serif;font-size:11px;font-weight:500;cursor:pointer;transition:.2s ease}.payout-back-button:hover{color:#4a38d4}.pengajuan-payout-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.pengajuan-payout-header h1{margin:0;color:#171426;font-size:24px;font-weight:600;line-height:1.25}.pengajuan-payout-header p{margin:7px 0 0;color:#777183;font-size:11px;font-weight:400}.pengajuan-payout-layout{width:100%;display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:start}.payout-form-card{width:100%;padding:25px 28px 28px;box-sizing:border-box;background:#fff;border:1px solid #e3e0ee;border-radius:13px;box-shadow:0 2px 8px #30285508}.payout-form-title{display:flex;align-items:center;gap:12px}.payout-form-title-icon{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:9px;background:#eeeaff;color:#4a38d4}.payout-form-title h2{margin:0;color:#282335;font-size:17px;font-weight:600}.payout-form-title p{margin:4px 0 0;color:#817b8d;font-size:10px}.payout-form-divider{width:100%;height:1px;margin:22px 0;background:#e9e6ef}.available-balance{width:100%;padding:15px 16px;margin-bottom:23px;box-sizing:border-box;border-radius:10px;background:#f2f0ff;border:1px solid #e4e0ff}.balance-left{display:flex;align-items:center;gap:11px}.balance-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:#fff;color:#4a38d4}.balance-left span{display:block;margin-bottom:3px;color:#777181;font-size:10px}.balance-left strong{display:block;color:#30269d;font-size:17px;font-weight:600}.form-group{margin-bottom:20px}.form-group>label{display:block;margin-bottom:8px;color:#4e485d;font-size:10px;font-weight:600;letter-spacing:.15px}.required{margin-left:3px;color:#e04b4b}.optional{margin-left:5px;color:#898394;font-size:9px;font-weight:400}.form-group input,.form-group select,.form-group textarea{font-family:Poppins,sans-serif}.input-with-prefix{width:100%;height:43px;display:flex;align-items:center;border:1px solid #ddd9e7;border-radius:8px;background:#fff;overflow:hidden;box-sizing:border-box;transition:.2s ease}.input-with-prefix:focus-within{border-color:#6a5be8;box-shadow:0 0 0 3px #5b4de214}.input-with-prefix>span{height:100%;padding:0 13px;display:flex;align-items:center;border-right:1px solid #e4e1ea;color:#625c70;font-size:12px;font-weight:500;background:#faf9fc}.input-with-prefix input{width:100%;height:100%;padding:0 13px;border:none;outline:none;color:#302c3c;font-size:12px;background:transparent}.input-with-prefix input::placeholder{color:#aaa5b3}.form-group small{display:block;margin-top:6px;color:#8b8595;font-size:9px}.input-with-icon{width:100%;height:43px;display:flex;align-items:center;gap:10px;padding:0 13px;box-sizing:border-box;border:1px solid #ddd9e7;border-radius:8px;background:#fff;transition:.2s ease}.input-with-icon:focus-within{border-color:#6a5be8;box-shadow:0 0 0 3px #5b4de214}.input-with-icon svg{flex-shrink:0;color:#777181}.input-with-icon input,.input-with-icon select{width:100%;height:100%;padding:0;border:none;outline:none;background:transparent;color:#373241;font-size:12px}.input-with-icon input::placeholder{color:#aaa5b3}.input-with-icon select{cursor:pointer}.textarea-wrapper{width:100%;display:flex;align-items:flex-start;gap:10px;padding:12px 13px;box-sizing:border-box;border:1px solid #ddd9e7;border-radius:8px;background:#fff;transition:.2s ease}.textarea-wrapper:focus-within{border-color:#6a5be8;box-shadow:0 0 0 3px #5b4de214}.textarea-wrapper svg{margin-top:2px;flex-shrink:0;color:#777181}.textarea-wrapper textarea{width:100%;min-height:70px;padding:0;resize:vertical;border:none;outline:none;background:transparent;color:#373241;font-size:12px;line-height:1.5}.textarea-wrapper textarea::placeholder{color:#aaa5b3}.payout-form-actions{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-top:27px}.cancel-payout-btn{height:40px;padding:0 20px;border:1px solid #ddd9e7;border-radius:8px;background:#fff;color:#625c70;font-family:Poppins,sans-serif;font-size:11px;font-weight:500;cursor:pointer;transition:.2s ease}.cancel-payout-btn:hover{background:#f7f5fa}.submit-payout-btn{height:40px;padding:0 19px;display:flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:8px;background:#4a38d4;color:#fff;font-family:Poppins,sans-serif;font-size:11px;font-weight:600;cursor:pointer;transition:.2s ease}.submit-payout-btn:hover{background:#3d2dc0}.payout-summary-card{width:100%;padding:23px;box-sizing:border-box;background:#fff;border:1px solid #e3e0ee;border-radius:13px;box-shadow:0 2px 8px #30285508;position:sticky;top:20px}.summary-title h2{margin:0;color:#292435;font-size:16px;font-weight:600}.summary-title p{margin:5px 0 0;color:#858090;font-size:9px;line-height:1.5}.summary-divider{width:100%;height:1px;margin:18px 0;background:#e9e6ef}.summary-item{display:flex;flex-direction:column;gap:4px;margin-bottom:17px}.summary-item span{color:#888291;font-size:9px}.summary-item strong{color:#373241;font-size:12px;font-weight:500;word-break:break-word}.summary-item .summary-amount{color:#4a38d4;font-size:17px;font-weight:600}.remaining-balance{display:flex;flex-direction:column;gap:5px}.remaining-balance span{color:#777181;font-size:9px}.remaining-balance strong{color:#26213a;font-size:16px;font-weight:600}.payout-info-box{margin-top:20px;padding:11px;display:flex;align-items:flex-start;gap:9px;border-radius:8px;background:#f7f5ff;border:1px solid #e9e5ff}.info-icon{width:17px;height:17px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:50%;background:#e3deff;color:#4a38d4;font-size:10px;font-weight:600}.payout-info-box p{margin:0;color:#716b80;font-size:9px;line-height:1.55}@media (max-width: 950px){.pengajuan-payout-eo-content{padding:26px 24px 50px}.pengajuan-payout-layout{grid-template-columns:1fr}.payout-summary-card{position:static}}@media (max-width: 600px){.pengajuan-payout-eo-main{width:100%;margin-left:0}.pengajuan-payout-eo-content{padding:20px 15px 40px}.payout-back-button{font-size:10px}.pengajuan-payout-header{margin-bottom:23px}.pengajuan-payout-header h1{font-size:21px}.pengajuan-payout-header p{font-size:10px;line-height:1.5}.payout-form-card{padding:20px 17px 22px;border-radius:11px}.payout-form-title h2{font-size:15px}.payout-form-title p{font-size:9px}.balance-left strong{font-size:15px}.form-group{margin-bottom:18px}.payout-form-actions{flex-direction:column-reverse}.cancel-payout-btn,.submit-payout-btn{width:100%}.payout-summary-card{padding:19px;border-radius:11px}}:root{font-family:Poppins,Arial,sans-serif;color:#111;background:#fff;font-synthesis:none;text-rendering:geometricPrecision}*{box-sizing:border-box}html{overflow-y:scroll;scrollbar-gutter:stable}html,body,#root{width:100%;min-height:100%;margin:0}body{min-height:100vh;background:#fff}button,input{font:inherit}button{border:0}.page{min-height:100vh;width:100%;display:flex;justify-content:center;background:#fff}.login-card{width:min(1280px,calc(100vw - 32px));min-height:100vh;padding-top:8px;display:flex;flex-direction:column;align-items:center}.login-card h1{margin:0;font-size:36px;line-height:1.25;font-weight:800;letter-spacing:2.5px;text-align:center}.login-form{width:448px;margin-top:64px}.field-group{width:100%}.field-group+.field-group{margin-top:24px}label{display:block;margin-bottom:8px;font-size:14px;line-height:20px;font-weight:400;color:#111827}.label-row{width:100%;display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.label-row label{margin:0}.forgot-button,.register-button{padding:0;background:transparent;cursor:pointer}.forgot-button{color:#2f66ff;font-size:14px;line-height:20px}input{display:block;width:100%;height:44px;padding:0 16px;border:0;outline:none;border-radius:2px;background:#e5e5e5;color:#111;font-size:14px;font-weight:400;transition:box-shadow .15s ease,background .15s ease}input::placeholder{color:#8990a0;opacity:1}input:focus{background:#e2e2e2;box-shadow:0 0 0 2px #2f66ff29}.primary-button,.google-button{width:100%;height:44px;border-radius:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .12s ease,filter .12s ease}.primary-button{margin-top:39px;background:#d9d9d9;color:#111;font-size:14px;font-weight:400}.google-button{margin-top:31px;gap:10px;background:#d9d9d9;color:#111;font-size:14px;font-weight:400}.primary-button:hover,.google-button:hover{filter:brightness(.97)}.primary-button:active,.google-button:active{transform:scale(.995)}.divider{position:relative;width:100%;height:18px;margin-top:37px;display:flex;align-items:center;justify-content:center}.divider:before{content:"";position:absolute;left:0;right:0;top:50%;height:1.5px;background:#777;transform:translateY(-50%)}.divider span{position:relative;z-index:1;min-width:63px;height:28px;padding:2px 12px 0;display:flex;align-items:center;justify-content:center;border-radius:16px;background:#d9d9d9;color:#222;font-size:14px;line-height:20px}.google-icon{width:19px;height:19px;flex:0 0 19px}.register-text{margin:32px 0 0;text-align:center;color:#4d5668;font-size:14px;line-height:20px}.register-button{color:#2f66ff;font-size:14px}@media (max-width: 600px){.login-card{width:100%;padding:28px 24px 32px}.login-card h1{font-size:30px}.login-form{width:100%;max-width:448px;margin-top:54px}}@media (max-height: 700px) and (min-width: 601px){.login-card{padding-top:18px}.login-form{margin-top:45px}}
