@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap);:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74c3c;--toastify-color-transparent:#ffffffb3;--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-toast-width:320px;--toastify-toast-background:#fff;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-font-family:sans-serif;--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);--toastify-color-progress-dark:#bb86fc;--toastify-color-progress-info:var(--toastify-color-info);--toastify-color-progress-success:var(--toastify-color-success);--toastify-color-progress-warning:var(--toastify-color-warning);--toastify-color-progress-error:var(--toastify-color-error)}.Toastify__toast-container{box-sizing:border-box;color:#fff;padding:4px;position:fixed;-webkit-transform:translateZ(9999);-webkit-transform:translateZ(var(--toastify-z-index));width:320px;width:var(--toastify-toast-width);z-index:9999;z-index:var(--toastify-z-index)}.Toastify__toast-container--top-left{left:1em;top:1em}.Toastify__toast-container--top-center{left:50%;top:1em;transform:translateX(-50%)}.Toastify__toast-container--top-right{right:1em;top:1em}.Toastify__toast-container--bottom-left{bottom:1em;left:1em}.Toastify__toast-container--bottom-center{bottom:1em;left:50%;transform:translateX(-50%)}.Toastify__toast-container--bottom-right{bottom:1em;right:1em}@media only screen and (max-width:480px){.Toastify__toast-container{left:0;margin:0;padding:0;width:100vw}.Toastify__toast-container--top-center,.Toastify__toast-container--top-left,.Toastify__toast-container--top-right{top:0;transform:translateX(0)}.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-right{bottom:0;transform:translateX(0)}.Toastify__toast-container--rtl{left:auto;right:0}}.Toastify__toast{border-radius:4px;box-shadow:0 1px 10px 0 #0000001a,0 2px 15px 0 #0000000d;box-sizing:border-box;cursor:default;direction:ltr;display:flex;font-family:sans-serif;font-family:var(--toastify-font-family);justify-content:space-between;margin-bottom:1rem;max-height:800px;max-height:var(--toastify-toast-max-height);min-height:64px;min-height:var(--toastify-toast-min-height);overflow:hidden;padding:8px;position:relative;z-index:0}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-body{align-items:center;display:flex;flex:1 1 auto;margin:auto 0;padding:6px}.Toastify__toast-body>div:last-child{flex:1 1;word-break:break-word}.Toastify__toast-icon{-webkit-margin-end:10px;display:flex;flex-shrink:0;margin-inline-end:10px;width:20px}.Toastify--animate{animation-duration:.7s;animation-fill-mode:both}.Toastify--animate-icon{animation-duration:.3s;animation-fill-mode:both}@media only screen and (max-width:480px){.Toastify__toast{border-radius:0;margin-bottom:0}}.Toastify__toast-theme--dark{background:#121212;background:var(--toastify-color-dark);color:#fff;color:var(--toastify-text-color-dark)}.Toastify__toast-theme--colored.Toastify__toast--default,.Toastify__toast-theme--light{background:#fff;background:var(--toastify-color-light);color:#757575;color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{background:#3498db;background:var(--toastify-color-info);color:#fff;color:var(--toastify-text-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{background:#07bc0c;background:var(--toastify-color-success);color:#fff;color:var(--toastify-text-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{background:#f1c40f;background:var(--toastify-color-warning);color:#fff;color:var(--toastify-text-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{background:#e74c3c;background:var(--toastify-color-error);color:#fff;color:var(--toastify-text-color-error)}.Toastify__progress-bar-theme--light{background:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:#bb86fc;background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:#3498db;background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:#07bc0c;background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:#f1c40f;background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:#e74c3c;background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning{background:#ffffffb3;background:var(--toastify-color-transparent)}.Toastify__close-button{align-self:flex-start;background:#0000;border:none;color:#fff;cursor:pointer;opacity:.7;outline:none;padding:0;transition:.3s ease}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:focus,.Toastify__close-button:hover{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{bottom:0;height:5px;left:0;opacity:.7;position:absolute;transform-origin:left;width:100%;z-index:9999;z-index:var(--toastify-z-index)}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{left:auto;right:0;transform-origin:right}.Toastify__spinner{animation:Toastify__spin .65s linear infinite;border:2px solid #e0e0e0;border-color:var(--toastify-spinner-color-empty-area);border-radius:100%;border-right-color:#616161;border-right-color:var(--toastify-spinner-color);box-sizing:border-box;height:20px;width:20px}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0)}to{opacity:0;transform:translate3d(2000px,0,0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0)}to{opacity:0;transform:translate3d(-2000px,0,0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,20px,0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-20px,0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--bottom-left,.Toastify__bounce-enter--top-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--bottom-right,.Toastify__bounce-enter--top-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--bottom-left,.Toastify__bounce-exit--top-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--bottom-right,.Toastify__bounce-exit--top-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;transform:perspective(400px) rotateX(10deg)}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:perspective(400px)}30%{opacity:1;transform:perspective(400px) rotateX(-20deg)}to{opacity:0;transform:perspective(400px) rotateX(90deg)}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideOutRight{0%{transform:translateZ(0)}to{transform:translate3d(110%,0,0);visibility:hidden}}@keyframes Toastify__slideOutLeft{0%{transform:translateZ(0)}to{transform:translate3d(-110%,0,0);visibility:hidden}}@keyframes Toastify__slideOutDown{0%{transform:translateZ(0)}to{transform:translate3d(0,500px,0);visibility:hidden}}@keyframes Toastify__slideOutUp{0%{transform:translateZ(0)}to{transform:translate3d(0,-500px,0);visibility:hidden}}.Toastify__slide-enter--bottom-left,.Toastify__slide-enter--top-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--bottom-right,.Toastify__slide-enter--top-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--bottom-left,.Toastify__slide-exit--top-left{animation-name:Toastify__slideOutLeft}.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--top-right{animation-name:Toastify__slideOutRight}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown}@keyframes Toastify__spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}:root{--primary-50:#eff6ff;--primary-100:#dbeafe;--primary-200:#bfdbfe;--primary-300:#93c5fd;--primary-400:#60a5fa;--primary-500:#3b82f6;--primary-600:#2563eb;--primary-700:#1d4ed8;--primary-800:#1e40af;--primary-900:#1e3a8a;--accent-50:#ecfdf5;--accent-100:#d1fae5;--accent-200:#a7f3d0;--accent-300:#6ee7b7;--accent-400:#34d399;--accent-500:#10b981;--accent-600:#059669;--accent-700:#047857;--accent-800:#065f46;--accent-900:#064e3b;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--status-active:#10b981;--status-active-bg:#d1fae5;--status-paused:#f59e0b;--status-paused-bg:#fef3c7;--status-completed:#6b7280;--status-completed-bg:#f3f4f6;--status-pending:#f97316;--status-pending-bg:#ffedd5;--status-paid:#3b82f6;--status-paid-bg:#dbeafe;--status-danger:#ef4444;--status-danger-bg:#fee2e2;--sidebar-bg:#111827;--sidebar-hover:#1f2937;--sidebar-active:#2563eb;--sidebar-text:#9ca3af;--sidebar-text-active:#fff;--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--shadow-card:0 1px 3px #00000014,0 1px 2px #0000000f;--shadow-card-hover:0 10px 40px #0000001f;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--radius-full:9999px;--transition-fast:150ms ease;--transition-normal:200ms ease;--transition-slow:300ms ease;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{background-color:#f9fafb;background-color:var(--gray-50);color:#1f2937;color:var(--gray-800);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1rem;font-size:var(--text-base);line-height:1.6}h1,h2,h3,h4,h5,h6{color:#111827;color:var(--gray-900);font-weight:600;line-height:1.3}h1{font-size:2.25rem;font-size:var(--text-4xl)}h2{font-size:1.875rem;font-size:var(--text-3xl)}h3{font-size:1.5rem;font-size:var(--text-2xl)}h4{font-size:1.25rem;font-size:var(--text-xl)}h5{font-size:1.125rem;font-size:var(--text-lg)}h6{font-size:1rem;font-size:var(--text-base)}.text-gradient{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2563eb,#10b981);background:linear-gradient(135deg,var(--primary-600) 0,var(--accent-500) 100%);-webkit-background-clip:text;background-clip:text}.app{display:flex;flex-direction:column;min-height:100vh}.container{margin:0 auto;max-width:1400px;padding:0 1.5rem}.page{background:#f9fafb;background:var(--gray-50);flex:1 1;padding:1.5rem}.page-header{margin-bottom:1.5rem}.page-title{color:#111827;color:var(--gray-900);font-size:1.5rem;font-size:var(--text-2xl);font-weight:700;margin-bottom:.25rem}.page-subtitle{color:#6b7280;color:var(--gray-500);font-size:.875rem;font-size:var(--text-sm)}.header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--gray-100);position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px;padding:1rem 1.5rem}.logo{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2563eb,#10b981);background:linear-gradient(135deg,var(--primary-600) 0,var(--accent-500) 100%);-webkit-background-clip:text;font-size:1.75rem;font-weight:800;letter-spacing:-.5px;text-decoration:none}.nav-links{align-items:center;display:flex;gap:.5rem}.nav-link{border-radius:8px;border-radius:var(--radius-md);color:#4b5563;color:var(--gray-600);font-size:.875rem;font-size:var(--text-sm);font-weight:500;padding:.5rem 1rem;text-decoration:none;transition:all .15s ease;transition:all var(--transition-fast)}.nav-link:hover{background:#eff6ff;background:var(--primary-50);color:#2563eb;color:var(--primary-600)}.nav-dropdown{position:relative}.nav-dropdown-toggle{align-items:center;border-radius:8px;border-radius:var(--radius-md);cursor:pointer;display:flex;gap:.5rem;padding:.5rem 1rem;transition:all .15s ease;transition:all var(--transition-fast)}.nav-dropdown-toggle:hover{background:#f3f4f6;background:var(--gray-100)}.nav-dropdown-toggle:after{border:solid #9ca3af;border:solid var(--gray-400);border-width:0 2px 2px 0;content:"";padding:3px;transform:rotate(45deg);transition:transform .15s ease;transition:transform var(--transition-fast)}.nav-dropdown:hover .nav-dropdown-toggle:after{transform:rotate(-135deg)}.nav-dropdown-menu{background:#fff;border:1px solid #f3f4f6;border:1px solid var(--gray-100);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;box-shadow:var(--shadow-xl);min-width:200px;opacity:0;overflow:hidden;position:absolute;right:0;top:calc(100% + .5rem);transform:translateY(-10px);transition:all .2s ease;transition:all var(--transition-normal);visibility:hidden;z-index:50}.nav-dropdown:hover .nav-dropdown-menu{opacity:1;transform:translateY(0);visibility:visible}.nav-dropdown-item{align-items:center;background:none;border:none;color:#374151;color:var(--gray-700);cursor:pointer;display:flex;font-size:.875rem;font-size:var(--text-sm);gap:.75rem;padding:.875rem 1rem;text-align:left;text-decoration:none;transition:all .15s ease;transition:all var(--transition-fast);width:100%}.nav-dropdown-item:hover{background:#eff6ff;background:var(--primary-50);color:#2563eb;color:var(--primary-600)}.nav-dropdown-item:not(:last-child){border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--gray-100)}.btn{align-items:center;border:none;border-radius:12px;border-radius:var(--radius-lg);cursor:pointer;display:inline-flex;font-size:.875rem;font-size:var(--text-sm);font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s ease;transition:all var(--transition-normal);white-space:nowrap}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background:linear-gradient(135deg,#2563eb,#1d4ed8);background:linear-gradient(135deg,var(--primary-600) 0,var(--primary-700) 100%);box-shadow:0 2px 4px #2563eb4d;color:#fff}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#1d4ed8,#1e40af);background:linear-gradient(135deg,var(--primary-700) 0,var(--primary-800) 100%);box-shadow:0 4px 12px #2563eb66;transform:translateY(-1px)}.btn-secondary{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;box-shadow:var(--shadow-sm);color:#374151;color:var(--gray-700)}.btn-secondary:hover:not(:disabled){background:#f9fafb;background:var(--gray-50);border-color:#d1d5db;border-color:var(--gray-300)}.btn-success{background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--accent-500) 0,var(--accent-600) 100%);box-shadow:0 2px 4px #10b9814d;color:#fff}.btn-success:hover:not(:disabled){box-shadow:0 4px 12px #10b98166;transform:translateY(-1px)}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 2px 4px #ef44444d;color:#fff}.btn-outline{background:#0000;border:2px solid #2563eb;border:2px solid var(--primary-600);color:#2563eb;color:var(--primary-600)}.btn-outline:hover:not(:disabled){background:#2563eb;background:var(--primary-600);color:#fff}.btn-ghost{background:#0000;color:#4b5563;color:var(--gray-600)}.btn-ghost:hover:not(:disabled){background:#f3f4f6;background:var(--gray-100);color:#111827;color:var(--gray-900)}.btn-sm{font-size:.75rem;font-size:var(--text-xs);padding:.5rem 1rem}.btn-lg{font-size:1rem;font-size:var(--text-base);padding:1rem 2rem}.btn-icon{border-radius:8px;border-radius:var(--radius-md);padding:.75rem}.card{background:#fff;border:1px solid #f3f4f6;border:1px solid var(--gray-100);border-radius:16px;border-radius:var(--radius-xl);box-shadow:0 1px 3px #00000014,0 1px 2px #0000000f;box-shadow:var(--shadow-card);padding:1.5rem;transition:all .2s ease;transition:all var(--transition-normal)}.card:hover{box-shadow:0 10px 40px #0000001f;box-shadow:var(--shadow-card-hover)}.card-header{align-items:center;border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--gray-100);display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem}.card-title{color:#111827;color:var(--gray-900);font-size:1.125rem;font-size:var(--text-lg);font-weight:600}.card-subtitle{color:#6b7280;color:var(--gray-500);margin-top:.25rem}.card-subtitle,.card-text{font-size:.875rem;font-size:var(--text-sm)}.card-text{color:#4b5563;color:var(--gray-600);line-height:1.6}.form-group{margin-bottom:1.25rem}.form-label{color:#374151;color:var(--gray-700);display:block;font-size:.875rem;font-size:var(--text-sm);font-weight:500;margin-bottom:.5rem}.form-input{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:12px;border-radius:var(--radius-lg);color:#111827;color:var(--gray-900);font-size:1rem;font-size:var(--text-base);padding:.875rem 1rem;transition:all .15s ease;transition:all var(--transition-fast);width:100%}.form-input:focus{border-color:#3b82f6;border-color:var(--primary-500);box-shadow:0 0 0 3px #3b82f626;outline:none}.form-input:disabled{background:#f9fafb;background:var(--gray-50);color:#6b7280;color:var(--gray-500);cursor:not-allowed}.form-input::placeholder{color:#9ca3af;color:var(--gray-400)}.form-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236B7280'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m19 9-7 7-7-7'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;background-size:1.25rem;padding-right:3rem}.form-hint{color:#6b7280;color:var(--gray-500);display:block}.form-error,.form-hint{font-size:.75rem;font-size:var(--text-xs);margin-top:.375rem}.form-error{color:#ef4444;color:var(--status-danger)}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.table-container{border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:12px;border-radius:var(--radius-lg);overflow-x:auto}.table{border-collapse:collapse;font-size:.875rem;font-size:var(--text-sm);width:100%}.table th{background:#f9fafb;background:var(--gray-50);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);font-size:.75rem;font-size:var(--text-xs);font-weight:600;letter-spacing:.05em;text-align:left;text-transform:uppercase;white-space:nowrap}.table td,.table th{color:#374151;color:var(--gray-700);padding:1rem 1.25rem}.table td{border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--gray-100);vertical-align:middle}.table tbody tr{transition:background .15s ease;transition:background var(--transition-fast)}.table tbody tr:hover{background:#f9fafb;background:var(--gray-50)}.table tbody tr:last-child td{border-bottom:none}.badge{align-items:center;border-radius:9999px;border-radius:var(--radius-full);display:inline-flex;font-size:.75rem;font-size:var(--text-xs);font-weight:600;gap:.375rem;letter-spacing:.025em;padding:.375rem .75rem;text-transform:uppercase}.badge-active,.badge-success{background:#d1fae5;background:var(--status-active-bg);color:#10b981;color:var(--status-active)}.badge-paused,.badge-warning{background:#fef3c7;background:var(--status-paused-bg);color:#f59e0b;color:var(--status-paused)}.badge-danger,.badge-rejected{background:#fee2e2;background:var(--status-danger-bg);color:#ef4444;color:var(--status-danger)}.badge-info,.badge-paid{background:#dbeafe;background:var(--status-paid-bg);color:#3b82f6;color:var(--status-paid)}.badge-pending{background:#ffedd5;background:var(--status-pending-bg);color:#f97316;color:var(--status-pending)}.badge-completed{background:#f3f4f6;background:var(--status-completed-bg);color:#6b7280;color:var(--status-completed)}.badge-neutral{background:#f3f4f6;background:var(--gray-100);color:#4b5563;color:var(--gray-600)}.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:1.5rem}.stat-card{background:#fff;border:1px solid #f3f4f6;border:1px solid var(--gray-100);border-radius:16px;border-radius:var(--radius-xl);box-shadow:0 1px 3px #00000014,0 1px 2px #0000000f;box-shadow:var(--shadow-card);overflow:hidden;padding:1.5rem;position:relative;transition:all .2s ease;transition:all var(--transition-normal)}.stat-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.stat-card:before{background:linear-gradient(90deg,#3b82f6,#10b981);background:linear-gradient(90deg,var(--primary-500),var(--accent-500));content:"";height:4px;left:0;position:absolute;right:0;top:0}.stat-card.success:before{background:linear-gradient(90deg,#34d399,#10b981);background:linear-gradient(90deg,var(--accent-400),var(--accent-500))}.stat-card.warning:before{background:linear-gradient(90deg,#fbbf24,#f59e0b)}.stat-card.info:before{background:linear-gradient(90deg,#60a5fa,#3b82f6);background:linear-gradient(90deg,var(--primary-400),var(--primary-500))}.stat-icon{align-items:center;background:#eff6ff;background:var(--primary-50);border-radius:12px;border-radius:var(--radius-lg);color:#2563eb;color:var(--primary-600);display:flex;font-size:1.5rem;height:48px;justify-content:center;margin-bottom:1rem;width:48px}.stat-card.success .stat-icon{background:#ecfdf5;background:var(--accent-50);color:#059669;color:var(--accent-600)}.stat-card.warning .stat-icon{background:#fef3c7;color:#d97706}.stat-label{color:#6b7280;color:var(--gray-500);font-size:.875rem;font-size:var(--text-sm);font-weight:500;margin-bottom:.25rem}.stat-value{color:#111827;color:var(--gray-900);font-size:1.875rem;font-size:var(--text-3xl);font-weight:700;line-height:1.2}.stat-change{align-items:center;display:flex;font-size:.75rem;font-size:var(--text-xs);font-weight:500;gap:.25rem;margin-top:.5rem}.stat-change.positive{color:#059669;color:var(--accent-600)}.stat-change.negative{color:#ef4444;color:var(--status-danger)}.dashboard-layout{display:flex;min-height:calc(100vh - 65px)}.sidebar{background:#111827;background:var(--sidebar-bg);display:flex;flex-direction:column;flex-shrink:0;padding:1.5rem 0;width:260px}.sidebar-logo{margin-bottom:2rem;padding:0 1.5rem}.sidebar-logo span{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#93c5fd);background:linear-gradient(135deg,#fff 0,var(--primary-300) 100%);-webkit-background-clip:text;font-size:1.5rem;font-weight:800}.sidebar-nav{flex:1 1;padding:0 .75rem}.sidebar-section{margin-bottom:1.5rem}.sidebar-section-title{color:#6b7280;color:var(--gray-500);font-size:.75rem;font-size:var(--text-xs);font-weight:600;letter-spacing:.1em;margin-bottom:.5rem;padding:0 1rem;text-transform:uppercase}.sidebar-link{align-items:center;border-radius:8px;border-radius:var(--radius-md);color:#9ca3af;color:var(--sidebar-text);display:flex;font-size:.875rem;font-size:var(--text-sm);font-weight:500;gap:.75rem;margin-bottom:.25rem;padding:.875rem 1rem;text-decoration:none;transition:all .15s ease;transition:all var(--transition-fast)}.sidebar-link:hover{background:#1f2937;background:var(--sidebar-hover);color:#fff}.sidebar-link.active{background:#2563eb;background:var(--sidebar-active);color:#fff}.sidebar-link-icon{align-items:center;display:flex;height:20px;justify-content:center;width:20px}.dashboard-content{background:#f9fafb;background:var(--gray-50);flex:1 1;overflow-y:auto;padding:2rem}.tabs{background:#f3f4f6;background:var(--gray-100);border-radius:12px;border-radius:var(--radius-lg);display:flex;gap:.25rem;margin-bottom:1.5rem;padding:.25rem}.tab{background:#0000;border:none;border-radius:8px;border-radius:var(--radius-md);color:#4b5563;color:var(--gray-600);cursor:pointer;flex:1 1;font-size:.875rem;font-size:var(--text-sm);font-weight:500;padding:.75rem 1.5rem;transition:all .15s ease;transition:all var(--transition-fast)}.tab:hover{color:#111827;color:var(--gray-900)}.tab.active{background:#fff;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;box-shadow:var(--shadow-sm);color:#2563eb;color:var(--primary-600)}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:1000}.modal{animation:modalSlide .2s ease;background:#fff;border-radius:16px;border-radius:var(--radius-xl);box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;box-shadow:var(--shadow-xl);max-height:90vh;max-width:500px;overflow-y:auto;width:100%}@keyframes modalSlide{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header{align-items:center;border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--gray-100);display:flex;justify-content:space-between;padding:1.5rem}.modal-title{color:#111827;color:var(--gray-900);font-size:1.125rem;font-size:var(--text-lg);font-weight:600}.modal-close{background:none;border:none;color:#9ca3af;color:var(--gray-400);cursor:pointer;font-size:1.5rem;padding:.25rem;transition:color .15s ease;transition:color var(--transition-fast)}.modal-close:hover{color:#4b5563;color:var(--gray-600)}.modal-body{padding:1.5rem}.modal-footer{border-top:1px solid #f3f4f6;border-top:1px solid var(--gray-100);justify-content:flex-end;padding:1.5rem}.alert,.modal-footer{display:flex;gap:.75rem}.alert{align-items:flex-start;border-radius:12px;border-radius:var(--radius-lg);font-size:.875rem;font-size:var(--text-sm);margin-bottom:1rem;padding:1rem 1.25rem}.alert-success{background:#d1fae5;background:var(--status-active-bg);border:1px solid #a7f3d0;border:1px solid var(--accent-200);color:#065f46}.alert-error{background:#fee2e2;background:var(--status-danger-bg);border:1px solid #fecaca;color:#991b1b}.alert-warning{background:#fef3c7;background:var(--status-paused-bg);border:1px solid #fde68a;color:#92400e}.alert-info{background:#dbeafe;background:var(--status-paid-bg);border:1px solid #bfdbfe;border:1px solid var(--primary-200);color:#1e40af}.auth-page{align-items:center;background:linear-gradient(135deg,#f9fafb,#eff6ff);background:linear-gradient(135deg,var(--gray-50) 0,var(--primary-50) 100%);display:flex;justify-content:center;min-height:calc(100vh - 65px);padding:2rem}.auth-card{background:#fff;border:1px solid #f3f4f6;border:1px solid var(--gray-100);border-radius:20px;border-radius:var(--radius-2xl);box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;box-shadow:var(--shadow-xl);max-width:440px;padding:2.5rem;width:100%}.auth-title{color:#111827;color:var(--gray-900);font-size:1.5rem;font-size:var(--text-2xl);font-weight:700;margin-bottom:.5rem;text-align:center}.auth-subtitle{color:#6b7280;color:var(--gray-500);font-size:.875rem;font-size:var(--text-sm);margin-bottom:2rem;text-align:center}.auth-divider{align-items:center;display:flex;gap:1rem;margin:1.5rem 0}.auth-divider:after,.auth-divider:before{background:#e5e7eb;background:var(--gray-200);content:"";flex:1 1;height:1px}.auth-divider span{color:#9ca3af;color:var(--gray-400);font-size:.875rem;font-size:var(--text-sm)}.auth-footer{border-top:1px solid #f3f4f6;border-top:1px solid var(--gray-100);margin-top:1.5rem;padding-top:1.5rem;text-align:center}.auth-footer p{color:#6b7280;color:var(--gray-500);font-size:.875rem;font-size:var(--text-sm)}.auth-footer a{color:#2563eb;color:var(--primary-600);font-weight:500;text-decoration:none}.auth-footer a:hover{text-decoration:underline}.hero{background:linear-gradient(135deg,#1e3a8a,#1d4ed8 50%,#2563eb);background:linear-gradient(135deg,var(--primary-900) 0,var(--primary-700) 50%,var(--primary-600) 100%);color:#fff;overflow:hidden;padding:6rem 2rem;position:relative}.hero:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z' fill='%23fff' fill-opacity='.05' fill-rule='evenodd'/%3E%3C/svg%3E");content:"";height:100%;position:absolute;right:0;top:0;width:50%}.hero-content{margin:0 auto;max-width:800px;position:relative;text-align:center;z-index:1}.hero-title{font-size:3.5rem;font-weight:800;line-height:1.1;margin-bottom:1.5rem}.hero-subtitle{font-size:1.25rem;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;max-width:600px;opacity:.9}.hero-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.hero .btn-primary{background:#fff;box-shadow:0 4px 14px #ffffff4d;color:#1d4ed8;color:var(--primary-700)}.hero .btn-primary:hover{background:#f9fafb;background:var(--gray-50);transform:translateY(-2px)}.hero .btn-outline{border-color:#ffffff80;color:#fff}.hero .btn-outline:hover{background:#ffffff1a;border-color:#fff}.features{background:#fff;padding:5rem 2rem}.features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1200px}.feature-card{border-radius:16px;border-radius:var(--radius-xl);padding:2.5rem;text-align:center;transition:all .2s ease;transition:all var(--transition-normal)}.feature-card:hover{background:#f9fafb;background:var(--gray-50)}.feature-icon{align-items:center;background:linear-gradient(135deg,#eff6ff,#ecfdf5);background:linear-gradient(135deg,var(--primary-50),var(--accent-50));border-radius:16px;border-radius:var(--radius-xl);display:flex;font-size:2rem;height:80px;justify-content:center;margin:0 auto 1.5rem;width:80px}.feature-title{color:#111827;color:var(--gray-900);font-size:1.25rem;font-size:var(--text-xl);font-weight:600;margin-bottom:.75rem}.feature-desc{color:#6b7280;color:var(--gray-500);line-height:1.7}.product-card{background:#fff;border:1px solid #f3f4f6;border:1px solid var(--gray-100);border-radius:16px;border-radius:var(--radius-xl);box-shadow:0 1px 3px #00000014,0 1px 2px #0000000f;box-shadow:var(--shadow-card);overflow:hidden;transition:all .2s ease;transition:all var(--transition-normal)}.product-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.product-image{background:#f3f4f6;background:var(--gray-100);height:200px;object-fit:cover;width:100%}.product-content{padding:1.5rem}.product-name{color:#111827;color:var(--gray-900);font-size:1.125rem;font-size:var(--text-lg);font-weight:600;margin-bottom:.5rem}.product-price{color:#2563eb;color:var(--primary-600);font-size:1.5rem;font-size:var(--text-2xl);font-weight:700}.product-price small{color:#6b7280;color:var(--gray-500);font-size:.875rem;font-size:var(--text-sm);font-weight:400}.loading{align-items:center;display:flex;justify-content:center;padding:3rem}.spinner{animation:spin .8s linear infinite;border:3px solid #e5e7eb;border-top-color:#2563eb;border:3px solid var(--gray-200);border-radius:50%;border-top-color:var(--primary-600);height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.skeleton{animation:skeleton 1.5s ease-in-out infinite;background:linear-gradient(90deg,#f3f4f6 25%,#f9fafb 50%,#f3f4f6 75%);background:linear-gradient(90deg,var(--gray-100) 25%,var(--gray-50) 50%,var(--gray-100) 75%);background-size:200% 100%;border-radius:8px;border-radius:var(--radius-md)}@keyframes skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}.progress-bar{background:#e5e7eb;background:var(--gray-200);height:8px;overflow:hidden;width:100%}.progress-bar,.progress-fill{border-radius:9999px;border-radius:var(--radius-full)}.progress-fill{background:linear-gradient(90deg,#3b82f6,#10b981);background:linear-gradient(90deg,var(--primary-500),var(--accent-500));height:100%;transition:width .3s ease;transition:width var(--transition-slow)}.progress-steps{display:flex;gap:.25rem;margin-top:.5rem}.progress-step{background:#e5e7eb;background:var(--gray-200);border-radius:9999px;border-radius:var(--radius-full);flex:1 1;height:6px;transition:background .2s ease;transition:background var(--transition-normal)}.progress-step.completed{background:#10b981;background:var(--accent-500)}.progress-step.current{background:#3b82f6;background:var(--primary-500)}.wallet-card{background:linear-gradient(135deg,#1d4ed8,#1e3a8a);background:linear-gradient(135deg,var(--primary-700) 0,var(--primary-900) 100%);border-radius:16px;border-radius:var(--radius-xl);color:#fff;overflow:hidden;padding:2rem;position:relative}.wallet-card:before{background:radial-gradient(circle,#ffffff1a 0,#0000 70%);content:"";height:100%;position:absolute;right:-50%;top:-50%;width:100%}.wallet-label{font-size:.875rem;font-size:var(--text-sm);margin-bottom:.5rem;opacity:.8}.wallet-balance{font-size:2.25rem;font-size:var(--text-4xl);font-weight:700;margin-bottom:1rem}.wallet-actions{display:flex;gap:1rem}.cycle-card{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:12px;border-radius:var(--radius-lg);padding:1.25rem;transition:all .15s ease;transition:all var(--transition-fast)}.cycle-card:hover{border-color:#93c5fd;border-color:var(--primary-300);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md)}.cycle-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.cycle-name{color:#111827;color:var(--gray-900);font-weight:600}.cycle-amount{color:#2563eb;color:var(--primary-600);font-size:1.125rem;font-size:var(--text-lg);font-weight:700}.cycle-progress{margin-top:1rem}.cycle-info{color:#6b7280;color:var(--gray-500);display:flex;font-size:.75rem;font-size:var(--text-xs);justify-content:space-between;margin-top:.5rem}.footer{background:#111827;background:var(--gray-900);color:#9ca3af;color:var(--gray-400);padding:4rem 2rem 2rem}.footer-content{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:0 auto;max-width:1200px}.footer-logo{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#93c5fd);background:linear-gradient(135deg,#fff 0,var(--primary-300) 100%);-webkit-background-clip:text;font-size:1.5rem;font-weight:800;margin-bottom:1rem}.footer-section h4{color:#fff;font-size:.875rem;font-size:var(--text-sm);font-weight:600;letter-spacing:.05em;margin-bottom:1rem;text-transform:uppercase}.footer-links{list-style:none}.footer-links li{margin-bottom:.5rem}.footer-links a{color:#9ca3af;color:var(--gray-400);font-size:.875rem;font-size:var(--text-sm);text-decoration:none;transition:color .15s ease;transition:color var(--transition-fast)}.footer-links a:hover{color:#fff}.footer-bottom{border-top:1px solid #1f2937;border-top:1px solid var(--gray-800);font-size:.875rem;font-size:var(--text-sm);margin:3rem auto 0;max-width:1200px;padding-top:2rem;text-align:center}@media (max-width:1024px){.dashboard-layout{flex-direction:column}.sidebar{padding:1rem;width:100%}.sidebar-nav{display:flex;gap:.5rem;overflow-x:auto;padding:0}.sidebar-section{margin-bottom:0}.sidebar-section-title{display:none}.sidebar-link{padding:.75rem 1rem;white-space:nowrap}.dashboard-content{padding:1rem}}@media (max-width:768px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1rem}.hero-buttons{align-items:center;flex-direction:column}.nav-links{display:none}.stats-grid{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.stat-card{padding:1rem}.stat-value{font-size:1.5rem;font-size:var(--text-2xl)}.auth-card{padding:1.5rem}.table-container{font-size:.75rem;font-size:var(--text-xs)}.table td,.table th{padding:.75rem}}@media (max-width:480px){.hero{padding:3rem 1rem}.hero-title{font-size:2rem}.features{padding:3rem 1rem}.page{padding:1rem}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.text-sm{font-size:.875rem;font-size:var(--text-sm)}.text-lg{font-size:1.125rem;font-size:var(--text-lg)}.text-xl{font-size:1.25rem;font-size:var(--text-xl)}.text-2xl{font-size:1.5rem;font-size:var(--text-2xl)}.text-primary{color:#2563eb;color:var(--primary-600)}.text-success{color:#059669;color:var(--accent-600)}.text-warning{color:#d97706}.text-danger{color:#ef4444;color:var(--status-danger)}.text-muted{color:#6b7280;color:var(--gray-500)}.bg-primary{background-color:#2563eb;background-color:var(--primary-600)}.bg-success{background-color:#10b981;background-color:var(--accent-500)}.rounded-lg{border-radius:12px;border-radius:var(--radius-lg)}.rounded-xl{border-radius:16px;border-radius:var(--radius-xl)}.rounded-full{border-radius:9999px;border-radius:var(--radius-full)}.shadow-sm{box-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg)}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:.5rem}.gap-4{gap:1rem}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.w-full{width:100%}.h-full{height:100%}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;user-select:none}.transition{transition:all .2s ease;transition:all var(--transition-normal)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.skeleton-container{display:flex;flex-direction:column;gap:.5rem}.skeleton-text{height:16px}.skeleton-line{border-radius:6px;border-radius:var(--radius-sm);height:14px;margin-bottom:.5rem}.skeleton-line:last-child{margin-bottom:0}.skeleton-card{background:#fff;border:1px solid #f3f4f6;border:1px solid var(--gray-100);border-radius:16px;border-radius:var(--radius-xl);overflow:hidden}.skeleton-card-header{animation:skeleton 1.5s ease-in-out infinite;background:linear-gradient(90deg,#f3f4f6 25%,#f9fafb 50%,#f3f4f6 75%);background:linear-gradient(90deg,var(--gray-100) 25%,var(--gray-50) 50%,var(--gray-100) 75%);background-size:200% 100%;height:48px}.skeleton-card-body{padding:1rem}.skeleton-table{width:100%}.skeleton-table-header{background:#f9fafb;background:var(--gray-50);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200)}.skeleton-table-header,.skeleton-table-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(5,1fr);padding:1rem}.skeleton-table-row{border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--gray-100)}.skeleton-cell{border-radius:6px;border-radius:var(--radius-sm);height:16px}.skeleton-avatar,.skeleton-cell{animation:skeleton 1.5s ease-in-out infinite;background:linear-gradient(90deg,#f3f4f6 25%,#f9fafb 50%,#f3f4f6 75%);background:linear-gradient(90deg,var(--gray-100) 25%,var(--gray-50) 50%,var(--gray-100) 75%);background-size:200% 100%}.skeleton-avatar{border-radius:50%}.skeleton-image{animation:skeleton 1.5s ease-in-out infinite;background:linear-gradient(90deg,#f3f4f6 25%,#f9fafb 50%,#f3f4f6 75%);background:linear-gradient(90deg,var(--gray-100) 25%,var(--gray-50) 50%,var(--gray-100) 75%);background-size:200% 100%;border-radius:12px;border-radius:var(--radius-lg)}.skeleton-stat{align-items:center;background:#fff;border:1px solid #f3f4f6;border:1px solid var(--gray-100);border-radius:16px;border-radius:var(--radius-xl);display:flex;gap:1rem;padding:1.5rem}.skeleton-stat-icon{animation:skeleton 1.5s ease-in-out infinite;background:linear-gradient(90deg,#f3f4f6 25%,#f9fafb 50%,#f3f4f6 75%);background:linear-gradient(90deg,var(--gray-100) 25%,var(--gray-50) 50%,var(--gray-100) 75%);background-size:200% 100%;border-radius:12px;border-radius:var(--radius-lg);height:48px;width:48px}.skeleton-stat-content{flex:1 1}.skeleton-stat-label{height:12px;margin-bottom:.5rem;width:80px}.skeleton-stat-label,.skeleton-stat-value{animation:skeleton 1.5s ease-in-out infinite;background:linear-gradient(90deg,#f3f4f6 25%,#f9fafb 50%,#f3f4f6 75%);background:linear-gradient(90deg,var(--gray-100) 25%,var(--gray-50) 50%,var(--gray-100) 75%);background-size:200% 100%;border-radius:6px;border-radius:var(--radius-sm)}.skeleton-stat-value{height:24px;width:120px}.modal-sm{max-width:360px}.modal-lg{max-width:640px}.modal-xl{max-width:900px}.hover-lift{transition:transform .2s ease,box-shadow .2s ease;transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.hover-lift:hover{transform:translateY(-2px)}.hover-scale{transition:transform var(--transition-normal)}.btn:active:not(:disabled){transform:scale(.98)}.fade-in{animation:fadeIn .3s ease}.slide-up{animation:slideUp .3s ease}.slide-down{animation:slideDown .3s ease}.scale-in{animation:scaleIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.animate-pulse{animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.animate-bounce{animation:bounce 1s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.animate-spin{animation:spin 1s linear infinite}.status-pulse{position:relative}.status-pulse:before{animation:statusPulse 2s ease-out infinite;background:inherit;border-radius:inherit;content:"";inset:-2px;position:absolute;z-index:-1}@keyframes statusPulse{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}@keyframes cardEntrance{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-card-entrance{animation:cardEntrance .4s ease-out forwards;opacity:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:fadeInUp .3s ease-out forwards}@keyframes slideInRight{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.animate-slide-right{animation:slideInRight .3s ease-out forwards}@keyframes slideInLeft{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.animate-slide-left{animation:slideInLeft .3s ease-out forwards}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-scale-in{animation:scaleIn .2s ease-out forwards}@keyframes attentionPulse{0%,to{box-shadow:0 0 0 0 #3b82f666}50%{box-shadow:0 0 0 8px #3b82f600}}.attention-pulse{animation:attentionPulse 2s ease-in-out infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.shimmer-effect{animation:shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#f3f4f6,#f9fafb 50%,#f3f4f6);background:linear-gradient(90deg,var(--gray-100) 0,var(--gray-50) 50%,var(--gray-100) 100%);background-size:200% 100%}@keyframes checkmark{0%{stroke-dashoffset:100}to{stroke-dashoffset:0}}.animate-checkmark{stroke-dasharray:100;stroke-dashoffset:100;animation:checkmark .5s ease-out forwards}.btn-hover-lift{transition:transform .2s ease,box-shadow .2s ease}.btn-hover-lift:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-hover-lift:active{box-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;box-shadow:var(--shadow-sm);transform:translateY(0)}.hover-lift{transition:transform .3s ease,box-shadow .3s ease}.hover-lift:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.hover-scale{transition:transform .2s ease}.hover-scale:hover{transform:scale(1.02)}.hover-glow{transition:box-shadow .3s ease}.hover-glow:hover{box-shadow:0 0 20px #3b82f64d}.link-underline{position:relative;text-decoration:none}.link-underline:after{background:#3b82f6;background:var(--primary-500);bottom:0;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.link-underline:hover:after{width:100%}@media (max-width:768px){.btn{min-height:44px;min-width:44px}.btn-sm{min-height:36px}.tap-target{align-items:center;display:flex;justify-content:center;min-height:48px;min-width:48px}.safe-area-top{padding-top:env(safe-area-inset-top,0)}.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom,0)}.mobile-scroll{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.modal-bottom-sheet{animation:slideUp .3s ease-out forwards;border-radius:16px 16px 0 0;border-radius:var(--radius-xl) var(--radius-xl) 0 0;bottom:0;left:0;max-height:90vh;position:fixed;right:0;transform:translateY(100%)}@keyframes slideUp{to{transform:translateY(0)}}.table-responsive{-webkit-overflow-scrolling:touch;overflow-x:auto}.table-responsive::-webkit-scrollbar{height:4px}.table-responsive::-webkit-scrollbar-track{background:#f3f4f6;background:var(--gray-100)}.table-responsive::-webkit-scrollbar-thumb{background:#d1d5db;background:var(--gray-300);border-radius:2px}.mobile-card-compact{padding:1rem}.form-row{flex-direction:column;gap:.75rem}.mobile-nav-fixed{background:#fff;border-top:1px solid #e5e7eb;border-top:1px solid var(--gray-200);bottom:0;left:0;padding-bottom:env(safe-area-inset-bottom,0);position:fixed;right:0;z-index:100}.auth-page{min-height:calc(100vh - 60px);padding:1rem}.auth-card{border-radius:12px;border-radius:var(--radius-lg);padding:1.5rem}.auth-title{font-size:1.25rem;font-size:var(--text-xl)}.auth-subtitle{font-size:.875rem;font-size:var(--text-sm)}.modal{border-radius:12px;border-radius:var(--radius-lg);margin:.5rem;max-height:95vh;max-width:100%}.modal-body{padding:1rem}.modal-footer{flex-direction:column;gap:.5rem}.modal-footer .btn{width:100%}.data-table-pagination{align-items:stretch;flex-direction:column;text-align:center}.pagination-controls{flex-wrap:wrap;justify-content:center}.stats-grid{gap:1rem;grid-template-columns:1fr}.card{padding:1rem}.card-header{align-items:flex-start;flex-direction:column;gap:.5rem}.form-input{font-size:16px}.badge{font-size:.625rem;padding:.25rem .5rem}}@media (max-width:480px){.auth-card{padding:1.25rem}.page-title{font-size:1.25rem;font-size:var(--text-xl)}.page-subtitle{font-size:.75rem;font-size:var(--text-xs)}.btn-lg{font-size:.875rem;font-size:var(--text-sm);padding:.75rem 1.5rem}.modal{border-radius:16px 16px 0 0;border-radius:var(--radius-xl) var(--radius-xl) 0 0;bottom:0;left:0;margin:0;max-height:90vh;position:fixed;right:0}}.focus-visible:focus-visible{outline:2px solid #3b82f6;outline:2px solid var(--primary-500);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast:high){.btn{border:2px solid}.card{border:2px solid #111827;border:2px solid var(--gray-900)}}.transition-fast{transition:all .15s ease}.transition-normal{transition:all .25s ease}.transition-slow{transition:all .4s ease}.transition-bounce{transition:all .3s cubic-bezier(.68,-.55,.265,1.55)}.stagger-1{animation-delay:.1s}.stagger-2{animation-delay:.2s}.stagger-3{animation-delay:.3s}.stagger-4{animation-delay:.4s}.stagger-5{animation-delay:.5s}.stagger-children>*{animation:fadeInUp .4s ease-out forwards;opacity:0}.stagger-children>:first-child{animation-delay:.05s}.stagger-children>:nth-child(2){animation-delay:.1s}.stagger-children>:nth-child(3){animation-delay:.15s}.stagger-children>:nth-child(4){animation-delay:.2s}.stagger-children>:nth-child(5){animation-delay:.25s}.stagger-children>:nth-child(6){animation-delay:.3s}.stagger-children>:nth-child(7){animation-delay:.35s}.stagger-children>:nth-child(8){animation-delay:.4s}.animate-on-scroll{opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease}.animate-on-scroll.is-visible{opacity:1;transform:translateY(0)}.skeleton-card{border-radius:12px;border-radius:var(--radius-lg)}.skeleton-card,.skeleton-text{animation:shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#f3f4f6,#f9fafb 50%,#f3f4f6);background:linear-gradient(90deg,var(--gray-100) 0,var(--gray-50) 50%,var(--gray-100) 100%);background-size:200% 100%}.skeleton-text{border-radius:6px;border-radius:var(--radius-sm);height:1em}.skeleton-circle{animation:shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#f3f4f6,#f9fafb 50%,#f3f4f6);background:linear-gradient(90deg,var(--gray-100) 0,var(--gray-50) 50%,var(--gray-100) 100%);background-size:200% 100%;border-radius:50%}@media (max-width:768px){.page-header{align-items:flex-start!important;flex-direction:column;gap:.75rem;margin-bottom:1rem}.page-title{font-size:1.5rem!important;line-height:1.3}.page-subtitle{font-size:.875rem!important}.card{margin-bottom:1rem;padding:1rem}.card-header{align-items:flex-start!important;flex-direction:column;gap:.75rem}.card-header .card-actions{flex-wrap:wrap;width:100%}.card-header .btn{flex:1 1;min-width:0}.card-title{font-size:1rem!important}.data-table-wrapper,.table-container{-webkit-overflow-scrolling:touch;margin:0 -1rem;overflow-x:auto;padding:0 1rem}.data-table,.table{font-size:.8125rem;min-width:600px}.data-table td,.data-table th,.table td,.table th{padding:.625rem .5rem;white-space:nowrap}.stats-grid{gap:.75rem;grid-template-columns:1fr!important}.stat-card{padding:1rem}.stat-value{font-size:1.5rem!important}.form-row{grid-template-columns:1fr!important}.form-group{margin-bottom:.75rem}.form-input,.form-select{font-size:16px;padding:.75rem 1rem}.btn{font-size:.875rem;padding:.75rem 1rem}.btn-group{flex-direction:column;width:100%}.btn-group .btn{width:100%}.modal-overlay{align-items:flex-end;padding:0}.modal{border-radius:16px 16px 0 0;border-radius:var(--radius-xl) var(--radius-xl) 0 0;margin:0;max-height:90vh;max-width:100%!important;width:100%!important}.modal-body,.modal-header{padding:1rem}.modal-body{max-height:60vh;overflow-y:auto}.modal-footer{flex-direction:column;gap:.5rem;padding:1rem}.modal-footer .btn{width:100%}.filters-row,.search-row{flex-direction:column;gap:.75rem}.filters-row .form-input,.filters-row .form-select{width:100%!important}.badge{font-size:.6875rem;padding:.25rem .5rem}.tabs{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;overflow-x:auto}.tab{flex:none;font-size:.8125rem;padding:.625rem 1rem;white-space:nowrap}.alert{align-items:flex-start;flex-direction:column;text-align:left}.empty-state{padding:2rem 1rem}.empty-icon{font-size:2.5rem}}@media (max-width:480px){.hero-container,.hero-content-side,.hero-product-side{order:0!important}.hero-content-side{order:1!important}.hero-product-side{order:2!important}.page-content{padding:.75rem .75rem calc(80px + 1rem)!important}.card{border-radius:12px;border-radius:var(--radius-lg);padding:.875rem}.page-title{font-size:1.25rem!important}.card-title{font-size:.9375rem!important}.data-table,.table{font-size:.75rem;min-width:500px}.table td,.table th{padding:.5rem .375rem}.btn{font-size:.8125rem;padding:.625rem .875rem}.btn-sm{font-size:.75rem;padding:.5rem .75rem}.stat-card{padding:.875rem}.stat-icon{font-size:1.125rem;height:36px;width:36px}.stat-value{font-size:1.25rem!important}.stat-label{font-size:.6875rem}.form-label{font-size:.8125rem;margin-bottom:.25rem}.form-input{padding:.625rem .875rem}.wallet-balance{font-size:2rem!important}.wallet-card{padding:1.25rem}.profile-avatar-large{font-size:1.5rem;height:60px;width:60px}.profile-meta h2{font-size:1.25rem}.quick-info-label{font-size:.625rem}.quick-info-value{font-size:.875rem}}@media (max-width:1023px){.page-content{padding-bottom:calc(68px + 1rem)!important;padding-bottom:calc(var(--mobile-nav-height, 68px) + 1rem)!important}.admin-dashboard-page,.admin-orders-page,.admin-products-page,.admin-reports-page,.admin-salary-page,.admin-settings-page,.admin-users-page,.orders-page,.profile-page,.referrals-page,.salary-page,.wallet-page{padding-bottom:calc(68px + 2rem);padding-bottom:calc(var(--mobile-nav-height, 68px) + 2rem)}}@media (max-width:768px){.admin-grid,.settings-grid{grid-template-columns:1fr!important}.settings-sidebar{display:none}.info-cards,.order-details-grid,.product-grid,.user-details-grid{grid-template-columns:1fr!important}.salary-table{display:block;overflow-x:auto}.btn,.nav-link,.sidebar-link,a,button,input[type=checkbox],input[type=radio]{min-height:44px;min-width:44px}.badge,.btn-sm,.form-input{min-height:auto;min-width:auto}input[type=checkbox],input[type=radio]{height:20px;width:20px}body,html{overflow-x:hidden}*{box-sizing:border-box;max-width:100%}.container{padding-left:1rem;padding-right:1rem}code,pre{word-wrap:break-word;overflow-x:auto;white-space:pre-wrap}}
/*# sourceMappingURL=main.a4440104.css.map*/