@import url(https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600;700&display=swap);*,::backdrop,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*
! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;tab-size:4}body{line-height:inherit}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.collapse{visibility:collapse}.mt-4{margin-top:1rem}.table{display:table}.hidden{display:none}.border-collapse{border-collapse:collapse}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0f172a;color:#fff;font-family:Space Grotesk,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.sidebar{background-color:#1e293b;box-shadow:0 0 10px #0003;color:#f8fafc;display:flex;flex-direction:column;height:100vh;left:0;overflow-y:auto;position:fixed;top:0;transition:width .3s ease;width:250px;z-index:100}.sidebar.collapsed{width:80px}.sidebar .sidebar-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:20px}.sidebar .sidebar-header .logo a{align-items:center;color:#f8fafc;display:flex;font-size:20px;font-weight:700;letter-spacing:.5px;text-decoration:none}.sidebar .sidebar-header .logo a:hover{color:#1877f2}.sidebar .sidebar-header .logo a .logo-image{height:30px;max-width:100%;object-fit:contain}.sidebar .sidebar-header .toggle-btn{align-items:center;background:none;border:none;color:#f8fafc;cursor:pointer;display:flex;font-size:18px;justify-content:center;padding:5px;transition:transform .2s}.sidebar .sidebar-header .toggle-btn:hover{color:#1877f2;transform:scale(1.1)}.sidebar .sidebar-nav{flex:1 1;overflow-y:auto;padding:15px 0}.sidebar .sidebar-nav::-webkit-scrollbar{width:5px}.sidebar .sidebar-nav::-webkit-scrollbar-track{background:#ffffff0d}.sidebar .sidebar-nav::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.sidebar .sidebar-nav ul{list-style:none;margin:0;padding:0}.sidebar .sidebar-nav ul li{border-radius:0 6px 6px 0;margin:5px 0;padding:0 15px;transition:all .2s ease}.sidebar .sidebar-nav ul li.active{background-color:#38bdf81a;border-left:3px solid #1877f2}.sidebar .sidebar-nav ul li.active a{color:#1877f2;font-weight:500}.sidebar .sidebar-nav ul li.active a .icon{color:#1877f2}.sidebar .sidebar-nav ul li:hover{background-color:#ffffff14}.sidebar .sidebar-nav ul li a{align-items:center;color:#f8fafc;display:flex;font-size:14px;padding:12px 15px;text-decoration:none;transition:all .2s}.sidebar .sidebar-nav ul li a .icon{align-items:center;display:flex;font-size:18px;margin-right:15px;min-width:20px}.sidebar .sidebar-nav ul li a .title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar .sidebar-footer{border-top:1px solid #ffffff1a;margin-top:auto;padding:1rem}.sidebar .sidebar-footer.collapsed{display:flex;justify-content:center;padding:.75rem .5rem}.sidebar .sidebar-footer .user-info{align-items:center;border-radius:8px;color:inherit;display:flex;padding:.5rem;text-decoration:none;transition:background-color .2s}.sidebar .sidebar-footer .user-info:hover{background-color:#ffffff1a}.sidebar .sidebar-footer .user-info .user-avatar,.sidebar .sidebar-footer .user-info .user-avatar-small{align-items:center;background-color:#ffffff1a;border-radius:50%;display:flex;height:40px;justify-content:center;overflow:hidden;position:relative;width:40px}.sidebar .sidebar-footer .user-info .user-avatar img,.sidebar .sidebar-footer .user-info .user-avatar-small img{height:100%;object-fit:cover;width:100%}.sidebar .sidebar-footer .user-info .user-avatar .avatar-initials,.sidebar .sidebar-footer .user-info .user-avatar-small .avatar-initials{color:#fff;font-size:1rem;font-weight:600}.sidebar .sidebar-footer .user-info .user-avatar .avatar-initials.small,.sidebar .sidebar-footer .user-info .user-avatar-small .avatar-initials.small{font-size:.875rem}.sidebar .sidebar-footer .user-info .user-avatar .status-indicator,.sidebar .sidebar-footer .user-info .user-avatar-small .status-indicator{background-color:#10b981;border:2px solid #1e293b;border-radius:50%;bottom:0;height:10px;position:absolute;right:0;width:10px}.sidebar .sidebar-footer .user-info .user-avatar svg,.sidebar .sidebar-footer .user-info .user-avatar-small svg{color:#fffc;font-size:1.5rem}.sidebar .sidebar-footer .user-info .user-avatar-small{height:32px;width:32px}.sidebar .sidebar-footer .user-info .user-avatar-small .status-indicator{border-width:1px;height:8px;width:8px}.sidebar .sidebar-footer .user-info .user-details{margin-left:.75rem;overflow:hidden;width:calc(100% - 50px)}.sidebar .sidebar-footer .user-info .user-details .user-name-container{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.sidebar .sidebar-footer .user-info .user-details .user-name{color:#fff;font-size:.9375rem;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar .sidebar-footer .user-info .user-details .user-badge{border-radius:10px;font-size:.625rem;font-weight:600;margin-left:5px;padding:2px 8px}.sidebar .sidebar-footer .user-info .user-details .user-badge.admin-badge{background-color:#1877f2;color:#fff}.sidebar .sidebar-footer .user-info .user-details .user-badge.client-badge{background-color:#ffffff1a;color:#fffc}.sidebar .sidebar-footer .user-info .user-details .user-email,.sidebar .sidebar-footer .user-info .user-details .user-phone{align-items:center;color:#ffffffb3;display:flex;font-size:.75rem;margin:0 0 2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar .sidebar-footer .user-info .user-details .user-email .icon-small,.sidebar .sidebar-footer .user-info .user-details .user-phone .icon-small{font-size:.75rem;margin-right:5px}.sidebar .sidebar-footer .user-info .user-details .user-actions{display:flex;margin-top:8px}.sidebar .sidebar-footer .user-info .user-details .user-actions .user-action-btn{align-items:center;background-color:#ffffff14;border-radius:4px;color:#fffc;display:inline-flex;font-size:.75rem;margin-right:8px;padding:5px 8px;text-decoration:none;transition:all .2s}.sidebar .sidebar-footer .user-info .user-details .user-actions .user-action-btn:last-child{margin-right:0}.sidebar .sidebar-footer .user-info .user-details .user-actions .user-action-btn svg{font-size:.875rem;margin-right:4px}.sidebar .sidebar-footer .user-info .user-details .user-actions .user-action-btn:hover{background-color:#ffffff26;color:#fff}@media(max-width:768px){.sidebar{transform:translateX(-100%)}.sidebar.collapsed{transform:translateX(0);width:80px}.sidebar .sidebar-nav li{padding:0 10px}.sidebar .sidebar-nav li a{padding:12px 10px}.sidebar .sidebar-nav li a .icon{margin-right:0}.sidebar .sidebar-footer{padding:10px}.sidebar .sidebar-footer.collapsed{padding:10px 5px}.sidebar .sidebar-footer .user-info{padding:8px}.sidebar .sidebar-footer .user-info .user-avatar,.sidebar .sidebar-footer .user-info .user-avatar-small{height:32px;width:32px}.sidebar .sidebar-footer .user-info .user-avatar .avatar-initials,.sidebar .sidebar-footer .user-info .user-avatar-small .avatar-initials{font-size:14px}.sidebar .sidebar-footer .user-info .user-avatar .status-indicator,.sidebar .sidebar-footer .user-info .user-avatar-small .status-indicator{border-width:1px;height:8px;width:8px}.sidebar .sidebar-footer .user-info .user-details .user-name{font-size:13px}.sidebar .sidebar-footer .user-info .user-details .user-badge{font-size:9px;padding:1px 6px}.sidebar .sidebar-footer .user-info .user-details .user-email,.sidebar .sidebar-footer .user-info .user-details .user-phone{font-size:11px}.sidebar .sidebar-footer .user-info .user-details .user-actions{flex-wrap:wrap}.sidebar .sidebar-footer .user-info .user-details .user-actions .user-action-btn{font-size:10px;margin-bottom:4px;margin-right:4px;padding:3px 6px}.sidebar .sidebar-footer .user-info .user-details .user-actions .user-action-btn svg{font-size:10px}}.header{background-color:#1e293be6;border-bottom:1px solid #ffffff1a;justify-content:space-between;padding:1rem 1.5rem}.header,.header .header-left{align-items:center;display:flex}.header .header-left .mobile-menu-btn{background:none;border:none;color:#fff;cursor:pointer;display:none;font-size:1.25rem;margin-right:1rem;padding:.5rem}.header .header-left .mobile-menu-btn:hover{color:#60a5fa}@media(max-width:768px){.header .header-left .mobile-menu-btn{display:block}}.header .header-left .breadcrumb{color:#fff;font-family:Space Grotesk,sans-serif;font-size:1.5rem;font-weight:600}.header .header-left .breadcrumb span{animation:fadeIn .3s ease-in-out;display:inline-block}.header .header-right{align-items:center;display:flex}.header .header-right .notifications{margin-right:1.5rem;position:relative}.header .header-right .notifications button{align-items:center;background:none;border:none;color:#fffc;cursor:pointer;display:flex;font-size:1.25rem;justify-content:center;padding:.5rem}.header .header-right .notifications button:hover{color:#fff}.header .header-right .user-menu{position:relative}.header .header-right .user-menu button{align-items:center;background:none;border:none;cursor:pointer;display:flex;gap:8px}.header .header-right .user-menu button .user-avatar{align-items:center;border-radius:50%;display:flex;height:32px;justify-content:center;overflow:hidden;width:32px}.header .header-right .user-menu button .user-avatar img{height:100%;object-fit:cover;width:100%}.header .header-right .user-menu button .user-avatar.user-initials{background-color:#3498db;color:#fff;font-size:14px;font-weight:700}.header .header-right .user-menu button svg{font-size:18px}.header .header-right .user-menu .dropdown-menu{background-color:#1e293bf2;border-radius:.5rem;box-shadow:0 10px 25px #0003;margin-top:.5rem;overflow:hidden;position:absolute;right:0;top:100%;width:200px;z-index:100}.header .header-right .user-menu .dropdown-menu ul{list-style:none;margin:0;padding:0}.header .header-right .user-menu .dropdown-menu ul li .logout-button,.header .header-right .user-menu .dropdown-menu ul li a{background:none;border:none;color:#fffc;cursor:pointer;display:block;font-size:1rem;padding:.75rem 1rem;text-align:left;text-decoration:none;transition:all .2s ease;width:100%}.header .header-right .user-menu .dropdown-menu ul li .logout-button:hover,.header .header-right .user-menu .dropdown-menu ul li a:hover{background-color:#ffffff1a;color:#fff}.header .header-right .user-menu .dropdown-menu ul li .logout-button{color:#ef4444}.header .header-right .user-menu .dropdown-menu ul li .logout-button:hover{background-color:#ef44441a}.dashboard-layout{background-color:#0f172a;display:flex;min-height:100vh;position:relative}.dashboard-layout .main-content{display:flex;flex:1 1;flex-direction:column;margin-left:250px;overflow-x:hidden;transition:all .3s ease;width:calc(100% - 250px)}.dashboard-layout .main-content .content-wrapper{flex:1 1;overflow-y:auto;padding:1.5rem}.dashboard-layout.sidebar-collapsed .main-content{margin-left:80px;width:calc(100% - 80px)}@media(max-width:768px){.dashboard-layout .main-content{margin-left:0;width:100%}.dashboard-layout.sidebar-collapsed .main-content{margin-left:80px;width:calc(100% - 80px)}}.login-form-container{background-color:#1e293bf2;border-radius:8px;box-shadow:0 10px 25px #0000004d;margin:0 auto;max-width:450px;padding:2rem;width:100%}.login-form-container .login-form-header{margin-bottom:2rem;text-align:center}.login-form-container .login-form-header h2{color:#fff;font-family:Space Grotesk,sans-serif;font-size:1.75rem;font-weight:700;margin-bottom:.5rem}.login-form-container .login-form-header p{color:#fffc;font-size:1rem}.login-form-container .error-message{background-color:#ef444433;border-radius:4px;color:#ef4444;font-size:.875rem;margin-bottom:1.5rem;padding:.75rem 1rem;text-align:center}.login-form-container .login-form .form-group{margin-bottom:1.5rem}.login-form-container .login-form .form-group label{color:#fff;display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.login-form-container .login-form .form-group input{background-color:#ffffff1a;border:1px solid #fff3;border-radius:4px;color:#fff;display:block;font-size:1rem;padding:.75rem;width:100%}.login-form-container .login-form .form-group input:focus{border-color:#1877f2;outline:none}.login-form-container .login-form .form-group input::placeholder{color:#ffffff80}.login-form-container .login-form .form-group .forgot-password{margin-top:.5rem;text-align:right}.login-form-container .login-form .form-group .forgot-password .link-button{background:none;border:none;color:#1877f2;cursor:pointer;font-size:.75rem}.login-form-container .login-form .form-group .forgot-password .link-button:hover{text-decoration:underline}.login-form-container .login-form .login-button{font-size:1rem;font-weight:600;margin-top:1rem;padding:.875rem;width:100%}.login-form-container .login-form .login-button:disabled{cursor:not-allowed;opacity:.7}.login-form-container .login-footer{margin-top:1.5rem;text-align:center}.login-form-container .login-footer p{color:#fffc;font-size:.875rem}.login-form-container .login-footer .link-button{background:none;border:none;color:#1877f2;cursor:pointer;font-size:.875rem;font-weight:500;padding:0;text-decoration:underline}.login-form-container .login-footer .link-button:hover{color:#60a5fa}:root{--PhoneInput-color--focus:#03b2cb;--PhoneInputInternationalIconPhone-opacity:0.8;--PhoneInputInternationalIconGlobe-opacity:0.65;--PhoneInputCountrySelect-marginRight:0.35em;--PhoneInputCountrySelectArrow-width:0.3em;--PhoneInputCountrySelectArrow-marginLeft:var(--PhoneInputCountrySelect-marginRight);--PhoneInputCountrySelectArrow-borderWidth:1px;--PhoneInputCountrySelectArrow-opacity:0.45;--PhoneInputCountrySelectArrow-color:currentColor;--PhoneInputCountrySelectArrow-color--focus:var(--PhoneInput-color--focus);--PhoneInputCountrySelectArrow-transform:rotate(45deg);--PhoneInputCountryFlag-aspectRatio:1.5;--PhoneInputCountryFlag-height:1em;--PhoneInputCountryFlag-borderWidth:1px;--PhoneInputCountryFlag-borderColor:#00000080;--PhoneInputCountryFlag-borderColor--focus:var(--PhoneInput-color--focus);--PhoneInputCountryFlag-backgroundColor--loading:#0000001a}.PhoneInput{align-items:center;display:flex}.PhoneInputInput{flex:1 1;min-width:0}.PhoneInputCountryIcon{height:1em;height:var(--PhoneInputCountryFlag-height);width:1.5em;width:calc(var(--PhoneInputCountryFlag-height)*var(--PhoneInputCountryFlag-aspectRatio))}.PhoneInputCountryIcon--square{width:1em;width:var(--PhoneInputCountryFlag-height)}.PhoneInputCountryIcon--border{background-color:#0000001a;background-color:var(--PhoneInputCountryFlag-backgroundColor--loading);box-shadow:0 0 0 1px #00000080,inset 0 0 0 1px #00000080;box-shadow:0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor),inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor)}.PhoneInputCountryIconImg{display:block;height:100%;width:100%}.PhoneInputInternationalIconPhone{opacity:.8;opacity:var(--PhoneInputInternationalIconPhone-opacity)}.PhoneInputInternationalIconGlobe{opacity:.65;opacity:var(--PhoneInputInternationalIconGlobe-opacity)}.PhoneInputCountry{align-items:center;align-self:stretch;display:flex;margin-right:.35em;margin-right:var(--PhoneInputCountrySelect-marginRight);position:relative}.PhoneInputCountrySelect{border:0;cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%;z-index:1}.PhoneInputCountrySelect[disabled],.PhoneInputCountrySelect[readonly]{cursor:default}.PhoneInputCountrySelectArrow{border-bottom-width:1px;border-bottom-width:var(--PhoneInputCountrySelectArrow-borderWidth);border-color:currentColor;border-color:var(--PhoneInputCountrySelectArrow-color);border-left-width:0;border-right-width:1px;border-right-width:var(--PhoneInputCountrySelectArrow-borderWidth);border-style:solid;border-top-width:0;content:"";display:block;height:.3em;height:var(--PhoneInputCountrySelectArrow-width);margin-left:.35em;margin-left:var(--PhoneInputCountrySelectArrow-marginLeft);opacity:.45;opacity:var(--PhoneInputCountrySelectArrow-opacity);transform:rotate(45deg);transform:var(--PhoneInputCountrySelectArrow-transform);width:.3em;width:var(--PhoneInputCountrySelectArrow-width)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon+.PhoneInputCountrySelectArrow{color:#03b2cb;color:var(--PhoneInputCountrySelectArrow-color--focus);opacity:1}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon--border{box-shadow:0 0 0 1px #03b2cb,inset 0 0 0 1px #03b2cb;box-shadow:0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus),inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon .PhoneInputInternationalIconGlobe{color:#03b2cb;color:var(--PhoneInputCountrySelectArrow-color--focus);opacity:1}.register-form-container{background-color:#1e293bf2;border-radius:8px;box-shadow:0 10px 25px #0000004d;margin:0 auto;max-width:500px;padding:2rem;width:100%}.register-form-container .register-form-header{margin-bottom:2rem;text-align:center}.register-form-container .register-form-header h2{color:#fff;font-family:Space Grotesk,sans-serif;font-size:1.75rem;font-weight:700;margin-bottom:.5rem}.register-form-container .register-form-header p{color:#fffc;font-size:1rem}.register-form-container .error-message{background-color:#ef444433;border-radius:4px;color:#ef4444;font-size:.875rem;margin-bottom:1.5rem;padding:.75rem 1rem;text-align:center}.register-form-container .register-form .form-group{margin-bottom:1.25rem}.register-form-container .register-form .form-group label{color:#fff;display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.register-form-container .register-form .form-group input,.register-form-container .register-form .form-group select{background-color:#ffffff1a;border:1px solid #fff3;border-radius:4px;color:#fff;display:block;font-size:1rem;padding:.75rem;width:100%}.register-form-container .register-form .form-group input:focus,.register-form-container .register-form .form-group select:focus{border-color:#1877f2;outline:none}.register-form-container .register-form .form-group input::placeholder,.register-form-container .register-form .form-group select::placeholder{color:#ffffff80}.register-form-container .register-form .form-group .password-hint{color:#fff9;font-size:.75rem;margin-top:.5rem}.register-form-container .register-form .form-group .phone-input input{background-color:#ffffff1a;border:1px solid #fff3;border-radius:4px;color:#fff;padding:.75rem;width:100%}.register-form-container .register-form .form-group .phone-input input:focus{border-color:#1877f2;outline:none}.register-form-container .register-form .register-button{font-size:1rem;font-weight:600;margin-top:1rem;padding:.875rem;width:100%}.register-form-container .register-form .register-button:disabled{cursor:not-allowed;opacity:.7}.register-form-container .register-footer{margin-top:1.5rem;text-align:center}.register-form-container .register-footer p{color:#fffc;font-size:.875rem}.register-form-container .register-footer .link-button{background:none;border:none;color:#1877f2;cursor:pointer;font-size:.875rem;font-weight:500;padding:0;text-decoration:underline}.register-form-container .register-footer .link-button:hover{color:#60a5fa}.PhoneInputCountry{margin-right:.5rem}.PhoneInputCountry .PhoneInputCountrySelect{background-color:#ffffff1a;border:1px solid #fff3;border-radius:4px;color:#fff;padding:.5rem}.PhoneInputCountry .PhoneInputCountrySelect:focus{border-color:#1877f2;outline:none}.PhoneInputCountry .PhoneInputCountrySelect option{background-color:#1e293b;color:#fff}.forgot-password-form{background-color:#1e293bf2;border-radius:12px;box-shadow:0 10px 30px #0006;color:#fff;margin:0 auto;max-width:450px;padding:2.5rem;transition:all .3s ease;width:100%}@media(max-width:768px){.forgot-password-form{max-width:90%;padding:1.75rem}}.forgot-password-form h2{color:#fff;font-family:Space Grotesk,sans-serif;font-size:1.85rem;font-weight:700;margin-bottom:1.75rem;text-align:center}@media(max-width:768px){.forgot-password-form h2{font-size:1.5rem;margin-bottom:1.25rem}}.forgot-password-form .success-message{animation:fadeIn .6s ease-out;background-color:#10b98126;border:1px solid #10b98166;border-radius:8px;color:#10b981;margin:1.5rem 0;padding:1.5rem;text-align:center}.forgot-password-form .success-message p{color:#fffffff2;line-height:1.5;margin-bottom:.75rem}.forgot-password-form .success-message p.email-sent-to{color:#fffc;font-size:.9rem;font-style:italic;padding-top:.5rem}.forgot-password-form form .form-group{margin-bottom:1.75rem}.forgot-password-form form .form-group label{color:#fff;display:block;font-size:.95rem;font-weight:500;margin-bottom:.65rem;transition:color .2s ease}.forgot-password-form form .form-group input{background-color:#ffffff14;border:1px solid #ffffff26;border-radius:6px;color:#fff;display:block;font-size:1rem;padding:.85rem 1rem;transition:all .3s ease;width:100%}.forgot-password-form form .form-group input:focus{background-color:#ffffff1f;border-color:#1877f2;box-shadow:0 0 0 3px #1877f24d;outline:none}.forgot-password-form form .form-group input::placeholder{color:#fff6}.forgot-password-form form .form-group input.invalid{border-color:#ef4444;box-shadow:0 0 0 3px #ef444440}.forgot-password-form form .form-group .error-message{animation:shake .5s cubic-bezier(.36,.07,.19,.97) both;color:#ef4444;font-size:.8rem;margin-top:.65rem;transform:translateZ(0)}.forgot-password-form form .auth-error{animation:shake .5s cubic-bezier(.36,.07,.19,.97) both;background-color:#ef444426;border-radius:6px;color:#ef4444;font-size:.9rem;margin-bottom:1.75rem;padding:.85rem 1.25rem;text-align:center;transform:translateZ(0)}.forgot-password-form form .reset-button{background-color:#1877f2;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:1.25rem;overflow:hidden;padding:1rem;position:relative;transition:all .3s ease;width:100%}.forgot-password-form form .reset-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:all .5s;width:100%}.forgot-password-form form .reset-button:hover{background-color:#166fe5;box-shadow:0 5px 15px #0003;transform:translateY(-2px)}.forgot-password-form form .reset-button:hover:before{left:100%}.forgot-password-form form .reset-button:active{transform:translateY(1px)}.forgot-password-form form .reset-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.7;transform:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-3px,0,0)}40%,60%{transform:translate3d(3px,0,0)}}.auth-modal-overlay{align-items:center;background-color:#000000bf;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.auth-modal-overlay .auth-modal{animation:modalFadeIn .3s ease-out forwards;max-width:500px;position:relative;width:100%}.auth-modal-overlay .auth-modal .close-button{align-items:center;background:none;border:none;border-radius:50%;color:#fff9;cursor:pointer;display:flex;font-size:1.5rem;height:2rem;justify-content:center;position:absolute;right:1rem;top:1rem;width:2rem;z-index:10}.auth-modal-overlay .auth-modal .close-button:hover{background-color:#ffffff1a;color:#fff}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.landing-page{background-color:#0f172a;background-image:linear-gradient(to bottom right,#3b82f60d,#0f172af2);min-height:100vh}.landing-page .landing-container{margin:0 auto;max-width:1200px;padding:0 1.5rem}.landing-page .landing-header{align-items:center;display:flex;justify-content:space-between;padding:1rem 0}.landing-page .landing-header .logo{font-size:1.5rem;font-weight:700}.landing-page .landing-header .landing-nav{flex:1 1;margin:0 2rem}.landing-page .landing-header .landing-nav ul{display:flex;gap:1.5rem;list-style:none}.landing-page .landing-header .landing-nav ul a{color:#fff;font-weight:500;text-decoration:none}.landing-page .landing-header .landing-nav ul a:hover{color:#0056b3}.landing-page .landing-header .auth-buttons{display:flex;gap:1rem}.landing-page .landing-header .user-menu-container{position:relative}.landing-page .landing-header .user-menu-container .user-menu-button{align-items:center;background:none;border:none;border-radius:4px;cursor:pointer;display:flex;gap:.5rem;padding:.5rem}.landing-page .landing-header .user-menu-container .user-menu-button:hover{background-color:#0000000d}.landing-page .landing-header .user-menu-container .user-menu-button svg{color:#0056b3;font-size:1.2rem}.landing-page .landing-header .user-menu-container .user-dropdown{background:#fff;border-radius:4px;box-shadow:0 2px 10px #0000001a;min-width:150px;position:absolute;right:0;top:100%;z-index:100}.landing-page .landing-header .user-menu-container .user-dropdown .dropdown-item{background:none;border:none;color:#333;cursor:pointer;display:block;padding:.75rem 1rem;text-align:left;text-decoration:none;width:100%}.landing-page .landing-header .user-menu-container .user-dropdown .dropdown-item:hover{background-color:#0000000d}.landing-page .landing-main{grid-gap:3rem;align-items:center;display:grid;gap:3rem;grid-template-columns:1fr 1fr;padding:3rem 0}@media(max-width:992px){.landing-page .landing-main{grid-template-columns:1fr;text-align:center}}.landing-page .landing-main .hero-content h1{color:#fff;font-size:3rem;font-weight:700;margin-bottom:1.5rem}@media(max-width:768px){.landing-page .landing-main .hero-content h1{font-size:2.5rem}}.landing-page .landing-main .hero-content p{color:#fffc;font-size:1.25rem;line-height:1.6;margin-bottom:2rem}.landing-page .landing-main .hero-content .auth-buttons{display:flex;gap:1rem}@media(max-width:992px){.landing-page .landing-main .hero-content .auth-buttons{justify-content:center}}.landing-page .landing-main .hero-content .auth-buttons .btn{border-radius:.375rem;font-size:1rem;font-weight:600;padding:.75rem 1.5rem}.landing-page .landing-main .hero-content .auth-buttons .btn.btn-primary{background-color:#1877f2;color:#fff}.landing-page .landing-main .hero-content .auth-buttons .btn.btn-secondary{background-color:#ffffff1a;border:1px solid #fff3;color:#fff}.landing-page .landing-main .hero-image .image-placeholder{align-items:center;background:linear-gradient(135deg,#3b82f61a,#2563eb4d);border:1px solid #ffffff1a;border-radius:1rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;height:400px;justify-content:center}.landing-page .landing-main .hero-image .image-placeholder .placeholder-text{color:#fff9;font-size:1.25rem;font-weight:500}.landing-page .features-section{padding:5rem 0}.landing-page .features-section h2{color:#fff;font-size:2rem;font-weight:700;margin-bottom:3rem;text-align:center}.landing-page .features-section .features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(4,1fr)}@media(max-width:1200px){.landing-page .features-section .features-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.landing-page .features-section .features-grid{grid-template-columns:1fr}}.landing-page .features-section .features-grid .feature-card{background:#1e293b66;border:1px solid #ffffff1a;border-radius:.75rem;padding:2rem;text-align:center}.landing-page .features-section .features-grid .feature-card .feature-icon{font-size:2.5rem;margin-bottom:1rem}.landing-page .features-section .features-grid .feature-card h3{color:#fff;font-size:1.25rem;font-weight:600;margin-bottom:1rem}.landing-page .features-section .features-grid .feature-card p{color:#fffc;font-size:1rem;line-height:1.5}.landing-page .landing-footer{border-top:1px solid #ffffff1a;padding:2rem 0;text-align:center}.landing-page .landing-footer p{color:#fff9;font-size:.875rem}.packages-page{padding:2rem}.packages-page .packages-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:1rem}.packages-page .payment-status{border-radius:.5rem;margin-bottom:2rem;padding:1rem}.packages-page .payment-status.error{background-color:#ef44441a;border-left:4px solid #ef4444;color:#ef4444}.packages-page .payment-status.success{background-color:#10b9811a;border-left:4px solid #10b981;color:#10b981}.packages-page .package-card{background:linear-gradient(135deg,#1e293bf2,#0f172afa);border:1px solid #ffffff1a;border-radius:.75rem;display:flex;flex-direction:column;height:100%;padding:2rem;position:relative;transition:all .3s ease}.packages-page .package-card:hover{border-color:#3b82f666;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;transform:translateY(-5px)}.packages-page .package-card.popular{border:1px solid #1877f2;box-shadow:0 0 20px #3b82f64d}.packages-page .package-card .popular-badge{background-color:#1877f2;border-radius:1rem;color:#fff;font-size:.75rem;font-weight:600;padding:.25rem 1rem;position:absolute;right:20px;top:-12px}.packages-page .package-card h3{color:#fff;font-size:1.5rem;font-weight:700;margin-bottom:1rem}.packages-page .package-card .price{color:#fff;font-size:2.5rem;font-weight:700;margin-bottom:1rem}.packages-page .package-card .price .period{color:#fff9;font-size:1rem;font-weight:500}.packages-page .package-card .description{color:#fffc;font-size:1rem;line-height:1.5;margin-bottom:1.5rem;min-height:4.5rem}.packages-page .package-card .quantity-selector{background-color:#ffffff0d;border-radius:.5rem;margin-bottom:1.5rem;padding:1rem}.packages-page .package-card .quantity-selector label{color:#fff;display:block;font-weight:500;margin-bottom:.5rem}.packages-page .package-card .quantity-selector label input{background-color:#ffffff1a;border:1px solid #fff3;border-radius:.375rem;color:#fff;display:block;font-size:1rem;margin-top:.5rem;padding:.75rem;width:100%}.packages-page .package-card .quantity-selector label input:focus{border-color:#1877f2;outline:none}.packages-page .package-card .quantity-selector label input:disabled{cursor:not-allowed;opacity:.6}.packages-page .package-card .quantity-selector .quantity-logic{color:#fff9;font-size:.875rem;font-style:italic;margin-top:.5rem}.packages-page .package-card .total-price{color:#fff;font-size:1.25rem;font-weight:600;margin-bottom:1.5rem;margin-top:auto;padding-top:1rem}.packages-page .package-card .purchase-btn{font-size:1rem;font-weight:600;padding:.75rem;width:100%}.packages-page .package-card .purchase-btn:disabled{cursor:not-allowed;opacity:.7}.receipt-button{align-items:center;background-color:#1877f2;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;justify-content:center;padding:8px 16px;text-decoration:none;transition:background-color .2s,transform .1s}.receipt-button:hover{background-color:#3a70e5}.receipt-button:active{transform:translateY(1px)}.receipt-button:focus{box-shadow:0 0 0 2px #4a80f566;outline:none}.receipt-button.loading{background-color:#a0b3e0;cursor:not-allowed;opacity:.8}.receipt-button.error{background-color:#e1e8f5;border:1px solid #ccd7ee;color:#666;cursor:not-allowed}.total-amount-card{align-items:center;background:linear-gradient(45deg,#1e293b,#334155);border-radius:8px;box-shadow:0 4px 12px #0000001a;color:#fff;display:flex;margin-bottom:24px;padding:20px;transition:transform .3s ease,box-shadow .3s ease}.total-amount-card:hover{box-shadow:0 8px 16px #00000026;transform:translateY(-5px)}.total-amount-card .amount-icon{align-items:center;background:#ffffff1f;border-radius:50%;display:flex;flex-shrink:0;height:48px;justify-content:center;margin-right:16px;width:48px}.total-amount-card .amount-icon svg{color:#10b981;font-size:20px}.total-amount-card .amount-details{flex:1 1}.total-amount-card .amount-details h3{color:#ffffffd9;font-size:16px;font-weight:500;margin:0 0 6px}.total-amount-card .amount-details .amount-value{color:#fff;font-size:28px;font-weight:700}@media(max-width:768px){.total-amount-card .amount-details .amount-value{font-size:24px}}.dashboard-page{padding:2rem}.dashboard-page .dashboard-header{margin-bottom:2rem}.dashboard-page .dashboard-header h1{font-size:1.8rem;font-weight:600;margin:0 0 .5rem}.dashboard-page .dashboard-header p{color:#6b7280;margin:0}.dashboard-page .dashboard-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr);margin-bottom:2rem}@media(max-width:1024px){.dashboard-page .dashboard-stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.dashboard-page .dashboard-stats{grid-template-columns:1fr}}.dashboard-page .dashboard-stats .stat-card{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:1.5rem}.dashboard-page .dashboard-stats .stat-card h3{color:#6b7280;font-size:1rem;font-weight:500;margin:0 0 .75rem}.dashboard-page .dashboard-stats .stat-card .stat-value{color:#1e293b;font-size:2rem;font-weight:700}.dashboard-page .dashboard-content .row{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr)}@media(max-width:992px){.dashboard-page .dashboard-content .row{grid-template-columns:1fr}}.dashboard-page .dashboard-content .service-item{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;padding:1rem 0}.dashboard-page .dashboard-content .service-item:last-child{border-bottom:none}.dashboard-page .dashboard-content .service-item .service-icon{align-items:center;background-color:#ffffff1a;border-radius:.5rem;display:flex;height:2.5rem;justify-content:center;margin-right:1rem;width:2.5rem}.dashboard-page .dashboard-content .service-item .service-icon .icon{font-size:1.25rem}.dashboard-page .dashboard-content .service-item .service-info{flex:1 1}.dashboard-page .dashboard-content .service-item .service-info h4{color:#fff;font-size:1rem;font-weight:600;margin:0 0 .25rem}.dashboard-page .dashboard-content .service-item .service-info p{color:#fff9;font-size:.875rem;margin:0}.dashboard-page .dashboard-content .service-item .service-status{border-radius:1rem;font-size:.75rem;font-weight:500;padding:.25rem .75rem}.dashboard-page .dashboard-content .service-item .service-status.active{background-color:#10b98133;color:#10b981}.dashboard-page .dashboard-content .service-item .service-status.pending{background-color:#f59e0b33;color:#f59e0b}.dashboard-page .dashboard-content .invoice-item{align-items:flex-start;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:1rem 0}.dashboard-page .dashboard-content .invoice-item:last-child{border-bottom:none}.dashboard-page .dashboard-content .invoice-item>div:first-child{flex:1 1}.dashboard-page .dashboard-content .invoice-item h4{color:#fff;font-size:1rem;font-weight:600;margin:0 0 .25rem}.dashboard-page .dashboard-content .invoice-item p{color:#fff9;font-size:.875rem;margin:0}.dashboard-page .dashboard-content .invoice-item .invoice-actions{margin-top:.5rem}.dashboard-page .dashboard-content .invoice-item .invoice-actions .receipt-link,.dashboard-page .dashboard-content .invoice-item .invoice-actions .receipt-link-btn{align-items:center;background:none;border:none;color:#1877f2;display:inline-flex;font-size:.75rem;padding:0;text-decoration:none}.dashboard-page .dashboard-content .invoice-item .invoice-actions .receipt-link-btn:hover,.dashboard-page .dashboard-content .invoice-item .invoice-actions .receipt-link:hover{color:#3a70e5;text-decoration:underline}.dashboard-page .dashboard-content .invoice-item .invoice-actions .receipt-link-btn:active,.dashboard-page .dashboard-content .invoice-item .invoice-actions .receipt-link:active{color:#2960d5}.dashboard-page .dashboard-content .invoice-item .invoice-actions .receipt-link-btn{cursor:pointer}.dashboard-page .dashboard-content .invoice-item .invoice-amount{color:#fff;font-size:1.125rem;font-weight:600;margin-left:1rem}.dashboard-page .dashboard-content .invoice-item .invoice-status{border-radius:1rem;font-size:.75rem;font-weight:500;padding:.25rem .75rem}.dashboard-page .dashboard-content .invoice-item .invoice-status.paid{background-color:#10b98133;color:#10b981}.dashboard-page .dashboard-content .invoice-item .invoice-status.pending{background-color:#f59e0b33;color:#f59e0b}.dashboard-page .dashboard-content .invoice-item .invoice-status.overdue{background-color:#ef444433;color:#ef4444}.dashboard-page .payment-success{background-color:#15aa691a;border-left:4px solid #15aa69;border-radius:4px;margin-bottom:25px;padding:15px 20px}.dashboard-page .payment-success h3{color:#15aa69;margin:0 0 10px}.dashboard-page .payment-success p{color:#444;margin:0}.dashboard-container{margin:0 auto;max-width:1200px;padding:2rem}.dashboard-container h1{color:#333;margin-bottom:2rem}.dashboard-container .dashboard-section{margin-bottom:3rem}.dashboard-container .dashboard-section h2{border-bottom:1px solid #eee;margin-bottom:1.5rem;padding-bottom:.5rem}.dashboard-container .alert{border-radius:4px;margin-bottom:2rem;padding:1rem}.dashboard-container .alert.alert-success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.dashboard-container .loading,.dashboard-container .no-orders{color:#666;padding:2rem;text-align:center}.dashboard-container .no-orders{background-color:#f9f9f9;border-radius:4px}.dashboard-container .orders-list{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.dashboard-container .order-card{border:1px solid #eee;border-radius:8px;box-shadow:0 2px 4px #0000000d;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.dashboard-container .order-card:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-3px)}.dashboard-container .order-card .order-header{align-items:center;background-color:#f9f9f9;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:1rem}.dashboard-container .order-card .order-header h3{font-size:1.1rem;margin:0}.dashboard-container .order-card .order-header .status{border-radius:4px;font-size:.85rem;font-weight:600;padding:.25rem .5rem}.dashboard-container .order-card .order-header .status.pending{background-color:#fff3cd;color:#856404}.dashboard-container .order-card .order-header .status.failed{background-color:#f8d7da;color:#721c24}.dashboard-container .order-card .order-header .status.completed{background-color:#d4edda;color:#155724}.dashboard-container .order-card .order-details{padding:1rem}.dashboard-container .order-card .order-details .detail-row{display:flex;justify-content:space-between;margin-bottom:.75rem}.dashboard-container .order-card .order-details .detail-row:last-child{margin-bottom:0}.dashboard-container .order-card .order-details .detail-row .label{color:#555;font-weight:600}.dashboard-container .order-card .order-details .detail-row .value{color:#333}.dashboard-container .order-card .order-details .detail-row .invoice-link,.dashboard-container .order-card .order-details .detail-row .receipt-link-btn{background:none;border:none;color:#1877f2;cursor:pointer;font-size:inherit;font-weight:600;padding:0;text-decoration:none;transition:color .2s ease}.dashboard-container .order-card .order-details .detail-row .invoice-link:hover,.dashboard-container .order-card .order-details .detail-row .receipt-link-btn:hover{color:#2c5dd9;text-decoration:underline}.dashboard-container .order-card .order-details .detail-row .invoice-link:active,.dashboard-container .order-card .order-details .detail-row .receipt-link-btn:active{color:#1a4bbd}.receipt-loading-overlay{align-items:center;background-color:#000000b3;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.receipt-loading-popup{background-color:#fff;border-radius:8px;box-shadow:0 4px 20px #0003;max-width:400px;padding:30px;text-align:center}.receipt-loading-popup h3{color:#1877f2;margin-top:20px}.receipt-loading-popup p{color:#444;margin-top:10px}.receipt-loader{animation:spin 1s ease-in-out infinite;border:4px solid #1877f233;border-radius:50%;border-top-color:#1877f2;display:inline-block;height:50px;margin:0 auto;width:50px}.services-page .page-header{margin-bottom:2rem}.services-page .page-header h1{color:#fff;font-size:2rem;font-weight:700;margin-bottom:.5rem}.services-page .loading,.services-page .page-header p{color:#fffc;font-size:1.125rem}.services-page .loading{padding:2rem;text-align:center}.services-page .services-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.services-page .service-card{background:linear-gradient(135deg,#1e293bf2,#0f172afa);border:1px solid #ffffff1a;border-radius:.75rem;overflow:hidden;transition:all .3s ease}.services-page .service-card:hover{border-color:#3b82f666;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;transform:translateY(-5px)}.services-page .service-card .service-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:1.5rem}.services-page .service-card .service-header h3{color:#fff;font-size:1.25rem;font-weight:600;margin:0}.services-page .service-card .service-header .status{border-radius:1rem;font-size:.75rem;font-weight:600;padding:.35rem .75rem}.services-page .service-card .service-header .status.active{background-color:#10b98133;color:#10b981}.services-page .service-card .service-header .status.processing{background-color:#f59e0b33;color:#f59e0b}.services-page .service-card .service-header .status.in-progress{background-color:#3b82f633;color:#1877f2}.services-page .service-card .service-details{padding:1.5rem}.services-page .service-card .service-details .detail-item{display:flex;justify-content:space-between;margin-bottom:1rem}.services-page .service-card .service-details .detail-item:last-child{margin-bottom:0}.services-page .service-card .service-details .detail-item .label{color:#fff9;font-size:.875rem}.services-page .service-card .service-details .detail-item .value{color:#fff;font-size:.875rem;font-weight:500}.services-page .service-card .service-actions{border-top:1px solid #ffffff1a;display:flex;gap:1rem;padding:1.5rem}.services-page .service-card .service-actions button{flex:1 1;font-size:.875rem;padding:.75rem 1rem}.services-page .empty-state{background-color:#1e293b80;border:1px dashed #fff3;border-radius:.75rem;padding:4rem 2rem;text-align:center}.services-page .empty-state h3{color:#fff;font-size:1.5rem;font-weight:600;margin-bottom:1rem}.services-page .empty-state p{color:#fff9;font-size:1.125rem;margin-bottom:2rem}.services-page .empty-state .btn{font-size:1rem;padding:.75rem 2rem}.billing-page{padding:2rem}.billing-page .billing-tabs{border-bottom:1px solid #e5e7eb;display:flex;gap:1rem;margin-bottom:2rem}.billing-page .billing-tabs .tab{background:none;border:none;color:#6b7280;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;position:relative;transition:color .2s}.billing-page .billing-tabs .tab:hover{color:#1e293b}.billing-page .billing-tabs .tab.active{color:#1e293b;font-weight:600}.billing-page .billing-tabs .tab.active:after{background-color:#1e293b;bottom:-1px;content:"";height:2px;left:0;position:absolute;width:100%}.billing-page .billing-summary{margin-bottom:2rem;max-width:400px}.billing-page .loading{color:#fffc;font-size:1.125rem;padding:2rem;text-align:center}.billing-page .invoices-section .invoices-container{background:#1e293b80;border:1px solid #ffffff1a;border-radius:.75rem;overflow:hidden}.billing-page .invoices-section .invoices-container .invoices-header{background-color:#0f172a80;border-bottom:1px solid #ffffff1a;display:grid;grid-template-columns:1.5fr 1fr 2fr 1fr 1fr .5fr;padding:1rem 1.5rem}.billing-page .invoices-section .invoices-container .invoices-header .col{color:#ffffffb3;font-size:.875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.billing-page .invoices-section .invoices-container .invoices-header .col.actions{text-align:center}.billing-page .invoices-section .invoices-container .invoices-list{max-height:600px;overflow-y:auto}.billing-page .invoices-section .invoices-container .invoices-list .invoice-row{align-items:center;border-bottom:1px solid #ffffff1a;display:grid;grid-template-columns:1.5fr 1fr 2fr 1fr 1fr .5fr;padding:1rem 1.5rem;transition:background-color .2s}.billing-page .invoices-section .invoices-container .invoices-list .invoice-row:last-child{border-bottom:none}.billing-page .invoices-section .invoices-container .invoices-list .invoice-row:hover{background-color:#ffffff0d}.billing-page .invoices-section .invoices-container .invoices-list .invoice-row .col{color:#fff;font-size:.9375rem}.billing-page .invoices-section .invoices-container .invoices-list .invoice-row .col.amount{font-weight:600}.billing-page .invoices-section .invoices-container .invoices-list .invoice-row .col.service-name{overflow:hidden;padding-right:1rem;text-overflow:ellipsis;white-space:nowrap}.billing-page .invoices-section .invoices-container .invoices-list .invoice-row .col.actions{text-align:center}.billing-page .invoices-section .invoices-container .invoices-list .invoice-row .col .invoice-number{align-items:center;display:flex}.billing-page .invoices-section .invoices-container .invoices-list .invoice-row .col .invoice-number .icon{color:#1877f2;font-size:1rem;margin-right:.5rem}.billing-page .invoices-section .invoices-container .invoices-list .invoice-row .col .status{border-radius:1rem;display:inline-block;font-size:.75rem;font-weight:600;padding:.25rem .75rem}.billing-page .invoices-section .invoices-container .invoices-list .invoice-row .col .status.paid{background-color:#10b98133;color:#10b981}.billing-page .invoices-section .invoices-container .invoices-list .invoice-row .col .status.pending{background-color:#f59e0b33;color:#f59e0b}.billing-page .invoices-section .invoices-container .invoices-list .invoice-row .col .status.cancelled{background-color:#ef444433;color:#ef4444}.billing-page .invoices-section .invoices-container .invoices-list .invoice-row .col .btn-icon,.billing-page .invoices-section .invoices-container .invoices-list .invoice-row .col .btn-receipt{background:none;border:none;border-radius:.375rem;color:#ffffffb3;cursor:pointer;font-size:1rem;padding:.5rem;transition:all .2s}.billing-page .invoices-section .invoices-container .invoices-list .invoice-row .col .btn-icon:hover,.billing-page .invoices-section .invoices-container .invoices-list .invoice-row .col .btn-receipt:hover{background-color:#ffffff1a;color:#fff}.billing-page .payment-methods-section .payment-methods-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.billing-page .payment-methods-section .payment-methods-header h2{color:#fff;font-size:1.5rem;font-weight:600;margin:0}.billing-page .payment-methods-section .payment-methods-header .add-method{align-items:center;display:flex}.billing-page .payment-methods-section .payment-methods-header .add-method .icon{margin-right:.5rem}.billing-page .payment-methods-section .empty-payment-methods{background-color:#1e293b80;border:1px dashed #fff3;border-radius:.75rem;padding:4rem 2rem;text-align:center}.billing-page .payment-methods-section .empty-payment-methods .icon-container{align-items:center;background-color:#3b82f633;border-radius:50%;display:flex;height:4rem;justify-content:center;margin:0 auto 1.5rem;width:4rem}.billing-page .payment-methods-section .empty-payment-methods .icon-container .icon{color:#1877f2;font-size:2rem}.billing-page .payment-methods-section .empty-payment-methods h3{color:#fff;font-size:1.5rem;font-weight:600;margin-bottom:1rem}.billing-page .payment-methods-section .empty-payment-methods p{color:#fff9;font-size:1.125rem;margin-bottom:.5rem}.billing-page .payment-methods-section .empty-payment-methods p.info{font-size:.875rem;margin-bottom:2rem}.billing-page .payment-methods-section .empty-payment-methods .btn{align-items:center;display:inline-flex}.billing-page .payment-methods-section .empty-payment-methods .btn .icon{margin-right:.5rem}.billing-page .empty-state{background-color:#1e293b80;border:1px dashed #fff3;border-radius:.75rem;padding:4rem 2rem;text-align:center}.billing-page .empty-state h3{color:#fff;font-size:1.5rem;font-weight:600;margin-bottom:1rem}.billing-page .empty-state p{color:#fff9;font-size:1.125rem;margin-bottom:2rem}.billing-page .empty-state .btn{font-size:1rem;padding:.75rem 2rem}.purchase-history-page{padding:2rem}.purchase-history-page .purchase-summary{margin-bottom:2rem;max-width:400px}.purchase-history-page .filter-controls{margin-bottom:1.5rem}.purchase-history-page .filter-controls .filter-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.purchase-history-page .filter-controls .filter-buttons .filter-btn{background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;cursor:pointer;font-size:.875rem;padding:.5rem 1rem;transition:all .2s}.purchase-history-page .filter-controls .filter-buttons .filter-btn:hover{background-color:#f9fafb}.purchase-history-page .filter-controls .filter-buttons .filter-btn.active{background-color:#1e293b;border-color:#1e293b;color:#fff}.purchase-history-page .loading{color:#fffc;font-size:1.125rem;padding:2rem;text-align:center}.purchase-history-page .purchases-table{background:#1e293b80;border:1px solid #ffffff1a;border-radius:.75rem;overflow:hidden}.purchase-history-page .purchases-table .purchases-header{background-color:#0f172a80;border-bottom:1px solid #ffffff1a;display:grid;grid-template-columns:1.5fr 1fr 1.5fr .8fr 1fr 1.2fr;padding:1rem 1.5rem}.purchase-history-page .purchases-table .purchases-header .col{color:#ffffffb3;font-size:.875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.purchase-history-page .purchases-table .purchases-header .col.date{padding-right:1rem}.purchase-history-page .purchases-table .purchases-header .col.amount{text-align:right}.purchase-history-page .purchases-table .purchases-list{max-height:600px;overflow-y:auto}.purchase-history-page .purchases-table .purchases-list .purchase-row{align-items:center;border-bottom:1px solid #ffffff1a;display:grid;grid-template-columns:1.5fr 1fr 1.5fr .8fr 1fr 1.2fr;padding:1rem 1.5rem;transition:background-color .2s}.purchase-history-page .purchases-table .purchases-list .purchase-row:last-child{border-bottom:none}.purchase-history-page .purchases-table .purchases-list .purchase-row:hover{background-color:#ffffff0d}.purchase-history-page .purchases-table .purchases-list .purchase-row .col{color:#fff;font-size:.9375rem}.purchase-history-page .purchases-table .purchases-list .purchase-row .col.date{color:#fffc;font-size:.875rem}.purchase-history-page .purchases-table .purchases-list .purchase-row .col.order-id{color:#ffffffe6;font-family:monospace}.purchase-history-page .purchases-table .purchases-list .purchase-row .col.package-title{font-weight:500;overflow:hidden;padding-right:1rem;text-overflow:ellipsis;white-space:nowrap}.purchase-history-page .purchases-table .purchases-list .purchase-row .col.amount{font-weight:600;text-align:right}.purchase-history-page .purchases-table .purchases-list .purchase-row .col .status-badge{border-radius:1rem;display:inline-block;font-size:.75rem;font-weight:600;padding:.35rem .75rem}.purchase-history-page .purchases-table .purchases-list .purchase-row .col .status-badge.completed{background-color:#10b98133;color:#10b981}.purchase-history-page .purchases-table .purchases-list .purchase-row .col .status-badge.pending{background-color:#f59e0b33;color:#f59e0b}.purchase-history-page .purchases-table .purchases-list .purchase-row .col .status-badge.processing{background-color:#3b82f633;color:#1877f2}.purchase-history-page .purchases-table .purchases-list .purchase-row .col .status-badge.failed{background-color:#ef444433;color:#ef4444}@media(max-width:992px){.purchase-history-page .purchases-table .purchases-header{display:none}.purchase-history-page .purchases-table .purchases-list .purchase-row{display:flex;flex-direction:column;padding:1.25rem}.purchase-history-page .purchases-table .purchases-list .purchase-row .col{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:120px 1fr;padding:.25rem 0}.purchase-history-page .purchases-table .purchases-list .purchase-row .col:before{color:#ffffff80;content:attr(class);font-size:.75rem;font-weight:600;grid-column:1;letter-spacing:.05em;text-transform:uppercase}.purchase-history-page .purchases-table .purchases-list .purchase-row .col.amount,.purchase-history-page .purchases-table .purchases-list .purchase-row .col.date,.purchase-history-page .purchases-table .purchases-list .purchase-row .col.order-id,.purchase-history-page .purchases-table .purchases-list .purchase-row .col.package-title,.purchase-history-page .purchases-table .purchases-list .purchase-row .col.quantity,.purchase-history-page .purchases-table .purchases-list .purchase-row .col.status{padding-right:0;text-align:left;width:100%}}.purchase-history-page .empty-state{background-color:#1e293b80;border:1px dashed #fff3;border-radius:.75rem;padding:4rem 2rem;text-align:center}.purchase-history-page .empty-state h3{color:#fff;font-size:1.5rem;font-weight:600;margin-bottom:1rem}.purchase-history-page .empty-state p{color:#fff9;font-size:1.125rem;margin-bottom:2rem}.purchase-history-page .empty-state .btn{font-size:1rem;padding:.75rem 2rem}.support-page h1{color:#fff;font-size:2rem;font-weight:700;margin-bottom:.5rem}.support-page p{color:#fffc;font-size:1.125rem;margin-bottom:2rem}.support-page .support-options{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr);margin-bottom:2rem}@media(max-width:992px){.support-page .support-options{grid-template-columns:repeat(2,1fr)}}@media(max-width:576px){.support-page .support-options{grid-template-columns:1fr}}.support-page .support-card{height:100%;text-align:center}.support-page .support-card h3{color:#fff;font-size:1.25rem;font-weight:600;margin-bottom:1rem}.support-page .support-card p{color:#fffc;font-size:1rem;margin-bottom:1.5rem}.support-page .support-card .contact-info{color:#60a5fa;font-size:1rem;margin-bottom:.5rem}.support-page .support-card .btn{min-width:150px}.support-page .mt-4{margin-top:1.5rem}.support-page .empty-state{padding:3rem 1rem;text-align:center}.support-page .empty-state p{color:#fff9;font-size:1.125rem;margin-bottom:0}.settings-page h1{color:#fff;font-size:2rem;font-weight:700;margin-bottom:.5rem}.settings-page p{color:#fffc;font-size:1.125rem;margin-bottom:2rem}.settings-page .mt-4{margin-top:1.5rem}.settings-page .settings-form .form-group{margin-bottom:1.5rem}.settings-page .settings-form .form-group label{color:#fff;display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.settings-page .settings-form .form-group input[type=email],.settings-page .settings-form .form-group input[type=password],.settings-page .settings-form .form-group input[type=tel],.settings-page .settings-form .form-group input[type=text],.settings-page .settings-form .form-group select,.settings-page .settings-form .form-group textarea{background-color:#ffffff1a;border:1px solid #fff3;border-radius:.375rem;color:#fff;display:block;font-size:1rem;padding:.75rem;width:100%}.settings-page .settings-form .form-group input[type=email]:focus,.settings-page .settings-form .form-group input[type=password]:focus,.settings-page .settings-form .form-group input[type=tel]:focus,.settings-page .settings-form .form-group input[type=text]:focus,.settings-page .settings-form .form-group select:focus,.settings-page .settings-form .form-group textarea:focus{border-color:#1877f2;outline:none}.settings-page .settings-form .form-group input[type=email]::placeholder,.settings-page .settings-form .form-group input[type=password]::placeholder,.settings-page .settings-form .form-group input[type=tel]::placeholder,.settings-page .settings-form .form-group input[type=text]::placeholder,.settings-page .settings-form .form-group select::placeholder,.settings-page .settings-form .form-group textarea::placeholder{color:#ffffff80}.settings-page .settings-form .form-check{align-items:center;display:flex;margin-bottom:1rem}.settings-page .settings-form .form-check input[type=checkbox]{cursor:pointer;height:1.25rem;margin-right:.75rem;width:1.25rem}.settings-page .settings-form .form-check label{color:#fff;cursor:pointer;font-size:1rem}.settings-page .settings-form .form-actions{margin-top:2rem}.settings-page .settings-form .form-actions .btn{min-width:150px}.receipt-tester{background-color:#f8f9fa;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 4px #0000000d;margin:20px 0;max-width:600px;padding:20px}.receipt-tester h3{color:#333;margin-bottom:5px;margin-top:0}.receipt-tester h4{color:#333;font-size:16px;margin-bottom:10px;margin-top:15px}.receipt-tester .note{color:#666;font-size:14px;font-style:italic;margin-bottom:20px}.receipt-tester .input-group{margin-bottom:15px}.receipt-tester .input-group label{display:block;font-weight:500;margin-bottom:5px}.receipt-tester .input-group .input-row{display:flex;gap:10px}.receipt-tester .input-group .input-row input{border:1px solid #ccc;border-radius:4px;flex:1 1;font-size:14px;padding:8px 12px}.receipt-tester .input-group .input-row input:focus{border-color:#1877f2;box-shadow:0 0 0 2px #4a80f533;outline:none}.receipt-tester .input-group .input-row .generate-button{background-color:#6c757d;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;padding:0 12px}.receipt-tester .input-group .input-row .generate-button:hover{background-color:#5a6268}.receipt-tester .input-group .hint{color:#6c757d;font-size:12px;margin-top:5px}.receipt-tester .button-row{display:flex;gap:10px;margin-bottom:15px}.receipt-tester .component-button,.receipt-tester .test-button{background-color:#1877f2;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .2s}.receipt-tester .component-button:hover,.receipt-tester .test-button:hover{background-color:#3a70e5}.receipt-tester .component-button:disabled,.receipt-tester .test-button:disabled{background-color:#a0b3e0;cursor:not-allowed}.receipt-tester .component-button{background-color:#28a745}.receipt-tester .component-button:hover{background-color:#218838}.receipt-tester .component-button:disabled{background-color:#86d0a2}.receipt-tester .error-message{background-color:#fff0f0;border:1px solid #fcc;border-radius:4px;color:#c00;margin-top:15px;padding:10px}.receipt-tester .result-section{background-color:#f0fff0;border:1px solid #cfc;border-radius:4px;margin-top:15px;padding:10px}.receipt-tester .result-section p{margin-bottom:8px;margin-top:0}.receipt-tester .result-section .receipt-link{color:#28a745;display:block;font-weight:500;text-decoration:none;word-break:break-all}.receipt-tester .result-section .receipt-link:hover{text-decoration:underline}.receipt-tester .component-test-section{background-color:#f0f8ff;border:1px solid #cce5ff;border-radius:4px;margin-top:20px;padding:15px}.receipt-tester .component-test-section .receipt-button-demo{margin-bottom:15px}.receipt-tester .component-test-section .code-example p{font-size:14px;font-weight:500;margin-bottom:5px;margin-top:0}.receipt-tester .component-test-section .code-example pre{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;font-family:monospace;font-size:13px;margin:0;overflow-x:auto;padding:10px}.dev-tools-page{margin:0 auto;max-width:1200px;padding:30px}.dev-tools-page .dev-tools-header{border-bottom:1px solid #eee;margin-bottom:30px;padding-bottom:20px}.dev-tools-page .dev-tools-header h1{color:#333;margin-bottom:10px;margin-top:0}.dev-tools-page .dev-tools-header .warning{background-color:#fff3cd;border:1px solid #ffeeba;border-radius:4px;color:#856404;display:inline-block;font-weight:500;padding:10px 15px}.dev-tools-page .dev-tools-content{display:flex;flex-wrap:wrap;gap:30px}.dev-tools-page .dev-tools-content .tools-section{flex:1 1 400px;margin-bottom:30px}.dev-tools-page .dev-tools-content .tools-section h2{border-bottom:2px solid #1877f2;color:#444;display:inline-block;font-size:20px;margin-bottom:20px;margin-top:0;padding-bottom:8px}.dev-tools-unavailable{padding:50px 20px;text-align:center}.dev-tools-unavailable h2{color:#555}.dev-tools-unavailable p{color:#777}.profile-page{padding:1rem 0}.profile-page .profile-header{margin-bottom:2rem}.profile-page .profile-header h1{color:#fff;font-size:2rem;font-weight:700;margin-bottom:.5rem}.profile-page .profile-header p{color:#ffffffb3;font-size:1rem}.profile-page .profile-content{max-width:800px}.profile-page .profile-content .card{background-color:#ffffff0d;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin-bottom:2rem;overflow:hidden}.profile-page .profile-content .card .card-header{border-bottom:1px solid #ffffff14;padding:1.5rem}.profile-page .profile-content .card .card-header h2{color:#fff;font-size:1.25rem;font-weight:600;margin:0}.profile-page .profile-content .card .card-body{padding:1.5rem}.profile-page .profile-picture-section{align-items:center;display:flex;margin-bottom:2rem}.profile-page .profile-picture-section .current-picture{align-items:center;background-color:#ffffff1a;border-radius:50%;display:flex;height:100px;justify-content:center;margin-right:2rem;overflow:hidden;width:100px}.profile-page .profile-picture-section .current-picture img{height:100%;object-fit:cover;width:100%}.profile-page .profile-picture-section .current-picture .avatar-initials{color:#fff;font-size:2.5rem;font-weight:600}.profile-page .profile-picture-section .picture-upload .file-input{display:none}.profile-page .profile-picture-section .picture-upload .upload-button{background-color:#1877f2;border-radius:4px;color:#fff;cursor:pointer;display:inline-block;font-weight:500;padding:.75rem 1.5rem;transition:background-color .2s}.profile-page .profile-picture-section .picture-upload .upload-button:hover{background-color:#1560c2}.profile-page .profile-picture-section .picture-upload .upload-hint{color:#fff9;font-size:.75rem;margin-top:.5rem}.profile-page .form-group{margin-bottom:1.5rem}.profile-page .form-group label{color:#ffffffe6;display:block;font-weight:500;margin-bottom:.5rem}.profile-page .form-group input{background-color:#ffffff0d;border:1px solid #fff3;border-radius:4px;color:#fff;padding:.75rem;width:100%}.profile-page .form-group input:focus{border-color:#1877f2;box-shadow:0 0 0 2px #1877f233;outline:none}.profile-page .form-group input::placeholder{color:#fff6}.profile-page .form-group.disabled input{background-color:#ffffff08;color:#fff9;cursor:not-allowed}.profile-page .form-group.disabled .field-hint{color:#ffffff80;font-size:.75rem;margin-top:.5rem}.profile-page .message{border-radius:4px;margin-bottom:1.5rem;padding:1rem}.profile-page .message.success{background-color:#10b98133;border:1px solid #10b9814d;color:#10b981}.profile-page .message.error{background-color:#ef444433;border:1px solid #ef44444d;color:#ef4444}.profile-page .form-actions{display:flex;justify-content:flex-start}.profile-page .form-actions .btn{border:none;border-radius:4px;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:all .2s}.profile-page .form-actions .btn.btn-primary{background-color:#1877f2;color:#fff}.profile-page .form-actions .btn.btn-primary:hover{background-color:#1560c2}.profile-page .form-actions .btn.btn-primary:disabled{background-color:#1877f299;cursor:not-allowed}.sales-tracking-page{padding:2rem}.sales-tracking-page .tracking-container{background:linear-gradient(to right bottom,#1e293bf2,#0f172afa);border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;color:#fff;padding:2rem;width:100%}@media(max-width:768px){.sales-tracking-page .tracking-container{padding:1.5rem}}.sales-tracking-page .tracking-header{margin-bottom:2rem}.sales-tracking-page .tracking-header h1{color:#fff;font-size:1.8rem;font-weight:600;margin:0 0 .5rem}.sales-tracking-page .tracking-header p{color:#fff9;font-size:1rem;margin:0}.sales-tracking-page .filters-row{display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:2rem}@media(max-width:768px){.sales-tracking-page .filters-row{flex-direction:column;gap:1rem}}.sales-tracking-page .filter-selector,.sales-tracking-page .user-selector{display:flex;flex:1 1;flex-direction:column;min-width:250px}.sales-tracking-page .filter-selector label,.sales-tracking-page .user-selector label{color:#fffc;font-weight:600;margin-bottom:.75rem}.sales-tracking-page .filter-selector select,.sales-tracking-page .user-selector select{background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#fff;font-size:1rem;padding:.75rem 1rem;transition:all .3s ease;width:100%}.sales-tracking-page .filter-selector select:focus,.sales-tracking-page .user-selector select:focus{border-color:#1877f2;box-shadow:0 0 0 3px #1877f233;outline:none}.sales-tracking-page .filter-selector select:disabled,.sales-tracking-page .user-selector select:disabled{background-color:#ffffff05;cursor:not-allowed}.sales-tracking-page .filter-selector select optgroup,.sales-tracking-page .filter-selector select option,.sales-tracking-page .user-selector select optgroup,.sales-tracking-page .user-selector select option{background-color:#1e293b;color:#fff;padding:.5rem}.sales-tracking-page .filter-selector select optgroup,.sales-tracking-page .user-selector select optgroup{font-weight:600}.sales-tracking-page .error-message{background-color:#ef44441a;border-left:4px solid #ef4444;border-radius:8px;color:#ef4444;font-size:.9rem;font-weight:500;margin-bottom:1.5rem;padding:1rem}.sales-tracking-page .loading-spinner{align-items:center;display:flex;justify-content:center;padding:3rem 0}.sales-tracking-page .loading-spinner:before{animation:spin 1s linear infinite;border:3px solid #1877f233;border-radius:50%;border-top-color:#1877f2;content:"";height:2.5rem;width:2.5rem}.sales-tracking-page .no-orders{background-color:#ffffff0d;border:1px dashed #ffffff1a;border-radius:8px;color:#fff9;font-weight:500;padding:2rem;text-align:center}.sales-tracking-page .orders-table-container{margin-bottom:2rem;overflow-x:auto}.sales-tracking-page .orders-table{border-collapse:collapse;font-size:.95rem;width:100%}.sales-tracking-page .orders-table td,.sales-tracking-page .orders-table th{border-bottom:1px solid #ffffff1a;color:#fffc;padding:1rem;text-align:left}.sales-tracking-page .orders-table th{background-color:#ffffff0d;color:#ffffffe6;font-weight:600}.sales-tracking-page .orders-table tr:hover{background-color:#ffffff08}.sales-tracking-page .orders-table .user-email{align-items:center;color:#fff9;display:flex;font-size:.8rem;gap:.5rem;margin-top:.25rem}.sales-tracking-page .orders-table .guest-badge{background-color:#10b98126;border-radius:4px;color:#10b981;font-size:.7rem;font-weight:600;padding:.1rem .5rem;text-transform:uppercase}@media(max-width:768px){.sales-tracking-page .orders-table td,.sales-tracking-page .orders-table th{font-size:.85rem;padding:.75rem}}.sales-tracking-page .status-badge{border-radius:50px;display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.35rem .75rem;text-transform:uppercase}.sales-tracking-page .status-badge.status-complete{background-color:#10b98133;color:#10b981}.sales-tracking-page .status-badge.status-pending{background-color:#f59e0b33;color:#f59e0b}.sales-tracking-page .status-badge.status-failed{background-color:#ef444433;color:#ef4444}.sales-tracking-page .order-summary{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr);margin-top:2rem}@media(max-width:1024px){.sales-tracking-page .order-summary{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.sales-tracking-page .order-summary{grid-template-columns:1fr}}.sales-tracking-page .order-summary .summary-card{background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;padding:1.5rem;text-align:center;transition:all .3s ease}.sales-tracking-page .order-summary .summary-card:hover{background-color:#ffffff14;box-shadow:0 4px 6px #0000001a;transform:translateY(-2px)}.sales-tracking-page .order-summary .summary-card h3{color:#fff9;font-size:1rem;font-weight:500;margin:0 0 .75rem}.sales-tracking-page .order-summary .summary-card .summary-number{color:#fff;font-size:2rem;font-weight:700;margin:0}.updated-pricing-page{background-color:#0f172a;background-image:linear-gradient(to bottom right,#3b82f60d,#0f172af2);color:#fff;min-height:100vh;padding:2rem}.updated-pricing-page .pricing-container{margin:0 auto;max-width:1200px}.updated-pricing-page .pricing-header{margin-bottom:3rem;text-align:center}.updated-pricing-page .pricing-header h1{font-size:2.5rem;font-weight:700;margin-bottom:1rem}@media(max-width:768px){.updated-pricing-page .pricing-header h1{font-size:2rem}}.updated-pricing-page .pricing-header p{color:#fffc;font-size:1.2rem;line-height:1.6;margin:0 auto;max-width:700px}@media(max-width:768px){.updated-pricing-page .pricing-header p{font-size:1.1rem}}.updated-pricing-page .packages-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}@media(max-width:768px){.updated-pricing-page .packages-grid{grid-template-columns:1fr}}.updated-pricing-page .package-card{background:linear-gradient(135deg,#1e293bf2,#0f172afa);border:1px solid #ffffff1a;border-radius:12px;display:flex;flex-direction:column;height:100%;padding:2rem;position:relative;transition:all .3s ease}.updated-pricing-page .package-card:hover{border-color:#3b82f666;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;transform:translateY(-5px)}.updated-pricing-page .package-card.popular{border:1px solid #1877f2;box-shadow:0 0 20px #3b82f64d}.updated-pricing-page .package-card .popular-badge{background-color:#1877f2;border-radius:1rem;color:#fff;font-size:.75rem;font-weight:600;padding:.25rem 1rem;position:absolute;right:20px;top:-12px}.updated-pricing-page .package-card h3{color:#fff;font-size:1.5rem;font-weight:700;margin-bottom:1rem}.updated-pricing-page .package-card .price{color:#fff;font-size:2.5rem;font-weight:700;margin-bottom:1rem}.updated-pricing-page .package-card .description{color:#fffc;font-size:1rem;line-height:1.5;margin-bottom:1.5rem}.updated-pricing-page .package-card .features{list-style:none;margin:0 0 1.5rem;padding:0}.updated-pricing-page .package-card .features li{color:#ffffffe6;line-height:1.4;padding:.5rem 0 .5rem 1.5rem;position:relative}.updated-pricing-page .package-card .features li:before{color:#1877f2;content:"✓";font-weight:700;left:0;position:absolute}.updated-pricing-page .package-card .features li:not(:last-child){border-bottom:1px solid #ffffff1a}.updated-pricing-page .package-card .quantity-selector{background-color:#ffffff0d;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.updated-pricing-page .package-card .quantity-selector label{color:#fff;display:block;font-weight:500;margin-bottom:.5rem}.updated-pricing-page .package-card .quantity-selector label input{background-color:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:#fff;display:block;font-size:1rem;margin-top:.5rem;padding:.75rem;width:100%}.updated-pricing-page .package-card .quantity-selector label input:focus{border-color:#1877f2;outline:none}.updated-pricing-page .package-card .quantity-selector label input:disabled{cursor:not-allowed;opacity:.6}.updated-pricing-page .package-card .quantity-selector .quantity-logic{color:#fff9;font-size:.875rem;font-style:italic;margin-top:.5rem}.updated-pricing-page .package-card .total-price{color:#fff;font-size:1.25rem;font-weight:600;margin-bottom:1.5rem;margin-top:auto;padding-top:1rem}.updated-pricing-page .package-card .purchase-btn{background-color:#1877f2;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem;transition:all .3s ease;width:100%}.updated-pricing-page .package-card .purchase-btn:hover{background-color:#166fe5;box-shadow:0 5px 15px #0003;transform:translateY(-2px)}.updated-pricing-page .package-card .purchase-btn:active{transform:translateY(1px)}.updated-pricing-page .package-card .purchase-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.7;transform:none}.guest-checkout-page{background-color:#0f172a;background-image:linear-gradient(to bottom right,#3b82f60d,#0f172af2);color:#fff;min-height:100vh;padding:2rem}.guest-checkout-page .checkout-container{background:#1e293bcc;border-radius:12px;box-shadow:0 10px 30px #0000004d;margin:0 auto;max-width:1000px;overflow:hidden;padding:2rem}@media(max-width:768px){.guest-checkout-page .checkout-container{padding:1.5rem}}.guest-checkout-page .back-button{align-items:center;background:none;border:none;color:#1877f2;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:.5rem;margin-bottom:1.5rem;padding:.5rem 0;transition:all .2s ease}.guest-checkout-page .back-button:hover{color:#3b82f6;transform:translateX(-3px)}.guest-checkout-page h1{color:#fff;font-size:2rem;font-weight:700;margin-bottom:2rem;text-align:center}@media(max-width:768px){.guest-checkout-page h1{font-size:1.75rem;margin-bottom:1.5rem}}.guest-checkout-page .checkout-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 2fr}@media(max-width:768px){.guest-checkout-page .checkout-content{grid-template-columns:1fr}}.guest-checkout-page .package-summary{background:#0f172a99;border-radius:10px;padding:1.5rem}.guest-checkout-page .package-summary h2{color:#fff;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem}.guest-checkout-page .package-summary .package-details{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem}.guest-checkout-page .package-summary .package-details .package-name{font-size:1.1rem;font-weight:500}.guest-checkout-page .package-summary .package-details .package-price{font-size:1.2rem;font-weight:600}.guest-checkout-page .package-summary .quantity-row{color:#fffc;display:flex;font-size:1rem;justify-content:space-between;margin-bottom:1rem}.guest-checkout-page .package-summary .total-row{border-top:1px solid #ffffff1a;display:flex;font-size:1.1rem;font-weight:600;justify-content:space-between;margin-top:.5rem;padding-top:1rem}.guest-checkout-page .package-summary .total-row .total-price{color:#1877f2}.guest-checkout-page .checkout-form-container h2{color:#fff;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem}.guest-checkout-page .checkout-form .form-group,.guest-checkout-page .checkout-form-container .form-error{margin-bottom:1.5rem}.guest-checkout-page .checkout-form .form-group label{display:block;font-size:1rem;font-weight:500;margin-bottom:.5rem}.guest-checkout-page .checkout-form .form-group input{background-color:#ffffff14;border:1px solid #ffffff26;border-radius:6px;color:#fff;font-size:1rem;padding:.85rem 1rem;transition:all .3s ease;width:100%}.guest-checkout-page .checkout-form .form-group input:focus{background-color:#ffffff1f;border-color:#1877f2;box-shadow:0 0 0 3px #1877f24d;outline:none}.guest-checkout-page .checkout-form .form-group input::placeholder{color:#fff6}.guest-checkout-page .checkout-form .form-group .error-message{color:#ef4444;font-size:.8rem;margin-top:.5rem}.guest-checkout-page .checkout-form .proceed-button{background-color:#1877f2;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem;transition:all .3s ease;width:100%}.guest-checkout-page .checkout-form .proceed-button:hover{background-color:#166fe5;box-shadow:0 5px 15px #0003;transform:translateY(-2px)}.guest-checkout-page .checkout-form .proceed-button:active{transform:translateY(1px)}.guest-checkout-page .checkout-form .proceed-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.7;transform:none}.guest-checkout-page .loading{color:#fffc;font-size:1.2rem;padding:2rem;text-align:center}.guest-checkout-page .error-message{background-color:#ef44441a;border:1px solid #ef444433;border-radius:6px;color:#ef4444;font-size:.9rem;margin-bottom:1rem;padding:1rem}.payment-success-page{align-items:center;background-color:#0f172a;background-image:linear-gradient(to bottom right,#3b82f60d,#0f172af2);color:#fff;display:flex;justify-content:center;min-height:100vh;padding:2rem}.payment-success-page .success-container{background:#1e293bcc;border-radius:12px;box-shadow:0 10px 30px #0000004d;max-width:700px;padding:3rem 2rem;text-align:center;width:100%}.payment-success-page .success-container.error,.payment-success-page .success-container.loading{max-width:500px;padding:3rem}.payment-success-page .success-container.error h2,.payment-success-page .success-container.loading h2{margin-bottom:1rem}.payment-success-page .success-container.loading .spinner{animation:spin 1s linear infinite;border:4px solid #ffffff1a;border-radius:50%;border-top-color:#1877f2;height:60px;margin:0 auto 2rem;width:60px}.payment-success-page .success-container.error h2{color:#ef4444}.payment-success-page .success-icon{align-items:center;background-color:#10b98133;border:2px solid #10b981;border-radius:50%;color:#10b981;display:flex;font-size:2.5rem;height:80px;justify-content:center;margin:0 auto 2rem;width:80px}.payment-success-page h1{font-size:2.5rem;font-weight:700;margin-bottom:1rem}@media(max-width:768px){.payment-success-page h1{font-size:2rem}}.payment-success-page .success-message{color:#ffffffe6;font-size:1.1rem;line-height:1.6;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;max-width:500px}.payment-success-page .order-details{background:#0f172a99;border-radius:10px;margin-bottom:2.5rem;padding:1.5rem;text-align:left}.payment-success-page .order-details h2{font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;text-align:center}.payment-success-page .order-details .detail-row{display:flex;justify-content:space-between;padding:.75rem 0}.payment-success-page .order-details .detail-row:not(:last-child){border-bottom:1px solid #ffffff1a}.payment-success-page .order-details .detail-row span:first-child{color:#ffffffb3;font-weight:500}.payment-success-page .order-details .detail-row span.amount{color:#1877f2;font-weight:700}.payment-success-page .next-steps{margin-bottom:2.5rem;text-align:left}.payment-success-page .next-steps h2{font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;text-align:center}.payment-success-page .next-steps .step-item{align-items:flex-start;background:#0f172a66;border-radius:10px;display:flex;gap:1rem;margin-bottom:1.5rem;padding:1.25rem}.payment-success-page .next-steps .step-item .step-icon{color:#1877f2;flex-shrink:0;font-size:1.5rem;margin-top:.25rem}.payment-success-page .next-steps .step-item .step-content h3{font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.payment-success-page .next-steps .step-item .step-content p{color:#fffc;font-size:.95rem;line-height:1.5}.payment-success-page .btn-primary,.payment-success-page .btn-secondary{border-radius:6px;display:inline-block;font-weight:600;margin:0 .5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.payment-success-page .btn-primary:hover,.payment-success-page .btn-secondary:hover{box-shadow:0 5px 15px #0003;transform:translateY(-2px)}.payment-success-page .btn-primary:active,.payment-success-page .btn-secondary:active{transform:translateY(1px)}.payment-success-page .btn-primary{background-color:#1877f2;color:#fff}.payment-success-page .btn-primary:hover{background-color:#166fe5}.payment-success-page .btn-secondary{background-color:#ffffff1a;border:1px solid #fff3;color:#fff}.payment-success-page .btn-secondary:hover{background-color:#ffffff26;border-color:#ffffff4d}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif}h1,h2,h3,h4,h5,h6{font-family:Space Grotesk,sans-serif}.container{margin:0 auto;max-width:1200px;padding:0 1rem}.card{background:linear-gradient(to right bottom,#1e293bf2,#0f172afa);border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;overflow:hidden}.card .card-header{border-bottom:1px solid #ffffff1a;padding:1rem 1.5rem}.card .card-header h3{color:#fff;font-size:1.25rem;font-weight:600;margin:0}.card .card-body{padding:1.5rem}.card .card-footer{border-top:1px solid #ffffff1a;padding:1rem 1.5rem}button,input,select,textarea{font-family:Inter,sans-serif}.btn{align-items:center;border:none;border-radius:.375rem;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;justify-content:center;padding:.5rem 1rem;transition:all .2s ease}.btn.btn-primary{background-color:#1877f2;color:#fff}.btn.btn-primary:hover{background-color:#2563eb}.btn.btn-secondary{background-color:#ffffff1a;color:#fff}.btn.btn-secondary:hover{background-color:#fff3}.btn.btn-sm{font-size:.75rem;padding:.25rem .75rem}.btn.btn-lg{font-size:1rem;padding:.75rem 1.5rem}.loading-spinner{animation:spin 1s ease-in-out infinite;border:.25rem solid #ffffff4d;border-radius:50%;border-top-color:#1877f2;display:inline-block;height:2rem;width:2rem}@keyframes spin{to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.039d5793.css.map*/