*{box-sizing:border-box;font-family:Prompt,Noto Sans Thai,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif!important;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f7fa}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.btn{font-weight:500;transition:all .3s}.btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #ff6b3566}.btn-secondary:hover{background:#e5e7eb}.spinner{border-top-color:#667eea}.empty-state{border-radius:12px}:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74d3c;--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-container-width:fit-content;--toastify-toast-width:320px;--toastify-toast-offset:16px;--toastify-toast-top:max(var(--toastify-toast-offset),env(safe-area-inset-top));--toastify-toast-right:max(var(--toastify-toast-offset),env(safe-area-inset-right));--toastify-toast-left:max(var(--toastify-toast-offset),env(safe-area-inset-left));--toastify-toast-bottom:max(var(--toastify-toast-offset),env(safe-area-inset-bottom));--toastify-toast-background:#fff;--toastify-toast-padding:14px;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-toast-bd-radius:6px;--toastify-toast-shadow:0px 4px 12px #0000001a;--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-color-progress-bgo:0.2}.Toastify__toast-container{box-sizing:border-box;color:#fff;display:flex;flex-direction:column;position:fixed;-webkit-transform:translateZ(9999);-webkit-transform:translateZ(var(--toastify-z-index));width:-webkit-fit-content;width:fit-content;width:var(--toastify-container-width);z-index:9999;z-index:var(--toastify-z-index)}.Toastify__toast-container--top-left{left:max(16px,env(safe-area-inset-left));left:var(--toastify-toast-left);top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top)}.Toastify__toast-container--top-center{align-items:center;left:50%;top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top);transform:translateX(-50%)}.Toastify__toast-container--top-right{align-items:end;right:max(16px,env(safe-area-inset-right));right:var(--toastify-toast-right);top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top)}.Toastify__toast-container--bottom-left{bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);left:max(16px,env(safe-area-inset-left));left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{align-items:center;bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);left:50%;transform:translateX(-50%)}.Toastify__toast-container--bottom-right{align-items:end;bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);right:max(16px,env(safe-area-inset-right));right:var(--toastify-toast-right)}.Toastify__toast{--y:0;align-items:center;border-radius:6px;border-radius:var(--toastify-toast-bd-radius);box-shadow:0 4px 12px #0000001a;box-shadow:var(--toastify-toast-shadow);box-sizing:border-box;display:flex;flex:1 1 auto;font-family:sans-serif;font-family:var(--toastify-font-family);margin-bottom:1rem;max-height:800px;max-height:var(--toastify-toast-max-height);min-height:64px;min-height:var(--toastify-toast-min-height);padding:14px;padding:var(--toastify-toast-padding);position:relative;touch-action:none;width:320px;width:var(--toastify-toast-width);word-break:break-word;z-index:0}@media only screen and (max-width:480px){.Toastify__toast-container{left:env(safe-area-inset-left);margin:0;width:100vw}.Toastify__toast-container--top-center,.Toastify__toast-container--top-left,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translateX(0)}.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translateX(0)}.Toastify__toast-container--rtl{left:auto;right:env(safe-area-inset-right)}.Toastify__toast{--toastify-toast-width:100%;border-radius:0;margin-bottom:0}}.Toastify__toast-container[data-stacked=true]{width:320px;width:var(--toastify-toast-width)}.Toastify__toast--stacked{position:absolute;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s;width:100%}.Toastify__toast--stacked[data-collapsed] .Toastify__close-button,.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{bottom:100%;content:"";height:calc(var(--g)*1px);left:0;position:absolute;right:0}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{bottom:0;content:"";height:100%;left:0;position:absolute;right:0;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{-webkit-margin-end:10px;display:flex;flex-shrink:0;margin-inline-end:10px;width:22px}.Toastify--animate{animation-duration:.5s;animation-fill-mode:both}.Toastify--animate-icon{animation-duration:.3s;animation-fill-mode:both}.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:#e74d3c;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:#e74d3c;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{background:#0000;border:none;color:#fff;cursor:pointer;opacity:.7;outline:none;padding:0;position:absolute;right:6px;top:6px;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:auto}.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:100%;left:0;opacity:.7;position:absolute;transform-origin:left;width:100%;z-index:1}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{border-bottom-left-radius:0;left:auto;right:0;transform-origin:right}.Toastify__progress-bar--wrp{border-bottom-left-radius:6px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:6px;border-bottom-right-radius:var(--toastify-toast-bd-radius);bottom:0;height:5px;left:0;overflow:hidden;position:absolute;width:100%}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{height:100%;opacity:.2;opacity:var(--toastify-color-progress-bgo);width:100%}.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,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),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,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),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,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 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,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 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:translate3d(0,var(--y),0) 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:translate3d(0,var(--y),0) perspective(400px)}30%{opacity:1;transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg)}to{opacity:0;transform:translate3d(0,var(--y),0) 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:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(110%,var(--y),0);visibility:hidden}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(-110%,var(--y),0);visibility:hidden}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(0,500px,0);visibility:hidden}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),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-duration:.3s;animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--top-right{animation-duration:.3s;animation-name:Toastify__slideOutRight;animation-timing-function:ease-in}.Toastify__slide-exit--top-center{animation-duration:.3s;animation-name:Toastify__slideOutUp;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-center{animation-duration:.3s;animation-name:Toastify__slideOutDown;animation-timing-function:ease-in}@keyframes Toastify__spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.payment-page{align-items:center;background:linear-gradient(135deg,#ff9a56,#ff6b35 50%,#ff9a56);display:flex;height:100vh;justify-content:center;min-height:100vh;overflow:hidden;padding:1.5rem 1rem}.payment-container{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:95vh;max-width:550px;overflow:hidden;width:100%}.payment-header{background:linear-gradient(135deg,#ff6b35,#f7931e);color:#fff;flex-shrink:0;justify-content:space-between;padding:1.75rem 1.5rem}.logo-section,.payment-header{align-items:center;display:flex}.logo-section{gap:1rem}.logo-icon{font-size:2.5rem}.logo-icon,.merchant-logo{filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}.merchant-logo{max-height:60px;max-width:200px;object-fit:contain}.logo-section h1{font-size:1.75rem;font-weight:700;margin:0;text-shadow:0 2px 4px #0000001a}.timer-section{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:12px;display:flex;gap:.5rem;padding:.75rem 1.25rem}.timer-icon{font-size:1.5rem}.timer-content{display:flex;flex-direction:column}.timer-label{font-size:.7rem;font-weight:500;opacity:.9}.timer-value{font-family:Courier New,monospace;font-size:1.5rem;font-weight:800}.timer-expired{background:#ef444433;border-radius:12px;color:#fecaca;font-weight:600;padding:.75rem 1.5rem}.payment-body{flex:1 1;overflow-y:auto;padding:1.5rem}.order-info-section h2{color:#1f2937;font-size:1.25rem;font-weight:700;margin-bottom:1rem}.info-card{border:2px solid #fed7aa;border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}.info-row{border-bottom:1px solid #fb923c33;justify-content:space-between;padding:.625rem 0}.info-row:last-child{border-bottom:none}.info-label{color:#92400e;font-size:.9375rem;font-weight:500}.info-value{color:#1f2937;font-size:1rem;font-weight:600}.amount-section{border-top:2px solid #fb923c;margin-top:1rem;padding-top:1rem;text-align:center}.amount-label{color:#92400e;display:block;font-size:.9375rem;font-weight:600;margin-bottom:.75rem}.amount-value{color:#ea580c;font-size:2.75rem;font-weight:900;margin-bottom:.25rem;text-shadow:0 2px 4px #ea580c33}.amount-note{color:#9ca3af;font-size:.875rem}.qr-section{margin-bottom:1.5rem}.qr-header{margin-bottom:1rem;text-align:center}.qr-header h3{color:#1f2937;font-size:1.125rem;font-weight:700;margin-bottom:.375rem}.qr-header p{color:#6b7280;font-size:.875rem}.qr-container{background:#fff;border:3px solid #fb923c;border-radius:16px;box-shadow:0 8px 32px #00000014;padding:1.25rem}.qr-frame{align-items:center;background:#fff;border-radius:12px;display:flex;justify-content:center;min-height:240px;padding:.75rem;position:relative}.qr-image{border-radius:8px;height:auto;max-width:220px;width:100%}.watermark{border:2px dashed #fb923c;border-radius:8px;color:#ea580c;font-size:.9375rem;font-weight:800;left:50%;letter-spacing:.1em;padding:.5rem 1.5rem;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(-15deg)}.qr-placeholder{color:#9ca3af;padding:3rem 2rem}.qr-expired{padding:2rem 1.5rem;text-align:center}.expired-icon-large{filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));font-size:4rem;margin-bottom:1rem}.qr-expired h3{color:#ef4444;font-size:1.25rem;font-weight:700;margin-bottom:.75rem}.qr-expired p{color:#6b7280;font-size:.9375rem}.instructions-section{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:2px solid #86efac;border-radius:12px;margin-bottom:1rem;padding:1.25rem}.instructions-section h3{color:#166534;font-size:1rem;font-weight:700;margin-bottom:1rem}.steps-list{list-style:none;margin:0;padding:0}.steps-list li{align-items:center;background:#fff;border-radius:8px;display:flex;gap:.75rem;margin-bottom:.5rem;padding:.625rem .75rem;transition:all .3s}.steps-list li:last-child{margin-bottom:0}.steps-list li:hover{box-shadow:0 2px 8px #10b98126;transform:translateX(4px)}.step-number{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 8px #10b9814d;flex-shrink:0;font-size:.875rem;font-weight:700;height:28px;width:28px}.step-text{color:#1f2937;font-size:.8125rem;font-weight:500}.security-badge{align-items:center;background:linear-gradient(135deg,#eff6ff,#dbeafe);border:2px solid #93c5fd;border-radius:10px;color:#1e40af;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;padding:.875rem}.security-icon{font-size:1.25rem}.payment-footer{background:#f9fafb;border-top:2px solid #e5e7eb;flex-shrink:0;padding:1rem 1.5rem;text-align:center}.payment-footer p{color:#6b7280;font-size:.8125rem;margin-bottom:.25rem}.powered-by{color:#9ca3af;font-size:.75rem}.payment-success{align-items:center;background:linear-gradient(135deg,#10b981,#059669);color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:2rem;text-align:center}.success-animation{margin-bottom:2rem}.checkmark{align-items:center;animation:scaleIn .5s ease-out;background:#fff;border-radius:50%;box-shadow:0 20px 60px #0000004d;color:#10b981;display:flex;font-size:5rem;height:120px;justify-content:center;width:120px}@keyframes scaleIn{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.payment-success h1{font-size:3rem;font-weight:800;margin-bottom:1rem}.success-message{font-size:1.5rem;margin-bottom:3rem;opacity:.95}.payment-details{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:20px;max-width:500px;padding:2rem;width:100%}.detail-row{background:#ffffff26;border-radius:12px;display:flex;justify-content:space-between;margin-bottom:.75rem;padding:1rem}.detail-row span{opacity:.9}.detail-row strong{font-weight:700}.detail-row .amount{font-size:1.5rem}.payment-error,.payment-expired{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:2rem;text-align:center}.payment-expired{background:linear-gradient(135deg,#f59e0b,#d97706)}.error-icon,.expired-icon{filter:drop-shadow(0 4px 12px rgba(0,0,0,.2));font-size:6rem;margin-bottom:1.5rem}.payment-error h2,.payment-expired h2{font-size:2.5rem;font-weight:800;margin-bottom:1rem}.payment-error p,.payment-expired p{font-size:1.25rem;margin-bottom:.5rem;opacity:.95}.help-text{font-size:1rem;margin-top:1.5rem;opacity:.8}.payment-loading{align-items:center;background:linear-gradient(135deg,#ff9a56,#ff6b35);color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:100vh}.spinner-large{animation:spin 1s linear infinite;border:6px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:80px;margin-bottom:1.5rem;width:80px}.payment-loading p{font-size:1.25rem;font-weight:600}@media (max-width:768px){.payment-header{gap:1.5rem;text-align:center}.logo-section,.payment-header{flex-direction:column}.amount-value{font-size:2.5rem}.instructions-section,.qr-container{padding:1.5rem}.step-text{font-size:.9375rem}}.webhook-test-page{margin:0 auto;max-width:1400px;padding:2rem}.webhook-test-page h1{color:#1a1a1a;font-size:2rem;margin-bottom:.5rem}.subtitle{color:#666;margin-bottom:2rem}.webhook-url-section{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;margin-bottom:2rem;padding:2rem}.webhook-url-section h2{color:#fff;font-size:1.5rem;margin-bottom:1rem}.url-display{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:8px;display:flex;gap:1rem;padding:1rem}.url-display code{color:#fff;flex:1 1;font-size:1.1rem;font-weight:500;overflow:auto}.help-text{font-size:.95rem;margin-top:1rem;opacity:.9}.test-sender-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:2rem;padding:2rem}.test-sender-section h2{color:#1a1a1a;margin-bottom:1.5rem}.form-group input[type=text],.form-group textarea{border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;padding:.75rem;transition:border-color .2s;width:100%}.form-group input[type=text]:focus,.form-group textarea:focus{border-color:#667eea;outline:none}.json-editor{font-family:Courier New,monospace;font-size:.9rem;line-height:1.5}.logs-section{border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:2rem}.logs-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.logs-header h2{color:#1a1a1a;margin:0}.logs-controls{flex-wrap:wrap;gap:1rem}.auto-refresh,.logs-controls{align-items:center;display:flex}.auto-refresh{cursor:pointer;gap:.5rem;-webkit-user-select:none;user-select:none}.auto-refresh input[type=checkbox]{cursor:pointer;height:18px;width:18px}.empty-state{color:#666}.empty-state p{margin:.5rem 0}.logs-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:400px 1fr;min-height:500px}.logs-list{border:2px solid #e2e8f0;border-radius:8px;max-height:600px;overflow-y:auto}.log-item{border-bottom:1px solid #e2e8f0;cursor:pointer;padding:1rem;transition:background-color .2s}.log-item:hover{background-color:#f7fafc}.log-item.selected{background-color:#edf2f7;border-left:4px solid #667eea}.log-item.error{background-color:#fff5f5;border-left:4px solid #f56565}.log-time{color:#666;font-size:.85rem;margin-bottom:.5rem}.log-method{display:flex;gap:.5rem;margin-bottom:.5rem}.method-badge{background:#667eea;font-weight:600}.method-badge,.signature-badge{border-radius:4px;color:#fff;font-size:.75rem;padding:.25rem .5rem}.signature-badge{background:#48bb78}.error-badge{background:#f56565;border-radius:4px;color:#fff;font-size:.75rem;padding:.25rem .5rem}.log-preview{color:#333;font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.log-detail{border:2px solid #e2e8f0;border-radius:8px;max-height:600px;overflow-y:auto}.detail-header{background:#f7fafc;border-bottom:2px solid #e2e8f0;padding:1rem;position:-webkit-sticky;position:sticky;top:0;z-index:10}.detail-header h3{color:#1a1a1a}.close-btn{color:#666;font-size:1.5rem;padding:.25rem .5rem;transition:color .2s}.close-btn:hover{color:#f56565}.detail-section{border-bottom:1px solid #e2e8f0;padding:1.5rem}.detail-section:last-child{border-bottom:none}.detail-section h4{color:#333;font-size:1rem;margin:0 0 1rem}.detail-section pre{background:#f7fafc;border-radius:6px;font-size:.85rem;line-height:1.5;margin:0;padding:1rem}.detail-section code{border-radius:4px;font-size:.9rem;padding:.25rem .5rem}.detail-section code,.signature-code{background:#f7fafc;word-break:break-all}.signature-code{border-radius:6px;display:block;font-size:.85rem;padding:.75rem}.signature-status{background:#fef5e7;border-left:4px solid #f39c12;border-radius:4px;font-size:.9rem;margin-top:.5rem;padding:.5rem}.error-section{background:#fff5f5}.error-section code{background:#fed7d7;color:#c53030}.signature-verification-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:2rem;padding:2rem}.signature-verification-section h2{color:#1a1a1a;margin-bottom:.5rem}.verify-result{border:2px solid;border-radius:8px;margin-top:1.5rem;padding:1.5rem}.verify-result.success{background:#f0fff4;border-color:#48bb78}.verify-result.error{background:#fff5f5;border-color:#f56565}.verify-result h3{margin:0 0 1rem}.verify-details{font-size:.9rem}.verify-details p{margin:.75rem 0}.verify-details code{background:#0000000d;border-radius:4px;display:block;font-size:.85rem;margin-top:.25rem;padding:.5rem;word-break:break-all}.documentation-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:2rem}.documentation-section h2{color:#1a1a1a;margin-bottom:1.5rem}.documentation-section h3{color:#333;margin-bottom:1rem;margin-top:2rem}.documentation-section ol{line-height:1.8;margin-left:1.5rem}.documentation-section pre{background:#2d3748;border-radius:8px;color:#f7fafc;font-size:.9rem;line-height:1.6;overflow-x:auto;padding:1.5rem}.btn{padding:.75rem 1.5rem}.btn:disabled{opacity:.5}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2)}.btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #667eea66}.btn-secondary{background:#4a5568}.btn-secondary:hover:not(:disabled){background:#2d3748}.btn-danger{background:#f56565}.btn-danger:hover:not(:disabled){background:#c53030}.copy-btn{background:#ffffff4d;border:2px solid #fff;font-weight:600;padding:.75rem 1.5rem;transition:all .2s;white-space:nowrap}.copy-btn:hover{background:#fff;color:#667eea}.copy-btn-small{background:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.85rem;margin-top:.5rem;padding:.5rem 1rem;transition:background .2s}.copy-btn-small:hover{background:#5568d3}@media (max-width:1024px){.logs-grid{grid-template-columns:1fr}.log-detail{max-height:500px}}@media (max-width:768px){.webhook-test-page{padding:1rem}.logs-header{align-items:flex-start;flex-direction:column}.logs-controls{flex-direction:column;width:100%}.logs-controls .btn{justify-content:center;width:100%}}.login-container{align-items:center;background:linear-gradient(135deg,#ff6b35,#f7931e);display:flex;justify-content:center;min-height:100vh}.login-card{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:450px;padding:3rem;width:100%}.login-header{margin-bottom:2rem;text-align:center}.login-logo{margin-bottom:1rem;max-height:80px;max-width:200px;object-fit:contain}.login-header h1{color:#333;font-size:2rem;margin-bottom:.5rem}.login-header p{color:#6b7280}.login-form .form-group{margin-bottom:1.5rem}.login-form label{color:#374151;display:block;font-weight:500;margin-bottom:.5rem}.login-form input{border:1px solid #d1d5db;border-radius:8px;font-size:1rem;padding:.875rem;transition:border-color .3s;width:100%}.login-form input:focus{border-color:#ff6b35;outline:none}.login-btn{background:linear-gradient(135deg,#ff6b35,#f7931e);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem;transition:all .3s;width:100%}.login-btn:hover:not(:disabled){box-shadow:0 8px 20px #ff6b3566;transform:translateY(-2px)}.login-btn:disabled{cursor:not-allowed;opacity:.6}.btn-back{background:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;font-size:1rem;font-weight:600;margin-top:1rem;padding:1rem;transition:all .3s;width:100%}.btn-back:hover{background:#f9fafb;border-color:#d1d5db;transform:translateY(-2px)}.login-footer{color:#6b7280;font-size:.875rem;margin-top:2rem;text-align:center}.dashboard-header{align-items:center;border-radius:16px;box-shadow:0 8px 20px #ff6b354d;display:flex;justify-content:space-between;margin-bottom:1.5rem;overflow:hidden;padding:1.5rem 2rem;position:relative}.dashboard-header:before{animation:pulse 15s ease-in-out infinite;background:radial-gradient(circle,#ffffff1a 0,#0000 70%);content:"";height:200%;position:absolute;right:-50%;top:-50%;width:200%}.dashboard-header h1{font-size:1.875rem;font-weight:800;margin:0;text-shadow:0 2px 10px #0003}.dashboard-header h1,.date-filter{position:relative;z-index:1}.date-filter input{background:#fffffff2;border:2px solid #ffffff4d;transition:all .3s ease}.date-filter input:focus{background:#fff;border-color:#fff;box-shadow:0 4px 12px #00000026;outline:none}.date-filter span{font-size:.875rem}.stats-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(4,1fr);margin-bottom:2rem}@media (max-width:1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.stats-grid{grid-template-columns:1fr}}.dashboard .additional-stats{grid-gap:1.5rem!important;align-items:start!important;display:grid!important;gap:1.5rem!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;margin-bottom:2rem!important;width:100%!important}@media (max-width:1280px){.dashboard .additional-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media (max-width:768px){.dashboard .additional-stats{grid-template-columns:1fr!important}}.dashboard .additional-stats .stat-box{background:linear-gradient(135deg,#fff,#f8f9fa)!important;border:1px solid #fffc!important;border-radius:16px!important;box-shadow:0 4px 12px #00000014!important;display:flex!important;flex-direction:column!important;height:100%!important;min-height:auto!important;min-width:0!important;padding:2rem!important;text-align:left!important;transition:all .3s ease!important}.dashboard .additional-stats .stat-box:hover{box-shadow:0 6px 18px #0000001f;transform:translateY(-2px)}.dashboard .additional-stats .stat-box h3{border-bottom:3px solid;border-image:linear-gradient(90deg,#ff6b35,#f7931e) 1;color:#1f2937!important;font-size:1.25rem;font-weight:700;margin-bottom:1.5rem;padding-bottom:1rem}.dashboard .additional-stats .stat-details{display:flex!important;flex:1 1!important;flex-direction:column!important;gap:1rem!important;margin-left:-2rem!important;margin-right:-2rem!important;width:100%!important}.dashboard .additional-stats .stat-row{align-items:center!important;background:#fff!important;border-radius:10px!important;box-shadow:0 2px 4px #0000000d!important;display:flex!important;gap:.75rem!important;justify-content:space-between!important;transition:all .3s ease!important;width:100%!important}.dashboard .additional-stats .stat-details .stat-row:first-child{border-top-left-radius:16px!important;border-top-right-radius:16px!important}.dashboard .additional-stats .stat-details .stat-row:last-child{border-bottom-left-radius:16px!important;border-bottom-right-radius:16px!important}.dashboard .additional-stats .stat-row:hover{background:#fff7ed!important;border-left:3px solid #ff6b35!important;box-shadow:0 3px 8px #0000001a!important;transform:translateX(4px)!important}.dashboard .additional-stats .stat-row span{color:#6b7280!important;flex:1 1 auto!important;font-size:.9375rem!important;font-weight:500!important;min-width:0!important;white-space:normal!important}.dashboard .additional-stats .stat-row strong{color:#1f2937!important;flex-shrink:0!important;font-size:1.125rem!important;font-weight:700!important;white-space:nowrap!important}.dashboard .additional-stats .stat-box:first-child .stat-details .stat-row:first-child strong{color:#3b82f6!important}.dashboard .additional-stats .stat-box:first-child .stat-details .stat-row:nth-child(2) strong{color:#8b5cf6!important}.dashboard .additional-stats .stat-box:first-child .stat-details .stat-row:nth-child(3) strong{color:#f59e0b!important}.dashboard .additional-stats .stat-box:first-child .stat-details .stat-row:nth-child(4) strong{color:#ef4444!important}.dashboard .additional-stats .stat-box:first-child .stat-details .stat-row:nth-child(5) strong{color:#10b981!important}.dashboard .additional-stats .stat-box:nth-child(2) .stat-details .stat-row:first-child strong{color:#f59e0b!important}.dashboard .additional-stats .stat-box:nth-child(2) .stat-details .stat-row:nth-child(2) strong{color:#10b981!important}.dashboard .additional-stats .stat-box:nth-child(2) .stat-details .stat-row:nth-child(3) strong{color:#ef4444!important}.dashboard .additional-stats .stat-box:nth-child(2) .stat-details .stat-row:nth-child(4) strong{color:#111827!important}.success-text{color:#10b981!important}.error-text{color:#ef4444!important}.warning-text{color:#f59e0b!important}.stat-card{background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid #fffc;border-radius:16px;box-shadow:0 4px 12px #00000014;gap:1.25rem;padding:1.25rem 1.5rem}.stat-card:before{background:linear-gradient(90deg,#ff6b35,#f7931e);height:3px;left:0;opacity:0;transition:opacity .3s ease}.stat-card:hover:before{opacity:1}.stat-card:hover{box-shadow:0 8px 24px #ff6b3526;transform:translateY(-4px)}.stat-info{flex:1 1;min-width:0}.stat-info h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1f2937,#374151);-webkit-background-clip:text;background-clip:text;font-size:1.75rem;font-weight:800;line-height:1.2;margin:0;word-break:break-word}.stat-info p{color:#6b7280;font-size:.8125rem;font-weight:600;letter-spacing:.3px;line-height:1.3;margin:.375rem 0 0;text-transform:uppercase;white-space:normal}.section{background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid #fffc;border-radius:16px;box-shadow:0 4px 12px #00000014;padding:1.75rem}.section h2{border-bottom:2px solid #f3f4f6;color:#1f2937;font-size:1.375rem;font-weight:700;margin-bottom:1.5rem;padding-bottom:1rem}.data-table{border-collapse:initial;border-spacing:0}.data-table th:first-child{border-top-left-radius:10px}.data-table th:last-child{border-top-right-radius:10px}.data-table td{background:#fff;border-bottom:1px solid #f3f4f6}.data-table tbody tr{transition:all .3s ease}.data-table tbody tr:hover{transform:scale(1.01)}.data-table tbody tr:last-child td:first-child{border-bottom-left-radius:10px}.data-table tbody tr:last-child td:last-child{border-bottom-right-radius:10px}.badge{box-shadow:0 2px 4px #0000001a;padding:.5rem 1rem}.badge-expired{color:#991b1b}.badge-cancelled{color:#4b5563}.spinner{border:3px solid #f3f3f3}.btn{font-size:.875rem;letter-spacing:.5px;padding:.625rem 1.25rem;text-transform:uppercase}.btn-secondary{border:2px solid #fffc;box-shadow:0 2px 6px #0000001a;color:#ff6b35}.btn-secondary:hover{background:#fff;border-color:#fff;box-shadow:0 4px 12px #ff6b3540}.orders-page{max-width:1400px}.orders-page h1{color:#333;font-size:2rem;margin:0}.page-header{box-shadow:0 8px 24px #ff6b354d}.page-header>div:first-child{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.filters-container{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.date-filter{align-items:center;display:flex;gap:.75rem}.date-filter input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border:2px solid #fff;border-radius:10px;color:#1f2937;cursor:pointer;font-size:.875rem;font-weight:500;padding:.625rem 1rem}.date-filter input:hover{border-color:#f7931e;box-shadow:0 0 0 3px #f7931e33}.date-filter input::-webkit-calendar-picker-indicator{cursor:pointer}.btn-clear,.date-filter span{color:#fff;font-weight:600}.btn-clear{background:#ef44444d;border:2px solid #ffffff4d;border-radius:10px;cursor:pointer;padding:.625rem 1rem;transition:all .3s}.btn-clear:hover{background:#ef444480}.filters{align-items:center}.filters select{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:2px solid #ffffff4d;color:#fff;font-weight:500;padding:.75rem 1.25rem;transition:all .3s}.filters select:hover{background:#ffffff40;border-color:#ffffff80}.filters select option{color:#333}.orders-table-container{background:#fff;border:1px solid #f3f4f6;border-radius:16px;box-shadow:0 2px 12px #0000000a;overflow:hidden}.data-table thead{position:-webkit-sticky;position:sticky;top:0;z-index:10}.data-table thead,.data-table thead tr{background:linear-gradient(135deg,#ff6b35,#f7931e)!important}.data-table th{background:#0000!important;border-bottom:none;color:#fff!important;font-size:.8125rem;letter-spacing:.05em;padding:1rem 1.25rem;text-transform:uppercase;white-space:nowrap}.data-table tbody tr{background:#fff!important;border-bottom:1px solid #f3f4f6;transition:all .2s ease}.data-table tbody tr:hover{background:#fff7ed!important;box-shadow:0 2px 8px #ff6b3514}.data-table tbody tr:last-child{border-bottom:none}.data-table tfoot{background:linear-gradient(135deg,#fff7ed,#ffedd5);border-top:2px solid #ff6b35;bottom:0;position:-webkit-sticky;position:sticky}.data-table tfoot tr.summary-row td{color:#1f2937;font-size:.9375rem;font-weight:700;padding:1.25rem}.data-table tfoot tr.summary-row td:first-child{font-size:1rem}.data-table td{color:#1f2937;font-size:.875rem;padding:1rem 1.25rem;vertical-align:middle}.data-table td strong{color:#111827;font-weight:600}.data-table td small{color:#6b7280;display:block;font-size:.75rem;margin-top:.25rem}.badge.countdown{animation:pulse 2s ease-in-out infinite}.btn-secondary:hover{background:#f9fafb;border-color:#d1d5db;box-shadow:0 2px 6px #0000001a}.btn-primary{background:linear-gradient(135deg,#ff6b35,#f7931e)}.btn-primary:hover{box-shadow:0 4px 12px #ff6b354d;transform:translateY(-1px)}.modal{animation:fadeIn .3s ease}.modal-content{animation:slideUp .3s ease;max-width:650px}.modal-content h2{margin-bottom:1.5rem}.close{transition:all .3s}.close:hover{transform:rotate(90deg)}.order-detail{padding:1rem 0}.order-detail p{background:#f9fafb;border-left:3px solid #667eea;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:1.25rem;padding:1rem}.order-detail strong{color:#6b7280;font-weight:500}.empty-state{background:#fff;border-radius:16px;box-shadow:0 4px 16px #0000000f;padding:4rem 2rem}.empty-state p{color:#9ca3af;font-size:1.125rem;margin-bottom:1.5rem}.detail-card{border:1px solid #e5e7eb}.detail-card:last-child{margin-bottom:0}.detail-header{align-items:center;border-bottom:2px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:1.25rem;padding-bottom:.75rem}.detail-header h3{color:#374151;font-size:1.125rem;margin:0}.detail-grid{grid-gap:1rem;display:grid;gap:1rem}.detail-item{align-items:center;background:#fff;border-left:3px solid #e5e7eb;border-radius:8px;display:flex;justify-content:space-between;padding:1rem 1.25rem;transition:all .3s}.detail-item:hover{border-left-color:#667eea;box-shadow:0 2px 8px #667eea1a}.detail-item.highlight{background:linear-gradient(135deg,#ede9fe,#e0e7ff);border-left-color:#667eea}.detail-label{color:#6b7280;font-size:.875rem;font-weight:500}.detail-value{color:#1f2937;font-size:1rem;font-weight:600}.upload-placeholder p{color:#374151;font-weight:500;margin:1rem 0 .5rem}.upload-placeholder small{color:#9ca3af;font-size:.8125rem}.upload-actions{margin-top:1.5rem}.btn-success{background:#10b981}.btn-success:hover:not(:disabled){background:#059669;box-shadow:0 6px 16px #10b98166;transform:translateY(-2px)}.btn-success:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.page-header{flex-direction:column;gap:1rem;padding:1.5rem}.page-header h1{font-size:1.5rem}.data-table{font-size:.8125rem}.data-table td,.data-table th{padding:.875rem .75rem}.filters{justify-content:stretch;width:100%}.filters select{flex:1 1}.detail-grid{grid-template-columns:1fr}}.create-order-page h1{color:#333;font-size:2rem;font-weight:600;margin-bottom:2rem}.form-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;margin-bottom:2rem;max-width:600px;padding:2rem}.form-group input,.form-group select{font-size:1rem;width:100%}.form-group small{color:#6b7280;display:block;font-size:.875rem;margin-top:.25rem}.create-order-page .btn{border:none;border-radius:8px;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:all .3s}.create-order-page .btn-primary{background:linear-gradient(135deg,#ff6b35,#f7931e)!important;color:#fff!important;font-size:1rem;font-weight:500}.create-order-page .btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #ff6b3566;opacity:.95;transform:translateY(-2px)}.create-order-page .btn-primary:disabled{cursor:not-allowed;opacity:.6}.order-result{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;max-width:500px;padding:2rem}.result-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.result-header h2{color:#10b981;font-weight:600}.close-btn{background:none;border:none;color:#9ca3af;cursor:pointer;font-size:2rem;transition:color .3s}.close-btn:hover{color:#6b7280}.result-content{text-align:center}.order-info{background:#f9fafb;border-radius:8px;margin-bottom:1.5rem;padding:1.5rem;text-align:left}.order-info p{line-height:1.6;margin-bottom:.75rem}.qr-section{margin:1.5rem 0}.qr-section h3{color:#374151;font-weight:600;margin-bottom:1rem}.qr-code{border:2px solid #e5e7eb;border-radius:8px;max-width:300px;padding:1rem}.qr-note{color:#6b7280;font-size:.875rem;margin-top:1rem}.countdown{color:#ff6b35;font-size:1.125rem;font-weight:500;margin-top:1rem}.countdown strong{color:#f7931e;font-weight:600}.wallet-page{max-width:1200px}.wallet-balance-card{background:linear-gradient(135deg,#ff6b35,#f7931e);border-radius:20px;box-shadow:0 10px 40px #ff6b3566;color:#fff;margin-bottom:2rem;padding:2.5rem}.balance-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.balance-header h1{color:#fff;font-size:2rem;margin-bottom:.25rem}.balance-header p{font-size:1rem;opacity:.9}.balance-display{margin:2.5rem 0;text-align:center}.balance-label{font-size:1rem;margin-bottom:.75rem;opacity:.9}.balance-amount{font-size:4rem;font-weight:900;letter-spacing:-.02em;text-shadow:0 4px 16px #0003}.balance-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:2rem}.stat-item{border:1px solid #fff3;padding:1.5rem}.stat-label{font-size:.9375rem;margin-bottom:.75rem}.stat-value{font-size:1.75rem;font-weight:700}.stat-value.success{color:#6ee7b7}.stat-value.error{color:#fca5a5}.transactions-section{background:#fff;border-radius:16px;box-shadow:0 4px 16px #0000000f;padding:2rem}.transactions-section h2{color:#374151;font-size:1.5rem;margin-bottom:1.5rem}.transactions-list{display:flex;flex-direction:column;gap:.75rem}.transaction-item{align-items:center;background:#f9fafb;border-left:4px solid #e5e7eb;border-radius:12px;display:flex;gap:1rem;padding:1.25rem;transition:all .3s}.transaction-item:hover{background:#f3f4f6;transform:translateX(4px)}.transaction-item.credit{border-left-color:#10b981}.transaction-item.debit{border-left-color:#ef4444}.tx-icon{font-size:2rem}.tx-info{flex:1 1}.tx-description{color:#1f2937;font-weight:600;margin-bottom:.25rem}.tx-meta{align-items:center;color:#9ca3af;display:flex;font-size:.8125rem;gap:1rem}.fee-badge{background:#fef3c7;border-radius:4px;color:#92400e;font-size:.75rem;font-weight:600;padding:.25rem .5rem}.status-badge{border-radius:4px;margin-left:.5rem;padding:.25rem .625rem}.tx-amount{font-size:1.5rem;font-weight:800}.tx-amount.credit{color:#10b981}.tx-amount.debit{color:#ef4444}.settlement-page{max-width:1200px}.page-header h1{color:#333}.balance-summary{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:16px;box-shadow:0 8px 24px #10b9814d;color:#fff;display:flex;justify-content:space-between;margin-bottom:2rem;padding:2rem}.summary-label{font-size:1rem;margin-bottom:.5rem;opacity:.9}.summary-value{font-weight:900}.settlements-section{background:#fff;border-radius:16px;box-shadow:0 4px 16px #0000000f;padding:2rem}.settlements-section h2{color:#374151;font-size:1.5rem;margin-bottom:1.5rem}.settlements-list{display:flex;flex-direction:column;gap:1.5rem}.settlement-card{background:#f9fafb;border:2px solid #e5e7eb}.settlement-card:hover{border-color:#667eea;box-shadow:0 8px 24px #667eea1a}.settlement-card.pending{border-left:6px solid #f59e0b}.settlement-card.completed{border-left:6px solid #10b981}.settlement-card.rejected{border-left:6px solid #ef4444}.settlement-header{align-items:flex-start;border-bottom:2px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.settlement-header h3{color:#1f2937;font-size:2rem;margin:0}.settlement-date{color:#9ca3af;font-size:.875rem;margin-top:.5rem}.status-badge.pending{background:#fef3c7}.status-badge.completed{background:#d1fae5;color:#065f46}.status-badge.rejected{background:#fee2e2;color:#991b1b}.settlement-details{margin-bottom:1rem}.settlement-details p{color:#6b7280;margin-bottom:.75rem}.settlement-slip{border-top:2px solid #e5e7eb;margin-top:1.5rem;padding-top:1.5rem}.settlement-slip h4{color:#374151;margin-bottom:1rem}.otp-section{background:#fff7ed;border:2px solid #ff6b35;border-radius:12px;margin:1.5rem 0;padding:1.5rem}.warning-box{margin-bottom:1rem}.payouts-page{margin:0 auto;max-width:1400px;padding:2rem}.page-header h1{color:#f7931e;margin-bottom:.5rem}.page-header p{color:#666;font-size:1rem}.payout-stats-grid{grid-gap:1.2rem;display:grid;gap:1.2rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:2rem}.payout-stat-card{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 4px #0000000d;display:flex;gap:1rem;padding:1.3rem;transition:all .2s}.payout-stat-card:hover{border-color:#f7931e;box-shadow:0 4px 12px #f7931e26;transform:translateY(-2px)}.payout-stat-card .stat-icon{align-items:center;background:#f7931e1a;border-radius:12px;display:flex;font-size:1.8rem;height:55px;justify-content:center;width:55px}.payout-stat-card.stat-wallet .stat-icon{background:linear-gradient(135deg,#f7931e,#ff6b35);color:#fff}.payout-stat-card.stat-pending .stat-icon{background:#fbbf2426;color:#f59e0b}.payout-stat-card.stat-completed .stat-icon{background:#22c55e26;color:#22c55e}.payout-stat-card.stat-total .stat-icon{background:#60a5fa26;color:#3b82f6}.payout-stat-card .stat-info{flex:1 1}.payout-stat-card .stat-label{color:#666;font-size:.85rem;margin-bottom:.3rem}.payout-stat-card .stat-value{color:#333;font-size:1.8rem;font-weight:700}.payout-stat-card .stat-amount{color:#f7931e;font-size:.9rem;margin-top:.2rem}.payout-page-actions{gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.payout-filter-group,.payout-page-actions{align-items:center;display:flex;flex-wrap:wrap}.payout-filter-group{gap:.6rem}.payout-filter-select{font-size:.95rem;min-width:150px}.payout-filter-date,.payout-filter-select{border:1px solid #ddd;border-radius:8px;cursor:pointer;padding:.5rem .8rem;transition:all .2s}.payout-filter-date{font-size:.9rem;min-width:140px}.payout-date-separator{color:#666;font-size:.9rem;font-weight:500;padding:0 .3rem}.payout-filter-date:hover,.payout-filter-select:hover{border-color:#f7931e}.payout-filter-date:focus,.payout-filter-select:focus{border-color:#f7931e;box-shadow:0 0 0 3px #f7931e1a;outline:none}.table-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.data-table{border-collapse:collapse;width:100%}.data-table thead{background:linear-gradient(135deg,#f7931e,#ff6b35)}.data-table th{border-bottom:2px solid #fff3;color:#fff;font-size:.9rem;font-weight:600;padding:1rem;text-align:left}.data-table td{border-bottom:1px solid #e9ecef;font-size:.95rem;padding:1rem}.data-table tbody tr{transition:background-color .2s}.data-table tbody tr:hover{background-color:#f8f9fa}.no-data{color:#999;font-size:1rem;padding:3rem!important;text-align:center!important}.amount-text{color:#f7931e;font-size:1.1rem}code{background:#f4f4f4;border-radius:4px;font-family:Courier New,monospace;font-size:.9rem;padding:.2rem .5rem}.status-badge{display:inline-block;font-size:.85rem;padding:.4rem .8rem}.status-pending{background:#fff3cd;color:#856404}.status-approved{background:#d1ecf1;color:#0c5460}.status-rejected{background:#f8d7da;color:#721c24}.status-completed{background:#d4edda;color:#155724}.status-cancelled{background:#e2e3e5;color:#383d41}.badge{font-size:.8rem;padding:.3rem .6rem}.badge-api{background:#e7f3ff;color:#0056b3}.badge-portal{background:#f0e7ff;color:#6f42c1}.btn{font-size:.95rem;gap:.5rem;padding:.7rem 1.5rem;transition:all .2s}.btn-primary{background:#f7931e;color:#fff}.btn-primary:hover:not(:disabled){background:#e67e0d;box-shadow:0 4px 8px #f7931e4d;transform:translateY(-1px)}.btn-secondary{background:#6c757d}.btn-secondary:hover:not(:disabled){background:#5a6268}.btn-danger{background:#dc3545}.btn-danger:hover:not(:disabled){background:#c82333}.btn-info{background:#17a2b8}.btn-info:hover:not(:disabled){background:#138496}.btn-sm{font-size:.85rem;padding:.4rem .8rem}.modal-overlay{animation:fadeIn .2s;background:#0009}.modal-content{animation:slideUp .3s;box-shadow:0 10px 40px #0000004d}.modal-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:1.5rem 2rem}.modal-header h2{color:#333;font-size:1.5rem;margin:0}.modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#999;cursor:pointer;display:flex;font-size:1.8rem;height:32px;justify-content:center;padding:0;transition:all .2s;width:32px}.modal-close:hover{background:#f8f9fa;color:#333}.payout-form{padding:2rem}.form-group label{color:#333}.form-group input,.form-group textarea{border:1px solid #ddd;border-radius:8px;font-size:.95rem;padding:.75rem;transition:all .2s;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#f7931e;box-shadow:0 0 0 3px #f7931e1a;outline:none}.form-hint{color:#666;font-size:.85rem}.modal-actions{border-top:1px solid #e9ecef;padding-top:1rem}.loading-container{align-items:center;color:#666;display:flex;flex-direction:column;justify-content:center;min-height:400px}.spinner{border-top-color:#f7931e;margin-bottom:1rem}.pagination{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;gap:1.5rem;padding:1.5rem}.pagination-info{color:#333;font-weight:600}.pagination-info small{color:#666;font-weight:400;margin-left:.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.payouts-page{padding:1rem}.page-header h1{font-size:1.5rem}.payout-stats-grid{grid-template-columns:1fr}.payout-stat-card .stat-value{font-size:1.5rem}.payout-page-actions{align-items:stretch;flex-direction:column}.payout-filter-group{width:100%}.payout-filter-date,.payout-filter-select{flex:1 1;min-width:auto}.table-container{overflow-x:auto}.data-table{min-width:1000px}.modal-content{max-height:95vh;width:95%}.payout-form{padding:1rem}.modal-actions{flex-direction:column}.modal-actions .btn{width:100%}}.api-keys-page h1{color:#333;font-size:2rem;margin-bottom:2rem}.info-box.warning{background:#fef3c7;border-left:4px solid #f59e0b}.info-box.success{background:#d1fae5;border-left:4px solid #10b981}.info-box h3{margin-bottom:1rem}.info-box .btn.btn-primary{background:linear-gradient(135deg,#ff6b35,#f7931e)!important;border:none!important;border-radius:8px;color:#fff!important;cursor:pointer;font-weight:500;margin-top:1rem;padding:.75rem 1.5rem;transition:all .3s}.info-box .btn.btn-primary:hover{box-shadow:0 4px 12px #ff6b3566!important;opacity:.95;transform:translateY(-2px)}.keys-container{grid-gap:1.5rem;display:grid;gap:1.5rem;margin-bottom:2rem}.key-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;padding:2rem}.key-card h3{color:#374151;margin-bottom:1rem}.key-display{background:#f9fafb;border-radius:8px;gap:1rem;margin-bottom:1rem;padding:1rem}.key-display code{font-family:Courier New,monospace}.api-keys-page .copy-btn,.copy-btn{background:linear-gradient(135deg,#ff6b35,#f7931e)!important;border:none!important;border-radius:6px;color:#fff!important;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem!important;transition:all .3s}.api-keys-page .copy-btn:hover,.copy-btn:hover{box-shadow:0 4px 12px #ff6b3566!important;opacity:.95;transform:translateY(-2px)}.key-note{color:#6b7280;font-size:.875rem;margin-bottom:.5rem}.key-warning{color:#ef4444;font-size:.875rem;font-weight:500}.actions{margin:2rem 0}.api-keys-page .btn.btn-primary{background:linear-gradient(135deg,#ff6b35,#f7931e)!important;border:none!important;border-radius:8px;color:#fff!important;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:all .3s}.api-keys-page .btn.btn-primary:hover{box-shadow:0 4px 12px #ff6b3566!important;opacity:.95;transform:translateY(-2px)}.btn-danger{background:#ef4444;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:all .3s}.btn-danger:hover{background:#dc2626;box-shadow:0 4px 12px #ef444466;transform:translateY(-2px)}.usage-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;padding:2rem}.usage-section h2{margin-bottom:1.5rem}.code-example pre{background:#1f2937;border-radius:8px;color:#f9fafb;font-size:.875rem;overflow-x:auto;padding:1.5rem}.api-docs-page{margin:0 auto;max-width:1200px}.docs-hero{align-items:center;background:linear-gradient(135deg,#ff6b35,#f7931e);border-radius:20px;box-shadow:0 10px 40px #ff6b354d;color:#fff;display:flex;gap:2rem;justify-content:space-between;margin-bottom:2rem;padding:3rem 2.5rem}.hero-content h1{color:#fff;font-size:2.5rem;font-weight:800;margin-bottom:.75rem}.hero-content p{font-size:1.125rem;line-height:1.6;opacity:.95}.hero-stats{display:flex;gap:2rem}.stat-item{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border-radius:12px;display:flex;gap:.75rem;padding:1rem 1.5rem}.stat-value{font-size:1.5rem;font-weight:800}.stat-label{font-size:.75rem;opacity:.9}.docs-tabs{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000d;display:flex;gap:.5rem;margin-bottom:2rem;overflow-x:auto;padding:.75rem}.tab-button{align-items:center;background:#0000;border:none;border-radius:10px;color:#6b7280;cursor:pointer;display:flex;font-size:.9375rem;font-weight:600;gap:.5rem;padding:.875rem 1.5rem;transition:all .3s;white-space:nowrap}.tab-button:hover{background:#fff7ed;color:#ea580c}.tab-button.active{background:linear-gradient(135deg,#ff6b35,#f7931e);box-shadow:0 4px 12px #667eea4d;color:#fff}.tab-icon{font-size:1.25rem}.docs-content{background:#fff;border-radius:20px;box-shadow:0 4px 16px #0000000f;margin-bottom:2rem;min-height:400px;padding:2.5rem}.content-section h2{color:#1f2937;font-size:2rem;font-weight:800;margin-bottom:1.5rem}.intro-text{color:#6b7280;font-size:1.125rem;line-height:1.7;margin-bottom:2.5rem}.features-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:3rem}.feature-card{background:linear-gradient(135deg,#f9fafb,#fff);border:2px solid #e5e7eb;border-radius:16px;padding:2rem;text-align:center;transition:all .3s}.feature-card:hover{border-color:#667eea;box-shadow:0 12px 32px #667eea33;transform:translateY(-8px)}.feature-icon{font-size:3rem;margin-bottom:1rem}.feature-card h3{color:#1f2937;font-size:1.25rem;margin-bottom:.5rem}.feature-card p{color:#6b7280;font-size:.9375rem}.quick-start{background:linear-gradient(135deg,#fff7ed,#ffedd5);border-left:4px solid #fb923c;border-radius:12px;padding:2rem}.quick-start h3{color:#ea580c;font-size:1.5rem;margin-bottom:1.5rem}.quick-steps{counter-reset:step;list-style:none;padding:0}.quick-steps li{color:#1f2937;counter-increment:step;font-size:1.0625rem;font-weight:500;margin-bottom:1.25rem;padding-left:3rem;position:relative}.quick-steps li:before{align-items:center;background:linear-gradient(135deg,#fb923c,#ea580c);border-radius:50%;box-shadow:0 4px 12px #fb923c4d;color:#fff;content:counter(step);display:flex;font-weight:800;height:32px;justify-content:center;left:0;position:absolute;top:-2px;width:32px}.auth-box{margin-bottom:2rem}.auth-box h3{color:#374151;font-size:1.5rem;margin-bottom:1rem}.auth-box p{color:#6b7280;font-size:1.0625rem;margin-bottom:1.5rem}.code-block{background:#1f2937;border-radius:12px;box-shadow:0 4px 16px #0000001a;margin-bottom:2rem;overflow:hidden}.code-header{align-items:center;background:#111827;border-bottom:1px solid #374151;display:flex;justify-content:space-between;padding:.875rem 1.25rem}.code-header span{color:#9ca3af;font-size:.875rem;font-weight:600}.copy-btn{background:#374151;border-radius:6px;font-size:.8125rem;padding:.5rem 1rem}.copy-btn:hover{background:#4b5563}.code-block pre{color:#f9fafb;font-family:Courier New,monospace;font-size:.875rem;line-height:1.6;margin:0;overflow-x:auto;padding:1.5rem;white-space:pre-wrap;word-break:break-word}.code-block code{color:#a5f3fc}.warning-box{border-radius:12px;display:flex;gap:1rem;margin-top:2rem;padding:1.5rem}.warning-icon{flex-shrink:0;font-size:1.5rem}.warning-box strong{color:#92400e;display:block;margin-bottom:.5rem}.warning-box p{font-size:.9375rem;margin:0}.endpoint-card{background:#f9fafb;border:2px solid #e5e7eb;border-radius:16px;margin-bottom:2rem;padding:2rem;transition:all .3s}.endpoint-card:hover{border-color:#667eea;box-shadow:0 8px 24px #667eea1a}.endpoint-header{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.method{border-radius:8px;font-size:.875rem;font-weight:700;letter-spacing:.05em;padding:.5rem 1rem}.method.post{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 8px #10b9814d;color:#fff}.method.get{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 2px 8px #3b82f64d;color:#fff}.endpoint-path{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#1f2937;font-family:Courier New,monospace;font-size:1.125rem;overflow-wrap:break-word;padding:.5rem 1rem;word-break:break-all}.endpoint-desc{color:#6b7280;font-size:1.0625rem;margin-bottom:2rem}.params-section,.response-section{margin:2rem 0}.params-section h4,.response-section h4{color:#374151;font-size:1.125rem;margin-bottom:1rem}.params-table{background:#fff;border-collapse:collapse;border-radius:12px;overflow:hidden;width:100%}.params-table th{background:#f3f4f6;color:#374151;font-size:.875rem;font-weight:600;padding:.875rem 1rem;text-align:left}.params-table td{border-bottom:1px solid #f3f4f6;color:#1f2937;font-size:.9375rem;padding:.875rem 1rem}.params-table code{background:#f3f4f6;border-radius:4px;color:#667eea;font-family:Courier New,monospace;font-size:.875rem;overflow-wrap:break-word;padding:.25rem .5rem;word-break:break-word}.badge-required{background:#fee2e2;color:#991b1b}.badge-optional,.badge-required{border-radius:4px;font-size:.75rem;font-weight:600;padding:.25rem .625rem}.badge-optional{background:#e0e7ff;color:#3730a3}.status-badges{margin-top:2rem}.status-badges h4{color:#374151;margin-bottom:1rem}.badge-list{display:flex;flex-wrap:wrap;gap:.75rem}.status-badge{box-shadow:0 2px 8px #00000014;padding:.625rem 1.25rem}.status-badge.pending{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.status-badge.paid{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46}.status-badge.expired{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b}.status-badge.cancelled{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);color:#4b5563}.language-selector{display:flex;gap:.75rem;margin-bottom:2rem}.lang-button{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:10px;color:#374151;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s}.lang-button:hover{border-color:#ff6b35;transform:translateY(-2px)}.lang-button.active{background:linear-gradient(135deg,#ff6b35,#f7931e);border-color:#ff6b35;box-shadow:0 4px 12px #ff6b354d;color:#fff}.example-section{margin-bottom:3rem}.example-section h3{color:#374151;font-size:1.375rem;margin-bottom:1rem}.tips-box{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-left:4px solid #3b82f6;border-radius:12px;margin-top:2rem;padding:2rem}.tips-box h3{color:#1e40af;font-size:1.25rem;margin-bottom:1rem}.tips-box ul{list-style:none;padding:0}.tips-box li{color:#1e3a8a;font-size:.9375rem;margin-bottom:.875rem;padding-left:2rem;position:relative}.tips-box li:before{content:"💡";left:0;position:absolute}.setup-box,.webhook-info{margin-bottom:2rem}.setup-box{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-left:4px solid #10b981;border-radius:12px;padding:2rem}.setup-box h3{color:#166534;font-size:1.25rem;margin-bottom:1.25rem}.setup-steps{counter-reset:setup;list-style:none;padding:0}.setup-steps li{color:#166534;counter-increment:setup;font-weight:500;margin-bottom:1rem;padding-left:3rem;position:relative}.setup-steps li:before{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;box-shadow:0 4px 12px #10b9814d;color:#fff;content:counter(setup);display:flex;font-weight:800;height:32px;justify-content:center;left:0;position:absolute;width:32px}.payload-section,.verify-section{margin-bottom:2rem}.payload-section h3,.verify-section h3{color:#374151;font-size:1.375rem;margin-bottom:1rem}.quick-reference{background:linear-gradient(135deg,#ff6b35,#f7931e);border-radius:20px;box-shadow:0 10px 40px #ff6b354d;color:#fff;padding:2.5rem}.quick-reference h3{color:#fff;font-size:1.5rem;margin-bottom:1.5rem}.ref-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.ref-item{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:1.25rem}.ref-item strong{color:#fff;display:block;font-size:.875rem;margin-bottom:.5rem}.ref-item code{color:#000;display:block;font-family:Courier New,monospace;font-size:1.0625rem;line-height:1.6;overflow-wrap:break-word;word-break:break-all}@media (max-width:768px){.docs-hero{flex-direction:column;padding:2rem 1.5rem;text-align:center}.hero-content h1{font-size:1.875rem}.hero-stats{flex-direction:column;gap:1rem;width:100%}.docs-content{padding:1.5rem}.features-grid,.ref-grid{grid-template-columns:1fr}}.webhook-settings-page{max-width:1000px}.webhook-settings-page h1{color:#333;font-size:2rem;margin-bottom:2rem}.info-box{background:#eff6ff;border-radius:12px;margin-bottom:2rem;padding:1.5rem}.info-box h3{color:#1e40af;margin-bottom:.75rem}.info-box p{color:#1e3a8a;line-height:1.6}.success-box{background:#d1fae5;border-left:4px solid #10b981;margin-bottom:2rem}.success-box h3{color:#065f46}.secret-display{align-items:center;background:#fff;border-radius:8px;display:flex;gap:1rem;padding:1rem}.secret-display code{color:#1f2937;flex:1 1;font-family:Courier New,monospace;word-break:break-all}.copy-btn{background:linear-gradient(135deg,#ff6b35,#f7931e)!important;color:#fff!important;font-weight:500}.copy-btn:hover{box-shadow:0 4px 12px #ff6b3566;opacity:.95;transform:translateY(-2px)}.settings-card{background:#fff;box-shadow:0 4px 16px #0000000f;margin-bottom:2rem}.settings-card h2{color:#374151}.security-section{border-top:2px solid #f3f4f6;margin-top:2rem;padding-top:2rem}.security-section h3{color:#374151;margin-bottom:1rem}.secret-status{margin:1rem 0}.form-actions{margin-top:1.5rem}.btn-warning{background:#f59e0b;color:#fff}.btn-warning:hover{background:#d97706}.webhook-docs{background:#fff;border-radius:16px;box-shadow:0 4px 16px #0000000f;margin-bottom:2rem;padding:2rem}.webhook-docs h2{color:#374151;margin-bottom:1rem}.webhook-docs h3{color:#6b7280;margin-bottom:.75rem;margin-top:1.5rem}.webhook-docs pre{background:#1f2937;border-radius:10px;color:#f9fafb;font-size:.875rem;margin:1rem 0;overflow-x:auto;padding:1.5rem}.logs-section h2{color:#374151}.logs-table td{color:#1f2937}.webhook-settings-page .btn.btn-primary{background:linear-gradient(135deg,#ff6b35,#f7931e)!important;border:none!important;border-radius:10px;color:#fff!important;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s}.webhook-settings-page .btn.btn-primary:hover{box-shadow:0 4px 12px #ff6b3566!important;opacity:.95;transform:translateY(-2px)}.webhook-settings-page .btn-warning{background:#f59e0b!important;border:none;border-radius:10px;color:#fff!important;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s}.webhook-settings-page .btn-warning:hover{background:#d97706!important;box-shadow:0 4px 12px #f59e0b66;transform:translateY(-2px)}.webhook-settings-page .btn.btn-secondary{background:#f3f4f6;border:none;border-radius:10px;color:#6b7280;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s}.webhook-settings-page .btn.btn-secondary:hover{background:#e5e7eb;transform:translateY(-2px)}.webhook-settings-page .btn-danger{background:#ef4444;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s}.webhook-settings-page .btn-danger:hover{background:#dc2626;box-shadow:0 4px 12px #ef444466;transform:translateY(-2px)}.telegram-settings{margin:0 auto;max-width:1400px;padding:2rem}.page-header{align-items:flex-start;color:#fff}.page-header h1{margin:0 0 .5rem}.page-header .subtitle{color:#fffffff2;font-size:1rem;margin:0;opacity:.95}.btn-info{background:linear-gradient(135deg,#ff6b35,#f7931e);border:none;border-radius:10px;box-shadow:0 4px 12px #ff6b354d;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease;white-space:nowrap}.btn-info:hover{box-shadow:0 6px 16px #ff6b3580;opacity:.95;transform:translateY(-2px)}.instructions-card{background:linear-gradient(135deg,#fff5e6,#fff);border:2px solid gold;border-radius:16px;box-shadow:0 4px 12px #ffd70033;margin-bottom:2rem;padding:2rem}.instructions-card h3{color:#d97706;font-size:1.5rem;margin-bottom:1.5rem;margin-top:0}.instructions-list{margin:0;padding-left:1.5rem}.instructions-list li{line-height:1.6;margin-bottom:1.5rem}.instructions-list strong{color:#d97706;font-size:1.1rem}.instructions-list ul{margin-bottom:.5rem;margin-top:.5rem}.instructions-list code{background:#0000000d;border-radius:4px;color:#d97706;font-family:Courier New,monospace;font-weight:600;padding:.2rem .5rem}.alert{align-items:flex-start;border-radius:10px;display:flex;gap:.5rem;margin-top:1.5rem;padding:1rem 1.5rem}.alert-info{background:#dbeafe;border-left:4px solid #3b82f6;color:#1e40af}.alert-success{background:#d1fae5;border-left:4px solid #10b981;color:#065f46}.alert strong{display:block;margin-bottom:.25rem}.settings-grid{grid-gap:2rem;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(500px,1fr))}.settings-card{background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid #fffc;border-radius:16px;box-shadow:0 4px 12px #00000014;padding:2rem}.settings-card h2{border-bottom:3px solid;border-image:linear-gradient(90deg,#ff6b35,#f7931e) 1;color:#1f2937;font-size:1.5rem;margin-top:0;padding-bottom:1rem}.form-group,.settings-card h2{margin-bottom:1.5rem}.form-group label{display:block;font-size:.95rem;font-weight:600}.required{color:#ef4444;margin-left:.25rem}.form-input{background:#fff;border:2px solid #e5e7eb;border-radius:10px;font-size:1rem;padding:.875rem 1rem;transition:all .3s ease;width:100%}.form-input:focus{border-color:#ff6b35;box-shadow:0 0 0 3px #ff6b351a;outline:none}.form-hint{color:#6b7280;display:block;font-size:.875rem;margin-top:.5rem}.form-actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2rem}.btn{border-radius:10px;font-size:1rem;padding:.875rem 1.5rem;transition:all .3s ease}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background:linear-gradient(135deg,#ff6b35,#f7931e)!important;box-shadow:0 4px 12px #ff6b3566;color:#fff!important}.btn-primary:hover:not(:disabled){box-shadow:0 6px 16px #ff6b3580;opacity:.95;transform:translateY(-2px)}.btn-secondary{background:#f3f4f6;color:#6b7280}.btn-secondary:hover:not(:disabled){background:#e5e7eb;box-shadow:0 4px 12px #0000001a;color:#374151;transform:translateY(-2px)}.status-info{background:#fff;border-radius:12px;box-shadow:0 2px 6px #0000000d;margin-bottom:2rem;padding:1.5rem}.status-item{align-items:center;display:flex;justify-content:space-between;padding:.75rem 0}.status-item:not(:last-child){border-bottom:1px solid #f3f4f6}.status-label{color:#374151;font-weight:600}.status-badge{border-radius:8px;white-space:nowrap}.status-badge.success{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46}.status-badge.warning{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.status-badge.disabled{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);color:#6b7280}.toggle-section{border-radius:12px;box-shadow:0 2px 6px #0000000d;margin:2rem 0;padding:1.5rem}.toggle-label{align-items:center;cursor:pointer;display:flex;gap:1rem;position:relative}.toggle-checkbox{display:none}.toggle-slider{background:#d1d5db;border-radius:15px;flex-shrink:0;height:30px;position:relative;transition:all .3s ease;width:56px}.toggle-slider:before{background:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;content:"";height:24px;left:3px;position:absolute;top:3px;transition:all .3s ease;width:24px}.toggle-checkbox:checked+.toggle-slider{background:linear-gradient(135deg,#10b981,#059669)}.toggle-checkbox:checked+.toggle-slider:before{transform:translateX(26px)}.toggle-text{color:#374151;font-size:1rem;font-weight:600}.notification-info{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:2px solid #bae6fd;border-radius:12px;margin-bottom:1rem;padding:1.5rem}.notification-info h3{color:#0369a1;font-size:1.125rem;margin-bottom:1rem;margin-top:0}.notification-list{list-style:none;margin:0;padding:0}.notification-list li{align-items:center;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000000d;display:flex;gap:.75rem;margin-bottom:.5rem;padding:.75rem}.notification-list .icon{flex-shrink:0;font-size:1.5rem}.spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#ff6b35;height:50px;margin:3rem auto;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.telegram-settings{padding:1rem}.page-header{flex-direction:column;gap:1rem}.settings-grid{grid-template-columns:1fr}.form-actions{flex-direction:column}.btn{width:100%}}.twofa-page{margin:0 auto;max-width:800px}.page-header h1{color:#fff;font-size:1.875rem;font-weight:800}.twofa-page h1{color:#333;font-size:2rem;margin-bottom:2rem}.twofa-disabled,.twofa-enabled{text-align:center}.info-card{background:linear-gradient(135deg,#fff7ed,#ffedd5);border:2px solid #ff6b35;border-radius:20px;margin-bottom:2rem;padding:3rem 2rem}.info-card h2{color:#ea580c;margin-bottom:1rem}.info-card p{color:#92400e;font-size:1.125rem;margin-bottom:2rem}.info-card ul{list-style:none;margin:0 auto;max-width:400px;padding:0;text-align:left}.info-card li{color:#1f2937;font-size:1.0625rem;padding:.75rem 0}.setup-container{background:#fff;border-radius:20px;box-shadow:0 10px 40px #0000001a;padding:2rem}.setup-step{background:#f9fafb;border-left:4px solid #ff6b35;border-radius:16px;margin-bottom:2rem;padding:2rem;position:relative}.setup-step:last-child{margin-bottom:0}.step-number{align-items:center;background:linear-gradient(135deg,#ff6b35,#f7931e);border-radius:50%;box-shadow:0 4px 12px #ff6b3566;color:#fff;display:flex;font-size:1.125rem;font-weight:800;height:36px;justify-content:center;left:20px;position:absolute;top:-12px;width:36px}.setup-container h2{color:#1f2937;font-size:1.5rem;margin-bottom:1.5rem}.qr-section{background:#fff;border-radius:12px;padding:2rem;text-align:center}.qr-image{background:#fff;border:3px solid #ff6b35;border-radius:16px;margin-bottom:1rem;max-width:250px;padding:1rem}.qr-instruction{color:#6b7280;font-size:.9375rem;margin-top:1rem}.qr-instruction strong{color:#ff6b35}.backup-codes{background:#fff;border-radius:12px;padding:0}.backup-codes h3{color:#1f2937;font-size:1.375rem;margin-bottom:1.5rem}.backup-warning{background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #f59e0b;border-radius:12px;color:#92400e;font-size:.9375rem;line-height:1.6;margin-bottom:1.5rem;padding:1.25rem}.backup-warning svg{color:#f59e0b;margin-right:.5rem}.backup-warning strong{color:#b45309;display:inline-block;margin-right:.5rem}.codes-grid{grid-gap:.75rem;background:#f9fafb;border:2px dashed #d1d5db;border-radius:12px;display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr);padding:1.5rem}.backup-code-item{align-items:center;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000000d;display:flex;gap:.5rem;padding:.875rem 1rem;transition:all .2s}.backup-code-item:hover{box-shadow:0 2px 6px #0000001a;transform:translateX(4px)}.code-number{color:#ff6b35;font-size:.875rem;font-weight:700;min-width:20px}.backup-code-item code{color:#1f2937;font-family:Courier New,monospace;font-size:1rem;font-weight:600;letter-spacing:.05em}.verify-form{background:#fff;border-radius:12px;padding:2rem;text-align:center}.verify-form h3{color:#1f2937;font-size:1.25rem;margin-bottom:.75rem}.verify-instruction{color:#6b7280;font-size:.9375rem;margin-bottom:1.5rem}.otp-input{border:2px solid #e5e7eb;border-radius:10px;display:block;font-family:Courier New,monospace;font-size:1.5rem;font-weight:600;letter-spacing:.5rem;margin-bottom:1.25rem;margin-left:auto;margin-right:auto;padding:.875rem .75rem;text-align:center;transition:all .3s;width:200px}.otp-input:focus{border-color:#ff6b35;box-shadow:0 0 0 3px #ff6b351a;outline:none;transform:scale(1.01)}.otp-input::placeholder{color:#d1d5db;letter-spacing:.5rem}.success-card{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:2px solid #10b981;border-radius:20px;margin-bottom:2rem;padding:3rem 2rem}.success-icon{font-size:4rem;margin-bottom:1rem}.success-card h2{color:#065f46;margin-bottom:1rem}.success-card p{color:#166534;font-size:1.125rem}.twofa-page .btn-primary,.twofa-page .btn-success{align-items:center;background:linear-gradient(135deg,#ff6b35,#f7931e)!important;border:none;border-radius:10px;box-shadow:0 4px 12px #ff6b354d;color:#fff!important;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.75rem 1.75rem;transition:all .3s}.twofa-page .btn-primary:hover:not(:disabled),.twofa-page .btn-success:hover:not(:disabled){box-shadow:0 6px 20px #ff6b3580;transform:translateY(-2px)}.twofa-page .btn-primary:disabled{cursor:not-allowed;opacity:.6}.twofa-page .btn-danger{background:#ef4444;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 2rem;transition:all .3s}.twofa-page .btn-danger:hover{background:#dc2626;box-shadow:0 4px 12px #ef444466;transform:translateY(-2px)}.twofa-page .btn-secondary{background:#f3f4f6;border:none;border-radius:10px;color:#6b7280;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 2rem;transition:all .3s}.twofa-page .btn-secondary:hover{background:#e5e7eb}.ip-whitelist-page{max-width:1200px}.page-header{background:linear-gradient(135deg,#ff6b35,#f7931e);box-shadow:0 8px 20px #ff6b354d;overflow:hidden;padding:1.5rem 2rem}.page-header:before{animation:pulse 15s ease-in-out infinite;background:radial-gradient(circle,#ffffff1a 0,#0000 70%);content:"";height:200%;position:absolute;right:-50%;top:-50%;width:200%;z-index:0}@keyframes pulse{0%,to{opacity:.5;transform:translate(0) scale(1)}50%{opacity:.8;transform:translate(-10%,-10%) scale(1.1)}}.page-header h1{color:#fff!important;font-size:1.875rem!important;font-weight:800!important;margin:0!important;text-shadow:0 2px 10px #0003}.ip-whitelist-page h1{color:#333;font-size:2rem;margin-bottom:2rem}.current-ip-card{background:linear-gradient(135deg,#ff6b35,#f7931e);border-radius:16px;box-shadow:0 8px 24px #ff6b354d;color:#fff;margin-bottom:2rem;padding:2rem;text-align:center}.current-ip-card h3{font-size:1.25rem;margin-bottom:1rem}.ip-display{background:#fff3;border-radius:10px;color:#fff;font-family:Courier New,monospace;font-size:1.5rem;font-weight:700;padding:1rem 2rem}.toggle-section{align-items:center;background:#fff;border-radius:16px;box-shadow:0 4px 16px #0000000f;display:flex;justify-content:space-between;margin-bottom:2rem;padding:2rem}.toggle-info h3{color:#1f2937;margin-bottom:.5rem}.toggle-info p{color:#6b7280;font-size:.9375rem}.toggle-switch{display:inline-block;height:34px;position:relative;width:60px}.toggle-switch input{height:0;opacity:0;width:0}.slider{background-color:#ccc;border-radius:34px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fff;border-radius:50%;bottom:4px;content:"";height:26px;left:4px;width:26px}input:checked+.slider{background:linear-gradient(135deg,#ff6b35,#f7931e)}input:checked+.slider:before{transform:translateX(26px)}.whitelist-sections{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));margin-bottom:2rem}.whitelist-card{background:#fff;border-radius:16px;box-shadow:0 4px 16px #0000000f;padding:2rem}.whitelist-card h2{color:#1f2937;font-size:1.5rem;margin-bottom:.5rem}.whitelist-card>p{color:#6b7280;font-size:.9375rem;margin-bottom:1.5rem}.add-ip-section{display:flex;gap:.75rem;margin-bottom:1.5rem}.add-ip-section input{border:2px solid #d1d5db;border-radius:10px;flex:1 1;font-family:Courier New,monospace;padding:.875rem}.add-ip-section input:focus{border-color:#ff6b35;outline:none}.ip-list{display:flex;flex-direction:column;gap:.75rem}.ip-list .empty{color:#9ca3af;padding:2rem;text-align:center}.ip-item,.ip-list .empty{background:#f9fafb;border-radius:10px}.ip-item{align-items:center;border-left:4px solid #ff6b35;display:flex;justify-content:space-between;padding:1rem 1.25rem;transition:all .3s}.ip-item:hover{background:#f3f4f6;transform:translateX(4px)}.ip-item code{color:#1f2937;font-size:1.0625rem;font-weight:600}.btn-remove{background:#fee2e2;border:none;border-radius:6px;color:#ef4444;cursor:pointer;font-weight:700;padding:.5rem .75rem;transition:all .3s}.btn-remove:hover{background:#fecaca;transform:scale(1.1)}.logs-section{background:#fff;border-radius:16px;box-shadow:0 4px 16px #0000000f;padding:2rem}.logs-section h2{color:#1f2937;margin-bottom:1.5rem}.logs-table{border-collapse:collapse;width:100%}.logs-table th{background:#f9fafb;border-bottom:2px solid #e5e7eb;color:#374151;font-weight:600;padding:1rem;text-align:left}.logs-table td{border-bottom:1px solid #f3f4f6;padding:1rem}.badge-error{border-radius:6px;font-size:.875rem;font-weight:600;padding:.375rem .75rem}.ip-whitelist-page .btn.btn-primary{background:linear-gradient(135deg,#ff6b35,#f7931e)!important;border:none!important;border-radius:10px;color:#fff!important;cursor:pointer;font-size:.9375rem;font-weight:600;padding:.875rem 1.5rem;transition:all .3s}.ip-whitelist-page .btn.btn-primary:hover{box-shadow:0 4px 12px #ff6b3566!important;opacity:.95;transform:translateY(-2px)}.ip-whitelist-page .btn.btn-secondary{background:#f3f4f6;border:none;border-radius:10px;color:#6b7280;cursor:pointer;font-size:.9375rem;font-weight:600;padding:.875rem 1.25rem;transition:all .3s}.ip-whitelist-page .btn.btn-secondary:hover{background:#e5e7eb;transform:translateY(-2px)}.employees-page{max-width:1400px}.employees-page h1{color:#333;font-size:2rem;margin:0}.employees-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}.employee-card{background:#fff;border:2px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 16px #0000000f;padding:2rem;transition:all .3s}.employee-card:hover{border-color:#ff6b35;box-shadow:0 8px 24px #ff6b3526;transform:translateY(-4px)}.employee-card.active{border-color:silver}.employee-card.active:hover{border-color:#ff6b35}.employee-card.inactive{border-color:#ef4444;opacity:.6}.employee-header{align-items:flex-start;border-bottom:2px solid #f3f4f6;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.employee-header h3{color:#1f2937;margin-bottom:.25rem}.employee-header p{color:#6b7280;font-size:.875rem}.employee-info{margin-bottom:1.5rem}.employee-info p{color:#6b7280;font-size:.875rem;margin-bottom:.5rem}.permissions-list{margin-bottom:1.5rem}.permissions-list strong{color:#374151;display:block;font-size:.875rem;margin-bottom:.75rem}.permission-chips{display:flex;flex-wrap:wrap;gap:.5rem}.chip{border-radius:6px;font-size:.75rem;font-weight:600;padding:.375rem .75rem}.chip.success{background:#d1fae5;color:#065f46}.chip.info{background:#dbeafe;color:#1e40af}.chip.warning{background:#fef3c7;color:#92400e}.chip.danger{background:#fee2e2;color:#991b1b}.employee-actions{display:flex;gap:.75rem}.employee-actions .btn{flex:1 1}.permissions-section label{color:#374151;display:block;font-weight:600;margin-bottom:1rem}.permission-checks{display:flex;flex-direction:column;gap:.75rem}.permission-checks label{align-items:center;background:#f9fafb;border:2px solid #0000;border-radius:8px;cursor:pointer;display:flex;gap:.75rem;padding:.875rem 1rem;transition:all .3s}.permission-checks label:hover{background:#f3f4f6;border-color:#ff6b35}.permission-checks input[type=checkbox]{cursor:pointer;height:20px;width:20px}.permission-checks span{color:#374151;font-weight:500}.employees-page .btn-primary{align-items:center;background:linear-gradient(135deg,#ff6b35,#f7931e)!important;border:none;color:#fff!important;display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem}.employees-page .btn-primary *{color:#fff!important}.employees-page .btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #ff6b3566;opacity:.95;transform:translateY(-2px)}.employees-page .btn-secondary{background:#f3f4f6;border:none;color:#6b7280}.employees-page .btn-secondary:hover{background:#e5e7eb}.employees-page .btn-danger{background:#ef4444;border:none;color:#fff}.employees-page .btn-danger:hover{background:#dc2626}.employees-page .page-header{align-items:flex-start;background:#fff;border-radius:16px;box-shadow:0 4px 16px #0000000f;display:flex;justify-content:space-between;margin-bottom:2rem;padding:2rem}.employees-page .page-header h1{color:#333;font-size:2rem;font-weight:600;margin:0 0 .5rem}.employees-page .page-header p{color:#6b7280;font-size:.875rem;margin:0}.employees-table-container{background:#fff;border-radius:16px;box-shadow:0 4px 16px #0000000f;overflow:hidden}.employees-table{border-collapse:collapse;width:100%}.employees-table thead{position:-webkit-sticky;position:sticky;top:0;z-index:10}.employees-table thead,.employees-table thead tr{background:linear-gradient(135deg,#ff6b35,#f7931e)!important}.employees-table th{background:#0000!important;border-bottom:none;color:#fff!important;font-size:.8125rem;font-weight:600;letter-spacing:.05em;padding:1rem 1.25rem;text-align:left;text-transform:uppercase;white-space:nowrap}.employees-table td{border-bottom:1px solid #f3f4f6;color:#1f2937;font-size:.875rem;padding:1rem 1.25rem;vertical-align:middle}.employees-table td strong{color:#111827;font-weight:600}.employees-table td small{color:#6b7280;display:block;font-size:.75rem;margin-top:.25rem}.employees-table tbody tr{background:#fff!important;transition:all .2s ease}.employees-table tbody tr:hover{background:#fff7ed!important;box-shadow:0 2px 8px #ff6b3514}.employees-table tbody tr:last-child{border-bottom:none}.badge{border-radius:12px;letter-spacing:.5px}.badge-danger{background:#fee2e2;color:#991b1b}.badge-info{background:#dbeafe;color:#1e40af}.badge-secondary{background:#f3f4f6}.status-badge{border-radius:12px;gap:.375rem;padding:.375rem .75rem}.status-active{background:#d1fae5;color:#065f46}.status-inactive{background:#fee2e2;color:#991b1b}.action-buttons{display:flex;gap:.5rem}.btn-delete,.btn-edit{border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;padding:.5rem .75rem;transition:all .2s}.btn-edit{background:#3b82f6}.btn-edit:hover{background:#2563eb;transform:translateY(-1px)}.btn-delete{background:#ef4444}.btn-delete:hover{background:#dc2626;transform:translateY(-1px)}.loading-spinner{color:#6b7280;font-size:1rem;padding:3rem;text-align:center}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.modal-content{border-radius:16px;box-shadow:0 20px 25px -5px #0003;max-width:800px;padding:2rem;width:100%}.modal-content h2{color:#1f2937;font-size:1.5rem;font-weight:600;margin:0 0 1.5rem}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:1rem}.form-group{display:flex;flex-direction:column}.form-group label{color:#374151;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.form-group input,.form-group select{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#1f2937;font-size:.875rem;padding:.75rem;transition:all .2s}.form-group input:focus,.form-group select:focus{border-color:#ff6b35;box-shadow:0 0 0 3px #ff6b351a;outline:none}.form-group input::placeholder{color:#9ca3af}.permissions-section{background:#fff5f0;border:2px solid #ffd4c0;border-radius:12px;margin:1.5rem 0;padding:1.5rem}.permissions-section h3{align-items:center;color:#1f2937;display:flex;font-size:1.125rem;font-weight:600;gap:.5rem;margin:0 0 .5rem}.permissions-section h3:before{content:"🔐";font-size:1.25rem}.text-muted{color:#6b7280;font-size:.875rem;line-height:1.5;margin-bottom:1.5rem;padding-bottom:.5rem}.permissions-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr);margin-top:0}.permission-item{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:10px;cursor:pointer;display:flex;gap:.75rem;overflow:hidden;padding:1rem 1.25rem;position:relative;transition:all .3s}.permission-item:before{background:#ff6b35;bottom:0;content:"";left:0;position:absolute;top:0;transform:scaleY(0);transition:transform .3s;width:4px}.permission-item:hover{background:#fffbf7;border-color:#ff6b35;box-shadow:0 4px 12px #ff6b3526}.permission-item:hover:before{transform:scaleY(1)}.permission-item input[type=checkbox]{accent-color:#ff6b35;cursor:pointer;flex-shrink:0;height:20px;width:20px}.permission-item input[type=checkbox]:checked{filter:drop-shadow(0 2px 4px rgba(255,107,53,.3))}.permission-item span{color:#374151;font-size:.875rem;font-weight:500;line-height:1.4;-webkit-user-select:none;user-select:none}.modal-actions{border-top:2px solid #f3f4f6;display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1.5rem}.modal-actions .btn-secondary{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:10px;color:#6b7280;cursor:pointer;display:inline-flex;font-size:.938rem;font-weight:600;gap:.5rem;padding:.875rem 2rem;transition:all .3s}.modal-actions .btn-secondary:hover{background:#f9fafb;border-color:#ff6b35;box-shadow:0 4px 8px #0000001a;color:#ff6b35;transform:translateY(-2px)}.modal-actions .btn-primary{align-items:center;background:linear-gradient(135deg,#ff6b35,#f7931e);border:none;border-radius:10px;box-shadow:0 4px 12px #ff6b3533;color:#fff;cursor:pointer;display:inline-flex;font-size:.938rem;font-weight:600;gap:.5rem;padding:.875rem 2rem;transition:all .3s}.modal-actions .btn-primary:hover{background:linear-gradient(135deg,#ff7945,#ffa12e);box-shadow:0 6px 16px #ff6b3566;transform:translateY(-2px)}.modal-content::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar-track{background:#f3f4f6;border-radius:4px}.modal-content::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.modal-content::-webkit-scrollbar-thumb:hover{background:#9ca3af}@media (max-width:768px){.form-row,.permissions-grid{grid-template-columns:1fr}.modal-content{padding:1.5rem}.employees-page .page-header{flex-direction:column;gap:1rem}.employees-table{font-size:.813rem}.employees-table td,.employees-table th{padding:.75rem .5rem}}.layout{background:#f5f7fa;display:flex;min-height:100vh}.sidebar{background:linear-gradient(135deg,#ff6b35,#f7931e);box-shadow:4px 0 24px #ff6b3533;color:#fff;display:flex;flex-direction:column;height:100vh;overflow-y:auto;padding:2rem 0 0;position:fixed;width:260px}.logo{border-bottom:1px solid #fff3;margin-bottom:1rem;padding:0 1.5rem 2rem;text-align:center}.sidebar-logo{margin-bottom:.75rem;max-height:60px;max-width:180px;object-fit:contain}.logo h2{font-size:1.5rem;margin-bottom:.5rem}.logo p{font-size:.875rem;opacity:.8}.nav-menu{display:flex;flex:1 1;flex-direction:column;overflow-y:auto}.nav-item{align-items:center;border-left:3px solid #0000;color:#fffc;display:flex;gap:.75rem;padding:1rem 1.5rem;text-decoration:none;transition:all .3s}.nav-item .icon{font-size:1.25rem}.nav-item:hover{background:#ffffff1a;color:#fff}.nav-item.active{background:#ffffff26;border-left-color:#fff;color:#fff;font-weight:500}.logout-btn{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;padding:.75rem}.logout-btn:hover{background:#fff3}.main-content{flex:1 1;margin-left:260px;padding:2rem}.admin-dashboard{max-width:1600px}.dashboard-header{background:linear-gradient(135deg,#ff6b35,#f7931e);border-radius:20px;box-shadow:0 10px 30px #0003;color:#fff;margin-bottom:2rem;padding:2.5rem}.dashboard-header h1{color:#fff;font-size:2.5rem;margin-bottom:1rem}.header-info{align-items:center;display:flex;gap:2rem}.status-badge{align-items:center;display:inline-flex;font-size:.875rem;gap:.5rem}.status-badge.online{background:#10b98133;border:1px solid #6ee7b74d;color:#6ee7b7}.last-update{color:#fff9;font-size:.875rem}.main-stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(4,1fr);margin-bottom:2rem}@media (max-width:1200px){.main-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.main-stats-grid{grid-template-columns:1fr}}.stat-card{align-items:center;background:#fff;border:1px solid #f3f4f6;border-radius:20px;box-shadow:0 4px 16px #0000000f;display:flex;gap:1.5rem;overflow:hidden;padding:1.75rem 2rem;position:relative;transition:all .3s ease}.stat-card:before{background:radial-gradient(circle,#667eea1a 0,#0000 70%);content:"";height:100px;position:absolute;right:0;top:0;width:100px}.stat-card:hover{border-color:#e5e7eb;box-shadow:0 12px 40px #00000026;transform:translateY(-8px)}.stat-card.blue:before{background:radial-gradient(circle,#3b82f61a 0,#0000 70%)}.stat-card.green:before{background:radial-gradient(circle,#10b9811a 0,#0000 70%)}.stat-card.yellow:before{background:radial-gradient(circle,#f59e0b1a 0,#0000 70%)}.stat-card.purple:before{background:radial-gradient(circle,#8b5cf61a 0,#0000 70%)}.stat-card.orange:before{background:radial-gradient(circle,#ff6b351a 0,#0000 70%)}.stat-card.teal:before{background:radial-gradient(circle,#14b8a61a 0,#0000 70%)}.stat-card.indigo:before{background:radial-gradient(circle,#6366f11a 0,#0000 70%)}.stat-card.pink:before{background:radial-gradient(circle,#ec48991a 0,#0000 70%)}.stat-icon{align-items:center;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-radius:16px;box-shadow:0 4px 12px #00000014;display:flex;flex-shrink:0;font-size:2rem;height:60px;justify-content:center;transition:all .3s ease;width:60px}.stat-card:hover .stat-icon{transform:scale(1.05) rotate(-5deg)}.stat-card.blue .stat-icon{background:linear-gradient(135deg,#60a5fa,#3b82f6);box-shadow:0 6px 16px #3b82f666;color:#fff}.stat-card.green .stat-icon{background:linear-gradient(135deg,#34d399,#10b981);box-shadow:0 6px 16px #10b98166;color:#fff}.stat-card.yellow .stat-icon{background:linear-gradient(135deg,#fbbf24,#f59e0b);box-shadow:0 6px 16px #f59e0b66;color:#fff}.stat-card.purple .stat-icon{background:linear-gradient(135deg,#a78bfa,#8b5cf6);box-shadow:0 6px 16px #8b5cf666;color:#fff}.stat-card.orange .stat-icon{background:linear-gradient(135deg,#ff6b35,#f7931e);box-shadow:0 6px 16px #ff6b3566;color:#fff}.stat-card.teal .stat-icon{background:linear-gradient(135deg,#2dd4bf,#14b8a6);box-shadow:0 6px 16px #14b8a666;color:#fff}.stat-card.indigo .stat-icon{background:linear-gradient(135deg,#818cf8,#6366f1);box-shadow:0 6px 16px #6366f166;color:#fff}.stat-card.pink .stat-icon{background:linear-gradient(135deg,#f472b6,#ec4899);box-shadow:0 6px 16px #ec489966;color:#fff}.stat-content{flex:1 1;min-width:0}.stat-content h3{color:#1f2937;font-size:2.25rem;font-weight:800;line-height:1;margin-bottom:.5rem;word-break:break-word}.stat-content p{color:#6b7280;font-size:1rem;font-weight:600;line-height:1.3;margin-bottom:.25rem}.stat-content small{color:#9ca3af;display:block;font-size:.8125rem;line-height:1.4}.detailed-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));margin-bottom:2rem}.stat-panel{background:#fff;border-radius:16px;box-shadow:0 4px 16px #0000000f;padding:2rem}.stat-panel h2{border-bottom:2px solid #f3f4f6;color:#374151;font-size:1.25rem;margin-bottom:1.5rem;padding-bottom:.75rem}.stat-rows{display:flex;flex-direction:column;gap:1rem}.stat-row{align-items:center;background:#f9fafb;border-left:3px solid #e5e7eb;border-radius:10px;display:flex;justify-content:space-between;padding:1rem 1.25rem;transition:all .3s}.stat-row:hover{background:#fff7ed;border-left-color:#ff6b35;transform:translateX(4px)}.stat-row span{color:#6b7280;font-weight:500}.stat-row strong{color:#1f2937;font-size:1.25rem;font-weight:700}.stat-row strong.success{color:#10b981}.stat-row strong.warning{color:#f59e0b}.stat-row strong.error{color:#ef4444}.stat-row strong.revenue{color:#8b5cf6}.activity-section{background:#fff;border-radius:16px;box-shadow:0 4px 16px #0000000f;padding:2rem}.activity-section h2{color:#374151;font-size:1.25rem;margin-bottom:1.5rem}.activity-list{display:flex;flex-direction:column;gap:1rem}.activity-item{align-items:center;background:#f9fafb;border-radius:10px;display:flex;gap:1rem;padding:1rem;transition:all .3s}.activity-item:hover{background:#f3f4f6;transform:translateX(4px)}.activity-icon{align-items:center;background:#fff;border-radius:10px;display:flex;flex-shrink:0;font-size:1.5rem;height:50px;justify-content:center;width:50px}.activity-content{flex:1 1}.activity-title{color:#374151;font-weight:500;margin-bottom:.25rem}.activity-time{color:#9ca3af;font-size:.8125rem}.merchants-management{max-width:1600px}.merchants-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.merchant-card{background:#fff;border:2px solid #0000;border-radius:16px;box-shadow:0 4px 16px #0000000f;padding:2rem;transition:all .3s}.merchant-card.active{border-color:#10b981}.merchant-card.inactive{border-color:#ef4444;opacity:.6}.merchant-card:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.merchant-header{align-items:flex-start;border-bottom:2px solid #f3f4f6;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.merchant-header h3{color:#1f2937;font-size:1.25rem;margin-bottom:.25rem}.merchant-header .company{color:#6b7280;font-size:.875rem}.status-badge{border-radius:20px;font-size:.75rem;font-weight:600;padding:.5rem 1rem}.status-badge.active{background:#d1fae5;color:#065f46}.status-badge.inactive{background:#fee2e2;color:#991b1b}.merchant-info{margin-bottom:1.5rem}.info-row{align-items:center;display:flex;gap:.75rem;margin-bottom:.75rem}.info-row .label{color:#6b7280;font-size:.875rem;min-width:80px}.info-row .value{color:#374151;flex:1 1;font-size:.875rem;font-weight:500;word-break:break-all}.info-row code{background:#f3f4f6;border-radius:6px;color:#667eea;font-family:Courier New,monospace;font-size:.75rem;padding:.375rem .75rem}.merchant-actions{display:flex;gap:.75rem}.merchant-actions .btn{flex:1 1}.modal-content.large{max-width:700px}.success-box{background:#f0fdf4;border:2px solid #86efac;border-radius:12px;padding:1.5rem}.success-box h3{color:#166534;font-size:1.125rem;margin-bottom:1rem}.credential-box{background:#fff;border-radius:10px;margin-bottom:1rem;padding:1.5rem}.credential-box p{color:#374151;margin-bottom:.75rem}.key-item{margin-bottom:1.5rem}.key-item:last-child{margin-bottom:0}.key-item label{color:#6b7280;display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.key-display{align-items:center;display:flex;gap:.75rem}.key-display code{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;color:#1f2937;flex:1 1;font-size:.8125rem;padding:.875rem;word-break:break-all}.copy-btn{background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.125rem;padding:.625rem 1rem;transition:all .3s}.copy-btn:hover{background:#5568d3;transform:scale(1.05)}.warning-box{padding:1rem}.system-reports{max-width:1600px}.reports-header{align-items:center;background:#fff;border-radius:16px;box-shadow:0 4px 16px #0000000f;display:flex;justify-content:space-between;margin-bottom:2rem;padding:2rem}.reports-header h1{color:#333;font-size:2rem;margin:0}.date-range-picker{align-items:center;display:flex;gap:1rem}.date-range-picker input{border:1px solid #d1d5db;border-radius:10px;font-size:.875rem;padding:.75rem 1rem}.date-range-picker span{color:#6b7280;font-weight:500}.summary-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:2rem}.summary-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;box-shadow:0 8px 24px #667eea4d;color:#fff;padding:2rem;transition:all .3s}.summary-card:hover{box-shadow:0 12px 32px #667eea66;transform:translateY(-4px)}.summary-card.primary{background:linear-gradient(135deg,#60a5fa,#3b82f6)}.summary-card.revenue{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.summary-card.warning{background:linear-gradient(135deg,#f59e0b,#d97706)}.summary-card.success{background:linear-gradient(135deg,#10b981,#059669)}.summary-card h3{color:#fff;font-size:1rem;font-weight:500;margin-bottom:1rem;opacity:.9}.summary-value{color:#fff;font-size:2.5rem;font-weight:800}.summary-value.revenue{color:#fde68a}.summary-value.success{color:#6ee7b7}.report-table-container{background:#fff;border-radius:16px;box-shadow:0 4px 16px #0000000f;padding:2rem}.report-table-container h2{color:#374151;font-size:1.5rem;margin-bottom:1.5rem}.report-table{border-collapse:initial;border-spacing:0;width:100%}.report-table thead{background:linear-gradient(135deg,#ff6b35,#f7931e);position:-webkit-sticky;position:sticky;top:0;z-index:10}.report-table th{border-bottom:none;color:#fff;font-size:.875rem;font-weight:600;letter-spacing:.05em;padding:1.25rem 1.5rem;text-align:left;text-transform:uppercase;white-space:nowrap}.report-table tbody tr{background:#fff;border-bottom:1px solid #f3f4f6;transition:all .3s}.report-table tbody tr:hover{background:#fff7ed;box-shadow:0 2px 8px #ff6b3514;transform:translateX(4px)}.report-table td{color:#1f2937;padding:1.25rem 1.5rem}.badge{border-radius:6px;display:inline-block;padding:.375rem .75rem}.badge-success{background:#d1fae5}.badge-warning{background:#fef3c7}.revenue-text{color:#8b5cf6;font-weight:700}.progress-bar{background:#f3f4f6;border-radius:14px;height:28px;overflow:hidden;position:relative;width:100%}.progress-fill{background:linear-gradient(90deg,#10b981,#6ee7b7);border-radius:14px;height:100%;transition:width .3s ease}.progress-text{color:#1f2937;font-size:.75rem;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.all-orders-page{max-width:1600px}.filters select{background:#fff;border:1px solid #d1d5db;border-radius:10px;color:#374151;cursor:pointer;font-size:.875rem;min-width:150px;padding:.75rem 1rem}.filters select:hover{border-color:#ff6b35}.filters select:focus{border-color:#ff6b35;box-shadow:0 0 0 3px #ff6b351a;outline:none}.orders-container{background:#fff;border:1px solid #f3f4f6;border-radius:16px;box-shadow:0 2px 12px #0000000a;overflow:hidden}.all-orders-page .orders-container .data-table{border-collapse:collapse;width:100%}.all-orders-page .orders-container .data-table thead{position:-webkit-sticky;position:sticky;top:0;z-index:10}.all-orders-page .orders-container .data-table thead,.all-orders-page .orders-container .data-table thead tr{background:linear-gradient(135deg,#ff6b35,#f7931e)!important}.all-orders-page .orders-container .data-table th{background:#0000!important;border-bottom:none;color:#fff!important;font-size:.8125rem;font-weight:600;letter-spacing:.05em;padding:1rem 1.25rem;text-align:left;text-transform:uppercase;white-space:nowrap}.all-orders-page .orders-container .data-table tbody tr{background:#fff!important;border-bottom:1px solid #f3f4f6;transition:all .2s ease}.all-orders-page .orders-container .data-table tbody tr:hover{background:#fff7ed!important;box-shadow:0 2px 8px #ff6b3514}.all-orders-page .orders-container .data-table tbody tr:last-child{border-bottom:none}.all-orders-page .orders-container .data-table td{color:#1f2937;font-size:.875rem;padding:1rem 1.25rem;vertical-align:middle}.all-orders-page .orders-container .data-table td strong{color:#111827;font-weight:600}.all-orders-page .orders-container .data-table td small{color:#6b7280;display:block;font-size:.75rem;margin-top:.25rem}.badge{border-radius:100px;box-shadow:0 1px 3px #0000001a}.badge-pending{border:1px solid #fde047;color:#78350f}.badge-cancelled{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border:1px solid #d1d5db;color:#374151}.btn{align-items:center;border:none;border-radius:8px;box-shadow:0 1px 3px #00000014;cursor:pointer;display:inline-flex;font-size:.8125rem;font-weight:600;gap:.375rem;padding:.5rem 1rem;transition:all .2s ease;white-space:nowrap}.btn-secondary{background:#fff;border:1px solid #e5e7eb;color:#374151}.btn-secondary:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db;box-shadow:0 2px 6px #0000001a}.btn-success{background:linear-gradient(135deg,#10b981,#059669);border:none;color:#fff}.btn-success:hover:not(:disabled){box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.btn-secondary:disabled,.btn-success:disabled{cursor:not-allowed;opacity:.5}.badge.countdown{animation:pulse-admin 2s ease-in-out infinite;background:linear-gradient(135deg,#ff6b35,#f7931e);border:none;box-shadow:0 2px 8px #ff6b354d;color:#fff;font-size:.9375rem;font-weight:700;padding:.5rem 1rem}@keyframes pulse-admin{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.05)}}.slip-upload{padding:1rem 0}.info-box{background:#f0f9ff;border-left:4px solid #3b82f6;border-radius:8px;margin-bottom:1.5rem;padding:1.25rem}.info-box p{color:#1e40af;margin-bottom:.5rem}.warning-box{background:#fef3c7;border-left:4px solid #f59e0b;border-radius:8px;margin-bottom:1.5rem;padding:1.25rem}.warning-box p{color:#92400e;font-size:.875rem;margin-bottom:.5rem}.upload-placeholder{transition:all .3s}.upload-placeholder:hover{background:#f3f4f6;border-color:#667eea}.slip-preview{overflow:hidden;position:relative}.slip-preview img{background:#f9fafb;max-height:400px;object-fit:contain;width:100%}.slip-preview p{background:#000000b3;bottom:0;color:#fff;left:0;margin:0;opacity:0;padding:1rem;position:absolute;right:0;text-align:center;transition:opacity .3s}.slip-preview:hover p{opacity:1}.modal{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;padding:2.5rem;position:relative;width:90%}.close{align-items:center;background:#f3f4f6;border:none;border-radius:50%;color:#9ca3af;cursor:pointer;display:flex;font-size:2rem;height:40px;justify-content:center;position:absolute;right:1.5rem;top:1.5rem;width:40px}.close:hover{background:#e5e7eb;color:#374151}.all-orders-page .orders-container .data-table tfoot{background:linear-gradient(135deg,#fff7ed,#ffedd5)!important;border-top:2px solid #ff6b35;bottom:0;position:-webkit-sticky;position:sticky}.all-orders-page .orders-container .data-table tfoot tr.summary-row td{color:#1f2937;font-size:.9375rem;font-weight:700;padding:1.25rem}.all-orders-page .orders-container .data-table tfoot tr.summary-row td:first-child{font-size:1rem}.detail-card{background:#f9fafb;border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}.detail-card h3{border-bottom:2px solid #e5e7eb;color:#374151;font-size:1.125rem;margin-bottom:1rem;padding-bottom:.75rem}.detail-card p{background:#fff;border-left:3px solid #e5e7eb;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:.75rem;padding:.75rem 1rem}.detail-card p:hover{border-left-color:#ff6b35}.detail-card strong{color:#6b7280;font-weight:500}.all-transactions-page{max-width:1600px}.page-header{margin-bottom:1.5rem}.filters-container{background:#fff;border-radius:16px;box-shadow:0 4px 16px #0000000f;margin-bottom:2rem;padding:1.5rem}.filters{align-items:flex-end;display:flex;flex-wrap:wrap;gap:1rem}.filter-group{display:flex;flex-direction:column;gap:.5rem;min-width:150px}.filter-group label{color:#374151;font-size:.875rem;font-weight:600}.filters input[type=date],.filters select{background:#fff;border:1px solid #d1d5db;border-radius:10px;color:#374151;cursor:pointer;font-size:.875rem;padding:.75rem 1rem;transition:all .2s}.filters input[type=date]:hover,.filters select:hover{border-color:#ff6b35}.filters input[type=date]:focus,.filters select:focus{border-color:#ff6b35;box-shadow:0 0 0 3px #ff6b351a;outline:none}.filters select option{background:#fff;color:#374151}.btn-outline{background:#fff;border:2px solid #ff6b35;border-radius:10px;color:#ff6b35;cursor:pointer;font-size:.875rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s}.btn-outline:hover{box-shadow:0 4px 12px #ff6b3566;transform:translateY(-2px)}.btn-outline:hover,.btn-secondary{background:linear-gradient(135deg,#ff6b35,#f7931e);color:#fff}.btn-secondary{border:none;border-radius:10px;cursor:pointer;font-size:.875rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s}.btn-secondary:hover{box-shadow:0 4px 12px #ff6b3566;opacity:.95;transform:translateY(-2px)}.stat-box{min-height:150px}.stat-box.total{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-color:#d1d5db}.stat-box.total:hover{border-color:#9ca3af}.stat-box.matched{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-color:#6ee7b7}.stat-box.matched:hover{border-color:#34d399}.stat-box.unmatched{background:linear-gradient(135deg,#fee2e2,#fecaca);border-color:#fca5a5}.stat-box.unmatched:hover{border-color:#f87171}.stat-box.total .stat-number{color:#4b5563}.stat-box.matched .stat-number{color:#059669}.stat-box.unmatched .stat-number{color:#dc2626}.stat-box.total .stat-divider{background:linear-gradient(90deg,#9ca3af,#6b7280)}.stat-box.matched .stat-divider{background:linear-gradient(90deg,#34d399,#10b981)}.stat-box.unmatched .stat-divider{background:linear-gradient(90deg,#f87171,#ef4444)}.stat-box.total .stat-label{color:#6b7280}.stat-box.matched .stat-label{color:#047857}.stat-box.unmatched .stat-label{color:#b91c1c}.transactions-container{background:#fff;border-radius:16px;box-shadow:0 4px 16px #0000000f;padding:2rem}.all-transactions-page .transactions-container .data-table{border-collapse:collapse;width:100%}.all-transactions-page .transactions-container .data-table thead{background:linear-gradient(135deg,#ff6b35,#f7931e)!important;position:-webkit-sticky;position:sticky;top:0;z-index:10}.all-transactions-page .transactions-container .data-table thead tr{background:linear-gradient(135deg,#ff6b35,#f7931e)!important}.all-transactions-page .transactions-container .data-table th{background:#0000!important;border-bottom:none;color:#fff!important;font-size:.8125rem;font-weight:600;letter-spacing:.05em;padding:1rem 1.25rem;text-align:left;text-transform:uppercase;white-space:nowrap}.all-transactions-page .transactions-container .data-table tbody tr{background:#fff!important;border-bottom:1px solid #f3f4f6;transition:all .2s ease}.all-transactions-page .transactions-container .data-table tbody tr:hover{background:#fff7ed!important;box-shadow:0 2px 8px #ff6b3514}.all-transactions-page .transactions-container .data-table tbody tr:last-child{border-bottom:none}.all-transactions-page .transactions-container .data-table td{color:#1f2937;font-size:.875rem;padding:1rem 1.25rem;vertical-align:middle}.all-transactions-page .transactions-container .data-table td strong{color:#111827;font-weight:600}.all-transactions-page .transactions-container .data-table td small{color:#6b7280;display:block;font-size:.75rem;margin-top:.25rem}.badge-in{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:1px solid #6ee7b7;color:#065f46}.badge-out{background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #fca5a5;color:#991b1b}.badge-warning{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fbbf24;color:#92400e}.merchant-badge{font-size:1.125rem;margin-right:.5rem}.pagination{align-items:center;border-top:1px solid #e5e7eb;display:flex;gap:1rem;justify-content:center;margin-top:2rem;padding-top:2rem}.pagination-btn{background:#fff;border:1px solid #d1d5db;border-radius:10px;color:#374151;cursor:pointer;font-size:.875rem;font-weight:600;padding:.625rem 1.25rem;transition:all .2s}.pagination-btn:hover:not(:disabled){background:linear-gradient(135deg,#ff6b35,#f7931e);border-color:#ff6b35;box-shadow:0 4px 12px #ff6b3566;color:#fff;transform:translateY(-2px)}.pagination-btn:disabled{background:#f3f4f6;border-color:#e5e7eb;color:#9ca3af;cursor:not-allowed;opacity:.5}.pagination-info{align-items:center;display:flex;flex-direction:column;gap:.25rem;padding:0 1rem}.page-display{color:#374151;font-size:.9375rem}.page-display strong{color:#ff6b35;font-size:1.125rem}.total-records{color:#6b7280;font-size:.8125rem}.webhook-logs-page{max-width:1600px}.page-header h1{margin:0}.stats-summary{grid-gap:1rem;gap:1rem}.stat-box{border-radius:12px;box-shadow:0 2px 8px #0000000d;padding:1.5rem}.stat-box.success{background:linear-gradient(135deg,#d1fae5,#a7f3d0)}.stat-box.error{background:linear-gradient(135deg,#fee2e2,#fecaca)}.stat-box h3{color:#374151;font-size:1.25rem}.logs-container{background:#fff;border-radius:16px;box-shadow:0 4px 16px #0000000f;padding:2rem}.webhook-logs-page .logs-container .data-table{border-collapse:collapse;width:100%}.webhook-logs-page .logs-container .data-table thead{position:-webkit-sticky;position:sticky;top:0;z-index:10}.webhook-logs-page .logs-container .data-table thead,.webhook-logs-page .logs-container .data-table thead tr{background:linear-gradient(135deg,#ff6b35,#f7931e)!important}.webhook-logs-page .logs-container .data-table th{background:#0000!important;border-bottom:none;color:#fff!important;font-size:.8125rem;font-weight:600;letter-spacing:.05em;padding:1rem 1.25rem;text-align:left;text-transform:uppercase;white-space:nowrap}.webhook-logs-page .logs-container .data-table tbody tr{background:#fff!important;border-bottom:1px solid #f3f4f6;transition:all .2s ease}.webhook-logs-page .logs-container .data-table tbody tr:hover{background:#fff7ed!important;box-shadow:0 2px 8px #ff6b3514}.webhook-logs-page .logs-container .data-table tbody tr:last-child{border-bottom:none}.webhook-logs-page .logs-container .data-table td{color:#1f2937;font-size:.875rem;padding:1rem 1.25rem;vertical-align:middle}.webhook-logs-page .logs-container .data-table td strong{color:#111827;font-weight:600}.webhook-logs-page .logs-container .data-table td small{color:#6b7280;display:block;font-size:.75rem;margin-top:.25rem}.log-detail{padding:1rem 0}.detail-section{margin-bottom:2rem}.detail-section h3{color:#374151;margin-bottom:1rem}.detail-section pre{background:#1f2937;border-radius:8px;color:#f9fafb;font-size:.875rem;overflow-x:auto;padding:1.5rem}.badge-error{background:#fee2e2;color:#991b1b}.banks-management-page{max-width:1600px}.banks-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.bank-card{background:#fff;border:2px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 16px #0000000f;padding:2rem;transition:all .3s}.bank-card:hover{border-color:#667eea;box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.bank-header{align-items:flex-start;border-bottom:2px solid #f3f4f6;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.bank-header h3{color:#1f2937;font-size:1.25rem;margin-bottom:.5rem}.bank-code-badge{background:#e0e7ff;border-radius:6px;color:#3730a3;display:inline-block;font-size:.75rem;font-weight:600;padding:.375rem .75rem}.bank-info{margin-bottom:1.5rem}.bank-info p{color:#6b7280;font-size:.875rem;margin-bottom:.75rem}.merchants-list{background:#f9fafb;border-radius:10px;margin-bottom:1.5rem;padding:1rem}.merchants-list strong{color:#374151;display:block;font-size:.875rem;margin-bottom:.75rem}.merchant-chips{display:flex;flex-wrap:wrap;gap:.5rem}.merchant-chip{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:6px;color:#fff;font-size:.75rem;font-weight:500;padding:.375rem .75rem}.bank-actions{display:flex;gap:.75rem}.merchant-selection{border-top:2px solid #f3f4f6;margin-top:2rem;padding-top:2rem}.merchant-selection h3{color:#374151;font-size:1.125rem;margin-bottom:1rem}.checkbox-group,.merchants-checkboxes{display:flex;flex-direction:column;gap:.75rem}.checkbox-label{align-items:center;background:#f9fafb;border:2px solid #0000;border-radius:8px;cursor:pointer;display:flex;gap:.75rem;padding:.875rem 1rem;transition:all .3s}.checkbox-label:hover{background:#f3f4f6;border-color:#667eea}.checkbox-label input[type=checkbox]{cursor:pointer;height:20px;width:20px}.checkbox-label span{color:#374151;font-weight:500}.modal-content.large{max-height:90vh;max-width:800px;overflow-y:auto}.form-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.settlement-management-page{max-width:1600px}.page-header{align-items:center;background:#fff;border-radius:16px;box-shadow:0 4px 16px #0000000f;display:flex;justify-content:space-between;margin-bottom:2rem;padding:2rem;position:relative}.page-header>*{position:relative;z-index:1}.page-header h1{color:#1f2937!important;font-size:2rem}.page-header button,.page-header select{background:#fff;border:1px solid #d1d5db;border-radius:10px;color:#374151;cursor:pointer;padding:.75rem 1rem;position:relative;z-index:1}.stats-summary{grid-template-columns:repeat(3,1fr)}@media (max-width:768px){.stats-summary{grid-template-columns:1fr}}.stat-box{align-items:center;background:#fff;border:2px solid #0000;border-radius:16px;box-shadow:0 4px 16px #00000014;display:flex;flex-direction:column;justify-content:center;min-height:170px;padding:2rem 1.5rem;text-align:center;transition:all .3s ease}.stat-box:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-6px)}.stat-box.pending{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#fbbf24}.stat-box.pending:hover{border-color:#f59e0b}.stat-box.completed{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-color:#6ee7b7}.stat-box.completed:hover{border-color:#34d399}.stat-box.rejected{background:linear-gradient(135deg,#fee2e2,#fecaca);border-color:#fca5a5}.stat-box.rejected:hover{border-color:#f87171}.stat-number{font-size:3rem;font-weight:800;line-height:1;margin-bottom:1rem}.stat-box.pending .stat-number{color:#d97706}.stat-box.completed .stat-number{color:#059669}.stat-box.rejected .stat-number{color:#dc2626}.stat-divider{border-radius:2px;height:3px;margin:0 auto 1rem;width:80px}.stat-box.pending .stat-divider{background:linear-gradient(90deg,#fbbf24,#f59e0b)}.stat-box.completed .stat-divider{background:linear-gradient(90deg,#34d399,#10b981)}.stat-box.rejected .stat-divider{background:linear-gradient(90deg,#f87171,#ef4444)}.stat-label{font-size:1.125rem;font-weight:700;letter-spacing:.5px;margin-bottom:.25rem;text-transform:uppercase}.stat-box.pending .stat-label{color:#b45309}.stat-box.completed .stat-label{color:#047857}.stat-box.rejected .stat-label{color:#b91c1c}.stat-sublabel{font-size:.875rem;font-weight:500;opacity:.8}.stat-box.pending .stat-sublabel{color:#92400e}.stat-box.completed .stat-sublabel{color:#065f46}.stat-box.rejected .stat-sublabel{color:#991b1b}.settlements-container{grid-gap:1.5rem;align-items:start;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}@media (max-width:1400px){.settlements-container{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}}@media (max-width:768px){.settlements-container{grid-template-columns:1fr}}.settlement-card{background:#fff;border-left:6px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 16px #0000000f;display:flex;flex-direction:column;height:100%;padding:2rem;transition:all .3s}.settlement-card:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.settlement-card.pending{border-left-color:#f59e0b}.settlement-card.completed{border-left-color:#10b981}.settlement-card.rejected{border-left-color:#ef4444}.card-header{align-items:flex-start;border-bottom:2px solid #f3f4f6;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.merchant-info h3{color:#1f2937;margin-bottom:.25rem}.merchant-info p{color:#6b7280;font-size:.875rem}.amount-display{margin:2rem 0;text-align:center}.amount-display span{color:#9ca3af;font-size:.875rem}.amount-display h2{color:#10b981;font-size:3rem;font-weight:900;margin-top:.5rem}.bank-details{background:#f9fafb;border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}.bank-details p{color:#6b7280;margin-bottom:.75rem}.settlement-meta{margin-bottom:1.5rem}.settlement-meta p{color:#9ca3af;font-size:.875rem;margin-bottom:.5rem}.slip-section{border-top:2px solid #e5e7eb;margin-top:1.5rem;padding-top:1.5rem}.slip-section h4{color:#374151;margin-bottom:1rem}.slip-image{border:2px solid #e5e7eb;border-radius:12px;max-width:100%}.actions{display:flex;gap:1rem;margin-top:auto;padding-top:1.5rem}.actions .btn{flex:1 1}.approval-info{background:#eff6ff;border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}.approval-info p{color:#1e40af;margin-bottom:.75rem}.upload-section{margin-bottom:1.5rem}.upload-label{cursor:pointer;display:block}.upload-placeholder{background:#f9fafb;border:2px dashed #d1d5db;border-radius:12px;padding:3rem 2rem;text-align:center}.upload-placeholder div{font-size:3rem;margin-bottom:1rem}.slip-preview{border:2px solid #e5e7eb;border-radius:12px;max-width:100%}.settlements-table-container{background:#fff;border-radius:16px;box-shadow:0 4px 16px #0000000f;overflow:hidden}.settlements-table{border-collapse:collapse;width:100%}.settlements-table thead{background:linear-gradient(135deg,#ff6b35,#f7931e);position:-webkit-sticky;position:sticky;top:0;z-index:10}.settlements-table th{border-bottom:none;color:#fff;font-size:.8125rem;font-weight:600;letter-spacing:.05em;padding:1rem 1.25rem;text-align:left;text-transform:uppercase;white-space:nowrap}.settlements-table tbody tr{background:#fff;border-bottom:1px solid #f3f4f6;transition:all .2s ease}.settlements-table tbody tr:hover{background:#fff7ed;box-shadow:0 2px 8px #ff6b3514}.settlements-table tbody tr:last-child{border-bottom:none}.settlements-table td{color:#1f2937;font-size:.875rem;padding:1rem 1.25rem;vertical-align:middle}.settlements-table td strong{color:#111827;font-weight:600}.settlements-table td small{color:#6b7280;display:block;font-size:.75rem;margin-top:.25rem}.badge{font-size:.8125rem;gap:.375rem;letter-spacing:.3px;padding:.5rem .875rem;text-transform:uppercase}.badge-pending{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fbbf24;color:#92400e}.badge-paid{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:1px solid #6ee7b7;color:#065f46}.badge-expired{background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #fca5a5;color:#7f1d1d}.merchant-cell{display:flex;flex-direction:column;gap:.25rem}.merchant-cell strong{color:#1f2937;font-size:.9375rem}.merchant-cell small{color:#6b7280;font-size:.8125rem}.amount-cell strong{color:#059669;font-size:1.125rem;font-weight:700}.bank-cell{display:flex;flex-direction:column;gap:.25rem}.bank-cell div{color:#1f2937;font-weight:500}.bank-cell small{color:#6b7280;font-size:.8125rem}.bank-cell .bank-name{color:#9ca3af;font-style:italic}.date-cell{display:flex;flex-direction:column;gap:.25rem}.date-cell div{color:#1f2937}.date-cell small{color:#6b7280}.note-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.actions-cell{gap:.5rem}.actions-cell,.btn-icon{display:flex;justify-content:center}.btn-icon{align-items:center;background:#f3f4f6;border:none;border-radius:8px;cursor:pointer;font-size:1rem;height:36px;transition:all .2s;width:36px}.btn-icon:hover{box-shadow:0 4px 8px #00000026;transform:scale(1.1)}.btn-icon.success{background:#d1fae5}.btn-icon.success:hover{background:#10b981}.btn-icon.danger{background:#fee2e2}.btn-icon.danger:hover{background:#ef4444}.empty-state{color:#9ca3af;font-size:1rem;padding:3rem;text-align:center}.admin-payouts-page{background:#f5f5f5;color:#333;margin:0 auto;max-width:1600px;min-height:100vh;padding:2rem}.admin-payouts-page .payouts-page-header{margin-bottom:2rem}.admin-payouts-page .payouts-page-header h1{color:#f7931e;font-size:2rem;margin-bottom:.5rem}.admin-payouts-page .payouts-page-header p{color:#666;font-size:1rem}.admin-payouts-page .payouts-stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.admin-payouts-page .payouts-stat-card{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 4px #0000000d;display:flex;gap:1rem;padding:1.5rem;transition:all .2s}.admin-payouts-page .payouts-stat-card:hover{border-color:#f7931e;box-shadow:0 4px 12px #f7931e26;transform:translateY(-2px)}.admin-payouts-page .payouts-stat-icon{align-items:center;background:#f7931e1a;border-radius:12px;display:flex;font-size:1.8rem;height:60px;justify-content:center;width:60px}.admin-payouts-page .payouts-stat-card.stat-pending .payouts-stat-icon{background:#fbbf2426;color:#f59e0b}.admin-payouts-page .payouts-stat-card.stat-approved .payouts-stat-icon{background:#60a5fa26;color:#3b82f6}.admin-payouts-page .payouts-stat-card.stat-completed .payouts-stat-icon{background:#22c55e26;color:#22c55e}.admin-payouts-page .payouts-stat-card.stat-rejected .payouts-stat-icon{background:#ef444426;color:#ef4444}.admin-payouts-page .payouts-stat-card.stat-total .payouts-stat-icon{background:#60a5fa26;color:#3b82f6}.admin-payouts-page .payouts-stat-info{flex:1 1}.admin-payouts-page .payouts-stat-label{color:#666;font-size:.9rem;margin-bottom:.3rem}.admin-payouts-page .payouts-stat-value{color:#333;font-size:2rem;font-weight:700}.admin-payouts-page .payouts-stat-amount{color:#f7931e;font-size:.95rem;margin-top:.3rem}.admin-payouts-page .payouts-page-actions{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.admin-payouts-page .payouts-filter-group{align-items:center;display:flex;flex-wrap:wrap;gap:.6rem}.admin-payouts-page .payouts-filter-select{background:#fff;border:1px solid #ddd;border-radius:8px;color:#333;cursor:pointer;font-size:.95rem;min-width:180px;padding:.6rem 1rem;transition:all .2s}.admin-payouts-page .payouts-filter-select.compact{min-width:150px;padding:.5rem .8rem}.admin-payouts-page .payouts-filter-date{background:#fff;border:1px solid #ddd;border-radius:8px;color:#333;cursor:pointer;font-size:.9rem;min-width:140px;padding:.5rem .8rem;transition:all .2s}.admin-payouts-page .payouts-date-separator{color:#666;font-size:.9rem;font-weight:500;padding:0 .3rem}.admin-payouts-page .payouts-filter-date:hover,.admin-payouts-page .payouts-filter-select:hover{border-color:#f7931e}.admin-payouts-page .payouts-filter-date:focus,.admin-payouts-page .payouts-filter-select:focus{border-color:#f7931e;box-shadow:0 0 0 3px #f7931e1a;outline:none}.admin-payouts-page .payouts-filter-select option{background:#fff}.admin-payouts-page .payouts-table-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.admin-payouts-page .payouts-data-table{border-collapse:collapse;width:100%}.admin-payouts-page .payouts-data-table thead{background:linear-gradient(135deg,#f7931e,#ff6b35)}.admin-payouts-page .payouts-data-table th{border-bottom:2px solid #fff3;color:#fff;font-size:.9rem;font-weight:600;padding:1rem;text-align:left}.admin-payouts-page .payouts-data-table td{border-bottom:1px solid #e9ecef;color:#333;font-size:.95rem;padding:1rem}.admin-payouts-page .payouts-data-table tbody tr{transition:background-color .2s}.admin-payouts-page .payouts-data-table tbody tr:hover{background-color:#f8f9fa}.admin-payouts-page .payouts-no-data{color:#999;font-size:1rem;padding:3rem!important;text-align:center!important}.admin-payouts-page .payouts-text-muted{color:#666;font-size:.85rem}.admin-payouts-page .payouts-amount-text{color:#f7931e;font-size:1.1rem}.admin-payouts-page .payouts-code{background:#f4f4f4;border-radius:4px;color:#333;font-family:Courier New,monospace;font-size:.9rem;padding:.2rem .5rem}.admin-payouts-page .payouts-status-badge{border-radius:20px;display:inline-block;font-size:.85rem;font-weight:600;padding:.4rem .8rem;white-space:nowrap}.admin-payouts-page .payouts-status-badge.status-pending{background:#fbbf2433;color:#fbbf24}.admin-payouts-page .payouts-status-badge.status-approved{background:#60a5fa33;color:#60a5fa}.admin-payouts-page .payouts-status-badge.status-rejected{background:#ef444433;color:#ef4444}.admin-payouts-page .payouts-status-badge.status-completed{background:#22c55e33;color:#22c55e}.admin-payouts-page .payouts-status-badge.status-cancelled{background:#64748b33;color:#64748b}.admin-payouts-page .payouts-badge{border-radius:12px;display:inline-block;font-size:.8rem;font-weight:600;padding:.3rem .6rem}.admin-payouts-page .payouts-badge.badge-api{background:#e7f3ff;color:#0056b3}.admin-payouts-page .payouts-badge.badge-portal{background:#f0e7ff;color:#6f42c1}.admin-payouts-page .payouts-action-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.admin-payouts-page .payouts-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:.5rem;padding:.7rem 1.5rem;transition:all .2s}.admin-payouts-page .payouts-btn:disabled{cursor:not-allowed;opacity:.6}.admin-payouts-page .payouts-btn.btn-primary{background:#f7931e;color:#fff}.admin-payouts-page .payouts-btn.btn-primary:hover:not(:disabled){background:#e67e0d;box-shadow:0 4px 8px #f7931e4d;transform:translateY(-1px)}.admin-payouts-page .payouts-btn.btn-secondary{background:#6c757d;color:#fff}.admin-payouts-page .payouts-btn.btn-secondary:hover:not(:disabled){background:#5a6268}.admin-payouts-page .payouts-btn.btn-success{background:#22c55e;color:#fff}.admin-payouts-page .payouts-btn.btn-success:hover:not(:disabled){background:#16a34a}.admin-payouts-page .payouts-btn.btn-danger{background:#ef4444;color:#fff}.admin-payouts-page .payouts-btn.btn-danger:hover:not(:disabled){background:#dc2626}.admin-payouts-page .payouts-btn.btn-info{background:#0ea5e9;color:#fff}.admin-payouts-page .payouts-btn.btn-info:hover:not(:disabled){background:#0284c7}.admin-payouts-page .payouts-btn.btn-sm{font-size:.85rem;padding:.4rem .8rem}.admin-payouts-page .payouts-modal-overlay{align-items:center;animation:payoutsModalFadeIn .2s;background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.admin-payouts-page .payouts-modal-content{animation:payoutsModalSlideUp .3s;background:#fff;border-radius:16px;box-shadow:0 10px 40px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;width:90%}.admin-payouts-page .payouts-modal-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:1.5rem 2rem}.admin-payouts-page .payouts-modal-header h2{color:#333;font-size:1.5rem;margin:0}.admin-payouts-page .payouts-modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#999;cursor:pointer;display:flex;font-size:1.8rem;height:32px;justify-content:center;padding:0;transition:all .2s;width:32px}.admin-payouts-page .payouts-modal-close:hover{background:#f8f9fa;color:#333}.admin-payouts-page .payouts-modal-body{padding:2rem}.admin-payouts-page .payouts-payout-info{background:#f8f9fa;border-radius:8px;margin-bottom:1.5rem;padding:1.5rem}.admin-payouts-page .payouts-info-row{border-bottom:1px solid #e9ecef;color:#333;padding:.5rem 0}.admin-payouts-page .payouts-info-row:last-child{border-bottom:none}.admin-payouts-page .payouts-info-row strong{color:#666;margin-right:.5rem}.admin-payouts-page .payouts-modal-form{margin-top:1rem}.admin-payouts-page .payouts-form-group{margin-bottom:1.5rem}.admin-payouts-page .payouts-form-group label{color:#333;display:block;font-size:.95rem;font-weight:600;margin-bottom:.5rem}.admin-payouts-page .payouts-form-group input,.admin-payouts-page .payouts-form-group textarea{background:#fff;border:1px solid #ddd;border-radius:8px;color:#333;font-size:.95rem;padding:.75rem;transition:all .2s;width:100%}.admin-payouts-page .payouts-form-group input:focus,.admin-payouts-page .payouts-form-group textarea:focus{border-color:#f7931e;box-shadow:0 0 0 3px #f7931e1a;outline:none}.admin-payouts-page .payouts-modal-actions{border-top:1px solid #e9ecef;display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem 2rem}.admin-payouts-page .payouts-loading-container{align-items:center;color:#666;display:flex;flex-direction:column;justify-content:center;min-height:400px}.admin-payouts-page .payouts-spinner{animation:payoutsSpinnerRotate 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#f7931e;height:50px;margin-bottom:1rem;width:50px}@keyframes payoutsModalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes payoutsModalSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes payoutsSpinnerRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.admin-payouts-page .payouts-pagination{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;gap:1.5rem;justify-content:center;margin-top:2rem;padding:1.5rem}.admin-payouts-page .pagination-info{color:#333;font-weight:600}.admin-payouts-page .pagination-info small{color:#666;font-weight:400;margin-left:.5rem}.admin-payouts-page .payouts-modal-content::-webkit-scrollbar{width:8px}.admin-payouts-page .payouts-modal-content::-webkit-scrollbar-track{background:#f1f1f1}.admin-payouts-page .payouts-modal-content::-webkit-scrollbar-thumb{background:#f7931e;border-radius:4px}.admin-payouts-page .payouts-modal-content::-webkit-scrollbar-thumb:hover{background:#e67e0d}@media (max-width:768px){.admin-payouts-page{padding:1rem}.admin-payouts-page .payouts-page-header h1{font-size:1.5rem}.admin-payouts-page .payouts-stats-grid{grid-template-columns:1fr}.admin-payouts-page .payouts-page-actions{align-items:stretch;flex-direction:column}.admin-payouts-page .payouts-filter-select{width:100%}.admin-payouts-page .payouts-table-container{overflow-x:auto}.admin-payouts-page .payouts-data-table{min-width:1200px}.admin-payouts-page .payouts-action-buttons{flex-direction:column}.admin-payouts-page .payouts-action-buttons .payouts-btn{width:100%}.admin-payouts-page .payouts-modal-content{max-height:95vh;width:95%}.admin-payouts-page .payouts-modal-body{padding:1rem}.admin-payouts-page .payouts-modal-actions{flex-direction:column;padding:1rem}.admin-payouts-page .payouts-modal-actions .payouts-btn{width:100%}}.system-settings-page{max-width:1200px}.settings-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 10px 40px #667eea4d;color:#fff;margin-bottom:2rem;padding:3rem 2.5rem}.settings-header h1{font-size:2.5rem;font-weight:800;margin-bottom:.5rem}.settings-header p{font-size:1.125rem;opacity:.95}.logo-upload-section{background:#fff;border-radius:20px;box-shadow:0 4px 16px #0000000f;margin-bottom:2rem;padding:2.5rem}.logo-upload-section h2{color:#1f2937;font-size:1.75rem;margin-bottom:.5rem}.logo-upload-section>p{color:#6b7280;margin-bottom:2rem}.logo-preview{align-items:center;background:#f9fafb;border:2px dashed #d1d5db;border-radius:12px;display:flex;justify-content:center;margin-bottom:1.5rem;min-height:120px;padding:2rem;text-align:center}.logo-input-group{display:flex;gap:1rem}.logo-input{border:2px solid #d1d5db;border-radius:10px;flex:1 1;font-size:.9375rem;padding:.875rem 1.25rem}.logo-input:focus{border-color:#667eea;outline:none}.settings-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;margin-bottom:2rem}.setting-card{background:#fff;border:2px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 16px #0000000f;padding:2rem;transition:all .3s}.setting-card:hover{border-color:#667eea;box-shadow:0 8px 24px #667eea26}.setting-header{align-items:center;border-bottom:2px solid #f3f4f6;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.setting-header h3{color:#1f2937;font-size:1.25rem;margin:0}.setting-key{background:#f3f4f6;border-radius:8px;color:#667eea;font-family:Courier New,monospace;font-size:.875rem;padding:.5rem 1rem}.setting-input-group{display:flex;gap:1rem;margin-bottom:1rem}.setting-input{border:2px solid #d1d5db;border-radius:10px;color:#1f2937;flex:1 1;font-size:1.125rem;padding:.875rem 1.25rem;transition:all .3s}.setting-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.setting-meta{color:#9ca3af;font-size:.8125rem}.settings-info{background:#fff;border-radius:16px;box-shadow:0 4px 16px #0000000f;padding:2rem}.settings-info h2{color:#374151;font-size:1.5rem;margin-bottom:1.5rem}.info-list{display:flex;flex-direction:column;gap:1rem}.info-item{background:#f9fafb;border-left:4px solid #667eea;border-radius:10px;color:#6b7280;padding:1.25rem}.info-item strong{color:#1f2937;font-family:Courier New,monospace}.employees-report-page{max-width:1600px}.stats-summary{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.employees-container{background:#fff;border-radius:16px;box-shadow:0 4px 16px #0000000f;padding:2rem}.employees-report-page .employees-container .data-table{border-collapse:collapse;width:100%}.employees-report-page .employees-container .data-table thead{background:linear-gradient(135deg,#ff6b35,#f7931e)!important;position:-webkit-sticky;position:sticky;top:0;z-index:10}.employees-report-page .employees-container .data-table thead tr{background:linear-gradient(135deg,#ff6b35,#f7931e)!important}.employees-report-page .employees-container .data-table th{background:#0000!important;border-bottom:none;color:#fff!important;font-size:.8125rem;font-weight:600;letter-spacing:.05em;padding:1rem 1.25rem;text-align:left;text-transform:uppercase;white-space:nowrap}.employees-report-page .employees-container .data-table tbody tr{background:#fff!important;border-bottom:1px solid #f3f4f6;transition:all .2s ease}.employees-report-page .employees-container .data-table tbody tr:hover{background:#fff7ed!important;box-shadow:0 2px 8px #ff6b3514}.employees-report-page .employees-container .data-table tbody tr:last-child{border-bottom:none}.employees-report-page .employees-container .data-table td{color:#1f2937;font-size:.875rem;padding:1rem 1.25rem;vertical-align:middle}.employees-report-page .employees-container .data-table td strong{color:#111827;font-weight:600}.employees-report-page .employees-container .data-table td small{color:#6b7280;display:block;font-size:.75rem;margin-top:.25rem}.badge{align-items:center;border-radius:8px;display:inline-flex;font-size:.75rem;font-weight:600;gap:.25rem;letter-spacing:.025em;padding:.375rem .875rem;white-space:nowrap}.badge-primary{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:1px solid #93c5fd;color:#1e40af}.badge-secondary{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border:1px solid #d1d5db;color:#6b7280}.badge-success{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:1px solid #6ee7b7;color:#065f46}.badge-error{background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #fca5a5;color:#7f1d1d}.admin-layout{background:#f5f7fa;display:flex;min-height:100vh}.admin-sidebar{background:linear-gradient(135deg,#ff6b35,#f7931e);box-shadow:4px 0 24px #ff6b3533;color:#fff;display:flex;flex-direction:column;height:100vh;overflow-y:auto;padding:2rem 0 0;position:fixed;width:280px;z-index:20}.admin-sidebar .logo{border-bottom:1px solid #fff3;margin-bottom:1.5rem;padding:0 1.5rem 2rem;text-align:center}.admin-logo{margin-bottom:.75rem;max-height:60px;max-width:180px;object-fit:contain}.admin-sidebar .logo h2{color:#fff;font-size:1.5rem;font-weight:800;margin-bottom:.5rem}.admin-sidebar .logo p{color:#fffc;font-size:.875rem;font-weight:500}.admin-nav{display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:0 .75rem}.admin-nav .nav-item{align-items:center;background:#0000;border-radius:12px;color:#ffffffe6;display:flex;font-weight:500;gap:1rem;margin-bottom:.5rem;padding:1rem 1.25rem;position:relative;text-decoration:none;transition:all .3s ease}.admin-nav .nav-item .icon{color:#ffffffe6;font-size:1.25rem;transition:all .3s ease}.admin-nav .nav-item:hover{background:#ffffff26;box-shadow:0 2px 8px #0000001a;color:#fff;transform:translateX(6px)}.admin-nav .nav-item:hover .icon{color:#fff;transform:scale(1.1)}.admin-nav .nav-item.active{background:#fff;box-shadow:0 6px 16px #00000026;color:#ff6b35;font-weight:700;transform:translateX(4px)}.admin-nav .nav-item.active .icon{color:#ff6b35}.admin-nav .nav-item.active:before{background:#fff;border-radius:0 4px 4px 0;box-shadow:0 0 8px #ffffff80;content:"";height:70%;left:-.75rem;position:absolute;top:50%;transform:translateY(-50%);width:4px}.sidebar-footer{background:linear-gradient(135deg,#ff6b35,#f7931e);border-top:1px solid #fff3;flex-shrink:0;margin-top:auto;padding:1.5rem}.logout-btn{background:#ef444426;border:1px solid #ef44444d;border-radius:10px;color:#fca5a5;cursor:pointer;font-weight:500;padding:.875rem;transition:all .3s;width:100%}.logout-btn:hover{background:#ef444440;border-color:#ef444480;color:#fecaca}.admin-content{flex:1 1;margin-left:280px;min-height:100vh;padding:2rem}
/*# sourceMappingURL=main.1e5c6826.css.map*/