@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap);*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;text-rendering:optimizeLegibility}body,html{overflow-x:hidden}body{background:#f8f8f8;color:#1a1a1a;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;max-width:100vw;width:100%}code{font-family:JetBrains Mono,Fira Code,source-code-pro,Menlo,Monaco,Consolas,monospace}::selection{background:#e8411826;color:#1a1a1a}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#00000026;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#00000040}: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)}}:root{--black:#0a0a0a;--black-soft:#1a1a1a;--black-muted:#2d2d2d;--white:#fff;--white-off:#f8f8f8;--gray-50:#fafafa;--gray-100:#f4f4f5;--gray-200:#e4e4e7;--gray-300:#d4d4d8;--gray-400:#a1a1aa;--gray-500:#71717a;--gray-600:#52525b;--gray-700:#3f3f46;--gray-800:#27272a;--gray-900:#18181b;--red:#dc2626;--red-hover:#b91c1c;--red-light:#fef2f2;--red-glow:#dc26261f;--orange:#f97316;--orange-hover:#ea580c;--orange-light:#fff7ed;--orange-glow:#f973161f;--success:#16a34a;--success-light:#f0fdf4;--warning:#f59e0b;--warning-light:#fffbeb;--info:#2563eb;--info-light:#eff6ff;--danger:#dc2626;--danger-light:#fef2f2;--bg:#f8f8f8;--bg-elevated:#fff;--border:#e4e4e7;--border-light:#f4f4f5;--text:#18181b;--text-secondary:#52525b;--text-muted:#a1a1aa;--shadow-xs:0 1px 2px #0000000a;--shadow-sm:0 1px 3px #0000000f,0 1px 2px #0000000a;--shadow-md:0 4px 6px -1px #00000012,0 2px 4px -2px #0000000d;--shadow-lg:0 10px 15px -3px #00000014,0 4px 6px -4px #0000000a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000000a;--radius-sm:6px;--radius:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--transition:all 0.15s cubic-bezier(0.4,0,0.2,1);--transition-slow:all 0.3s cubic-bezier(0.4,0,0.2,1);--sidebar-width:264px;--sidebar-bg:var(--black);--sidebar-text:#ffffff8c;--sidebar-text-active:#fff;--sidebar-hover:#ffffff0f;--sidebar-active:#ffffff1a;--sidebar-border:#ffffff0f;--header-height:64px;--primary:#dc2626;--primary-light:#fef2f2;--hover:#f4f4f5}[data-theme=dark]{--bg:#0f0f0f;--bg-elevated:#1a1a1a;--border:#2d2d2d;--border-light:#262626;--text:#e4e4e7;--text-secondary:#a1a1aa;--text-muted:#71717a;--hover:#262626;--primary-light:#dc262626;--red-light:#dc26261f;--orange-light:#f973161f;--success-light:#16a34a1f;--warning-light:#f59e0b1f;--info-light:#2563eb1f;--danger-light:#dc26261f;--shadow-xs:0 1px 2px #0003;--shadow-sm:0 1px 3px #0000004d,0 1px 2px #0003;--shadow-md:0 4px 6px #00000059;--shadow-lg:0 10px 15px #0006;--shadow-xl:0 20px 25px #00000073;--sidebar-bg:#0a0a0a;color-scheme:dark}[data-theme=dark] .card,[data-theme=dark] .data-table-wrapper,[data-theme=dark] .modal-content{background:#fff;background:var(--bg-elevated);border-color:#e4e4e7;border-color:var(--border)}[data-theme=dark] .form-control,[data-theme=dark] .form-control:focus{background:#262626;border-color:#3f3f46;color:#18181b;color:var(--text)}[data-theme=dark] .form-control::placeholder{color:#a1a1aa;color:var(--text-muted)}[data-theme=dark] .data-table thead th{background:#1a1a1a;border-color:#e4e4e7;border-color:var(--border);color:#52525b;color:var(--text-secondary)}[data-theme=dark] .data-table tbody tr:hover{background:#f4f4f5;background:var(--hover)}[data-theme=dark] .data-table tbody td,[data-theme=dark] .stat-card{border-color:#e4e4e7;border-color:var(--border)}[data-theme=dark] .stat-card{background:#fff;background:var(--bg-elevated)}[data-theme=dark] .modal-overlay{background:#000000b3}[data-theme=dark] .btn-secondary{background:#262626;border-color:#3f3f46;color:#18181b;color:var(--text)}[data-theme=dark] .btn-secondary:hover{background:#3f3f46}[data-theme=dark] .pagination-btn,[data-theme=dark] .toolbar{background:#fff;background:var(--bg-elevated);border-color:#e4e4e7;border-color:var(--border)}[data-theme=dark] .pagination-btn{color:#18181b;color:var(--text)}[data-theme=dark] .bulk-actions-bar{background:#fff;background:var(--bg-elevated);border-color:#e4e4e7;border-color:var(--border)}[data-theme=dark] .header,[data-theme=dark] .top-header{background:#0f0f0feb;border-color:#e4e4e7;border-color:var(--border)}[data-theme=dark] .header-user:hover{background:#f4f4f5;background:var(--hover)}[data-theme=dark] .header-avatar{background:#dc2626;background:var(--primary)}[data-theme=dark] .form-control option,[data-theme=dark] select{background:#262626;color:#18181b;color:var(--text)}[data-theme=dark] .page-header h1{color:#18181b;color:var(--text)}[data-theme=dark] .badge{border:1px solid #e4e4e7;border:1px solid var(--border)}[data-theme=dark] .tab-btn{color:#52525b;color:var(--text-secondary)}[data-theme=dark] .tab-btn.active{border-color:#dc2626;border-color:var(--primary);color:#18181b;color:var(--text)}[data-theme=dark] .detail-label{color:#a1a1aa;color:var(--text-muted)}[data-theme=dark] .detail-value{color:#18181b;color:var(--text)}[data-theme=dark] .confirm-dialog{background:#fff;background:var(--bg-elevated);border:1px solid #e4e4e7;border:1px solid var(--border)}[data-theme=dark] .notification-item{background:#fff;background:var(--bg-elevated);border-color:#e4e4e7;border-color:var(--border)}[data-theme=dark] .dropdown-menu{background:#fff;background:var(--bg-elevated);border:1px solid #e4e4e7;border:1px solid var(--border);box-shadow:0 10px 15px -3px #00000014,0 4px 6px -4px #0000000a;box-shadow:var(--shadow-lg)}[data-theme=dark] .dropdown-item:hover{background:#f4f4f5;background:var(--hover)}[data-theme=dark] .skeleton-pulse{background:linear-gradient(90deg,#262626 25%,#333 50%,#262626 75%);background-size:200% 100%}[data-theme=dark] .activity-item:hover{background:#f4f4f5!important;background:var(--hover)!important}.app-layout{background:#f8f8f8;background:var(--bg);max-width:100vw;min-height:100vh;width:100%}.app-layout,.sidebar{display:flex;overflow-x:hidden}.sidebar{background:#0a0a0a;background:var(--sidebar-bg);border-right:1px solid #ffffff0f;border-right:1px solid var(--sidebar-border);color:#ffffff8c;color:var(--sidebar-text);flex-direction:column;height:100vh;left:0;overflow-y:auto;position:fixed;top:0;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-slow);width:264px;width:var(--sidebar-width);z-index:100}.sidebar-header{border-bottom:1px solid #ffffff0f;border-bottom:1px solid var(--sidebar-border);gap:14px;min-height:73px;padding:24px}.sidebar-header,.sidebar-logo{align-items:center;display:flex}.sidebar-logo{background:linear-gradient(135deg,#dc2626,#f97316);background:linear-gradient(135deg,var(--red) 0,var(--orange) 100%);border-radius:10px;box-shadow:0 2px 8px #dc26264d;color:#fff;flex-shrink:0;font-size:15px;font-weight:800;height:38px;justify-content:center;letter-spacing:-.5px;width:38px}.sidebar-title{color:#fff;color:var(--sidebar-text-active);font-size:15px;font-weight:700;letter-spacing:-.3px}.sidebar-subtitle{color:#ffffff8c;color:var(--sidebar-text);font-size:11px;letter-spacing:.2px;margin-top:1px}.sidebar-nav{flex:1 1;padding:16px 12px}.sidebar-section{margin-bottom:28px}.sidebar-section-title{font-size:10px;font-weight:600;letter-spacing:1.8px;margin-bottom:8px;opacity:.5;padding:0 12px;text-transform:uppercase}.sidebar-link,.sidebar-section-title{color:#ffffff8c;color:var(--sidebar-text)}.sidebar-link{align-items:center;border-radius:8px;border-radius:var(--radius);cursor:pointer;display:flex;font-size:13.5px;font-weight:500;gap:12px;margin-bottom:2px;padding:9px 12px;position:relative;text-decoration:none;transition:all .15s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.sidebar-link:hover{background:#ffffff0f;background:var(--sidebar-hover)}.sidebar-link.active,.sidebar-link:hover{color:#fff;color:var(--sidebar-text-active)}.sidebar-link.active{background:#ffffff1a;background:var(--sidebar-active)}.sidebar-link.active:before{background:linear-gradient(180deg,#dc2626,#f97316);background:linear-gradient(180deg,var(--red),var(--orange));border-radius:0 3px 3px 0;bottom:6px;content:"";left:0;position:absolute;top:6px;width:3px}.sidebar-link .icon{align-items:center;display:flex;flex-shrink:0;font-size:17px;justify-content:center;width:20px}.main-content{background:#f8f8f8;background:var(--bg);display:flex;flex:1 1;flex-direction:column;margin-left:264px;margin-left:var(--sidebar-width);max-width:100%;min-height:100vh;min-width:0;overflow-x:hidden}.top-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fff;background:var(--bg-elevated);background:#ffffffd9;border-bottom:1px solid #e4e4e7;border-bottom:1px solid var(--border);height:64px;height:var(--header-height);justify-content:space-between;padding:0 32px;position:-webkit-sticky;position:sticky;top:0;z-index:50}.header-left,.top-header{align-items:center;display:flex}.header-left{gap:16px}.header-title{color:#18181b;color:var(--text);font-size:15px;font-weight:600;letter-spacing:-.3px}.header-right{gap:12px}.header-right,.header-user{align-items:center;display:flex}.header-user{border-radius:8px;border-radius:var(--radius);cursor:pointer;gap:10px;padding:6px 12px;transition:all .15s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.header-user:hover{background:#f4f4f5;background:var(--gray-100)}.header-avatar{align-items:center;background:#0a0a0a;background:var(--black);border-radius:9999px;border-radius:var(--radius-full);color:#fff;display:flex;font-size:12px;font-weight:700;height:32px;justify-content:center;letter-spacing:-.3px;width:32px}.header-user-name{color:#18181b;color:var(--text);font-size:13px;font-weight:500}.header-sync-btn{align-items:center;background:#0a0a0a;background:var(--black);border:none;border-radius:6px;border-radius:var(--radius-sm);color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-size:12.5px;font-weight:600;gap:6px;letter-spacing:-.1px;padding:7px 14px;transition:all .15s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.header-sync-btn:hover{background:#2d2d2d;background:var(--black-muted)}.header-sync-btn:disabled{cursor:not-allowed;opacity:.5}.page-content{flex:1 1;min-width:0;overflow-x:hidden;padding:28px 32px}.page-container{max-width:1400px;min-width:0;overflow-x:hidden}.page-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.page-header h1,.page-title{color:#18181b;color:var(--text);font-size:22px;font-weight:800;letter-spacing:-.5px}.page-header-left{align-items:center;display:flex;gap:12px}.page-actions{align-items:center;display:flex;gap:8px}.card{background:#fff;background:var(--bg-elevated);border:1px solid #e4e4e7;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 1px 2px #0000000a;box-shadow:var(--shadow-xs);overflow:hidden;transition:all .15s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.card:hover{box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a;box-shadow:var(--shadow-sm)}.card-header{align-items:center;border-bottom:1px solid #f4f4f5;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;padding:16px 24px}.card-header h3,.card-title{color:#18181b;color:var(--text);font-size:14px;font-weight:700;letter-spacing:-.2px}.card-body{padding:20px 24px}.stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}.stat-card{align-items:center;background:#fff;background:var(--bg-elevated);border:1px solid #e4e4e7;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 1px 2px #0000000a;box-shadow:var(--shadow-xs);cursor:default;display:flex;gap:16px;padding:22px 24px;transition:all .15s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.stat-card:hover{border-color:#d4d4d8;border-color:var(--gray-300);box-shadow:0 4px 6px -1px #00000012,0 2px 4px -2px #0000000d;box-shadow:var(--shadow-md);transform:translateY(-1px)}.stat-icon{align-items:center;border-radius:12px;border-radius:var(--radius-lg);display:flex;flex-shrink:0;font-size:20px;height:46px;justify-content:center;width:46px}.stat-icon.blue{background:#eff6ff;background:var(--info-light);color:#2563eb;color:var(--info)}.stat-icon.green{background:#f0fdf4;background:var(--success-light);color:#16a34a;color:var(--success)}.stat-icon.orange{background:#fff7ed;background:var(--orange-light);color:#f97316;color:var(--orange)}.stat-icon.red{background:#fef2f2;background:var(--danger-light);color:#dc2626;color:var(--danger)}.stat-info{display:flex;flex-direction:column}.stat-value{color:#18181b;color:var(--text);font-size:26px;font-weight:800;letter-spacing:-.5px;line-height:1.1}.stat-label{color:#a1a1aa;color:var(--text-muted);font-size:12.5px;font-weight:500;margin-top:3px}.data-table-wrapper{background:#fff;background:var(--bg-elevated);border:1px solid #e4e4e7;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 1px 2px #0000000a;box-shadow:var(--shadow-xs);max-width:100%;min-width:0;overflow-x:auto}.data-table{border-collapse:collapse;width:100%}.data-table th{background:#fafafa;background:var(--gray-50);border-bottom:1px solid #e4e4e7;border-bottom:1px solid var(--border);color:#a1a1aa;color:var(--text-muted);cursor:pointer;font-size:11px;font-weight:700;letter-spacing:.8px;padding:12px 16px;text-align:left;text-transform:uppercase;transition:all .15s cubic-bezier(.4,0,.2,1);transition:var(--transition);-webkit-user-select:none;user-select:none;white-space:nowrap}.data-table th:first-child{padding-left:20px}.data-table th:last-child{padding-right:20px}.data-table th:hover{background:#f4f4f5;background:var(--gray-100);color:#18181b;color:var(--text)}.data-table th .sort-icon{font-size:12px;margin-left:4px;opacity:.3}.data-table th.sorted{color:#dc2626;color:var(--red)}.data-table th.sorted .sort-icon{color:#dc2626;color:var(--red);opacity:1}.data-table td{border-bottom:1px solid #f4f4f5;border-bottom:1px solid var(--border-light);color:#18181b;color:var(--text);font-size:13px;padding:12px 16px;transition:all .15s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.data-table td:first-child{padding-left:20px}.data-table td:last-child{padding-right:20px}.data-table tr{transition:all .15s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.data-table tbody tr:hover{background:#fafafa;background:var(--gray-50)}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr.clickable{cursor:pointer}.data-table tbody tr.clickable:hover{background:#f4f4f5;background:var(--gray-100)}.table{border-collapse:collapse;width:100%}.table th{border-bottom:2px solid #e4e4e7;border-bottom:2px solid var(--border);color:#a1a1aa;color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:.6px;padding:10px 14px;text-align:left;text-transform:uppercase;white-space:nowrap}.table td{border-bottom:1px solid #f4f4f5;border-bottom:1px solid var(--border-light);color:#18181b;color:var(--text);font-size:13px;padding:10px 14px}.table tbody tr:last-child td{border-bottom:none}.table tbody tr:hover{background:#fafafa;background:var(--gray-50)}.table-responsive{overflow-x:auto}.badge{align-items:center;border-radius:9999px;border-radius:var(--radius-full);display:inline-flex;font-size:11px;font-weight:600;letter-spacing:.2px;line-height:1.6;padding:3px 10px;white-space:nowrap}.badge-new{background:#eff6ff;background:var(--info-light);color:#2563eb;color:var(--info)}.badge-confirmed{background:#f0fdf4;background:var(--success-light);color:#16a34a;color:var(--success)}.badge-shipped{background:#f5f3ff;color:#7c3aed}.badge-delivered{background:#ecfdf5;color:#059669}.badge-cancelled{background:#fef2f2;background:var(--danger-light);color:#dc2626;color:var(--danger)}.badge-draft{background:#f4f4f5;background:var(--gray-100);color:#71717a;color:var(--gray-500)}.badge-pending{background:#fffbeb;background:var(--warning-light);color:#b45309}.badge-rejected{background:#fef2f2;background:var(--danger-light);color:#dc2626;color:var(--danger)}.badge-paid{background:#ecfdf5;color:#059669}.badge-active{background:#f0fdf4;background:var(--success-light);color:#16a34a;color:var(--success)}.badge-inactive{background:#f4f4f5;background:var(--gray-100);color:#71717a;color:var(--gray-500)}.badge-success{background:#f0fdf4;background:var(--success-light);color:#16a34a;color:var(--success)}.badge-danger{background:#fef2f2;background:var(--danger-light);color:#dc2626;color:var(--danger)}.btn{align-items:center;border:none;border-radius:6px;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font-family:inherit;font-size:13px;font-weight:600;gap:6px;letter-spacing:-.1px;line-height:1.4;padding:8px 16px;text-decoration:none;transition:all .15s cubic-bezier(.4,0,.2,1);transition:var(--transition);white-space:nowrap}.btn:disabled{cursor:not-allowed;opacity:.45}.btn-primary{background:#dc2626;background:var(--red);box-shadow:0 1px 2px #dc262633;color:#fff}.btn-primary:hover:not(:disabled){background:#b91c1c;background:var(--red-hover);box-shadow:0 2px 6px #dc26264d;transform:translateY(-.5px)}.btn-secondary{background:#0a0a0a;background:var(--black);color:#fff}.btn-secondary:hover:not(:disabled){background:#2d2d2d;background:var(--black-muted)}.btn-outline{background:#0000;border:1px solid #e4e4e7;border:1px solid var(--border);color:#18181b;color:var(--text)}.btn-outline:hover:not(:disabled){background:#fafafa;background:var(--gray-50);border-color:#d4d4d8;border-color:var(--gray-300)}.btn-danger{background:#dc2626;background:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){background:#b91c1c;background:var(--red-hover)}.btn-link{align-items:center;background:none;border:none;color:#52525b;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-family:inherit;font-size:13px;font-weight:600;gap:4px;padding:4px 8px;text-decoration:none;transition:all .15s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.btn-link:hover{color:#18181b;color:var(--text)}.btn-sm{font-size:12px;padding:5px 12px}.btn-icon{align-items:center;background:#0000;border:1px solid #e4e4e7;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius-sm);color:#52525b;color:var(--text-secondary);cursor:pointer;display:flex;font-size:16px;justify-content:center;padding:7px;transition:all .15s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.btn-icon:hover{background:#f4f4f5;background:var(--gray-100);border-color:#d4d4d8;border-color:var(--gray-300);color:#18181b;color:var(--text)}.btn-success{background:#16a34a;background:var(--success);border:none;color:#fff}.toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.toolbar-search{flex:1 1;min-width:220px}.toolbar-filters{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.input-group{align-items:stretch;display:flex}.input-group .form-control{border-bottom-right-radius:0;border-right:none;border-top-right-radius:0}.input-group .btn{border-bottom-left-radius:0;border-top-left-radius:0;padding:8px 12px}.form-control,.search-input{background:#fff;background:var(--bg-elevated);border:1px solid #e4e4e7;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius-sm);color:#18181b;color:var(--text);font-family:inherit;font-size:13px;line-height:1.4;outline:none;padding:8px 14px;transition:all .15s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.form-control-sm{font-size:12px;padding:5px 10px}.form-control:focus,.search-input:focus{border-color:#a1a1aa;border-color:var(--gray-400);box-shadow:0 0 0 3px #0000000a}.search-wrapper{flex:1 1;min-width:200px;position:relative}.search-wrapper .search-icon{color:#a1a1aa;color:var(--text-muted);font-size:14px;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.search-wrapper .search-input{padding-left:36px}.filter-select,select.form-control{-webkit-appearance:none;appearance:none;background:#fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2371717a' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 10px center;background:var(--bg-elevated) url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2371717a' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 10px center;border:1px solid #e4e4e7;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius-sm);color:#18181b;color:var(--text);cursor:pointer;font-family:inherit;font-size:13px;min-width:160px;outline:none;padding:8px 32px 8px 14px;transition:all .15s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.filter-select:focus,select.form-control:focus{border-color:#a1a1aa;border-color:var(--gray-400);box-shadow:0 0 0 3px #0000000a}textarea.form-control{min-height:80px}input[type=file].form-control{font-size:13px;padding:6px 14px}input[type=file].form-control::-webkit-file-upload-button{background:#f4f4f5;background:var(--gray-100);border:1px solid #e4e4e7;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius-sm);color:#18181b;color:var(--text);cursor:pointer;font-family:inherit;font-size:12px;font-weight:600;margin-right:10px;padding:4px 12px;-webkit-transition:all .15s cubic-bezier(.4,0,.2,1);transition:all .15s cubic-bezier(.4,0,.2,1);-webkit-transition:var(--transition);transition:var(--transition)}input[type=file].form-control::file-selector-button{background:#f4f4f5;background:var(--gray-100);border:1px solid #e4e4e7;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius-sm);color:#18181b;color:var(--text);cursor:pointer;font-family:inherit;font-size:12px;font-weight:600;margin-right:10px;padding:4px 12px;transition:all .15s cubic-bezier(.4,0,.2,1);transition:var(--transition)}input[type=file].form-control::-webkit-file-upload-button:hover{background:#e4e4e7;background:var(--gray-200)}input[type=file].form-control::file-selector-button:hover{background:#e4e4e7;background:var(--gray-200)}.pagination{align-items:center;border-top:1px solid #f4f4f5;border-top:1px solid var(--border-light);display:flex;justify-content:space-between;padding:14px 20px}.pagination-info{color:#a1a1aa;color:var(--text-muted);font-size:12.5px;font-weight:500}.pagination-buttons{display:flex;gap:4px}.pagination-btn{align-items:center;background:#fff;background:var(--bg-elevated);border:1px solid #e4e4e7;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius-sm);color:#18181b;color:var(--text);cursor:pointer;display:flex;font-family:inherit;font-size:12.5px;font-weight:500;justify-content:center;min-width:32px;padding:5px 11px;transition:all .15s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.pagination-btn:hover:not(:disabled){background:#f4f4f5;background:var(--gray-100);border-color:#d4d4d8;border-color:var(--gray-300)}.pagination-btn:disabled{cursor:not-allowed;opacity:.3}.pagination-btn.active{background:#0a0a0a;background:var(--black);border-color:#0a0a0a;border-color:var(--black);color:#fff}.loader-wrapper{align-items:center;display:flex;justify-content:center;padding:80px}.loader{animation:spin .7s linear infinite;border:3px solid #e4e4e7;border-top:3px solid #dc2626;border:3px solid var(--gray-200);border-radius:50%;border-top-color:var(--red);height:36px;width:36px}.loader-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fffc;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:999}.spin-animation{animation:spin 1s linear infinite}.form-group{margin-bottom:18px}.form-group label,.form-label{color:#18181b;color:var(--text);display:block;font-size:12.5px;font-weight:600;letter-spacing:-.1px;margin-bottom:6px}.form-input{border:1px solid #e4e4e7;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius-sm);color:#18181b;color:var(--text);font-family:inherit;font-size:13px;outline:none;padding:8px 14px;transition:all .15s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.form-input:focus{border-color:#a1a1aa;border-color:var(--gray-400);box-shadow:0 0 0 3px #0000000a}.form-row{grid-gap:16px;align-items:end;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.detail-grid{grid-gap:4px 24px;background:#fff;background:var(--bg-elevated);border:1px solid #e4e4e7;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 1px 2px #0000000a;box-shadow:var(--shadow-xs);display:grid;gap:4px 24px;grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr));overflow-x:hidden;padding:24px 28px}.detail-item{border-bottom:1px solid #f4f4f5;border-bottom:1px solid var(--border-light);padding:10px 0}.detail-label{color:#a1a1aa;color:var(--text-muted);font-size:11px;font-weight:600;letter-spacing:.6px;margin-bottom:3px;text-transform:uppercase}.detail-value{color:#18181b;color:var(--text);font-size:14px;font-weight:500}.modal-overlay{align-items:center;animation:fadeIn .15s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal,.modal-content{animation:slideUp .2s ease;background:#fff;background:var(--bg-elevated);border-radius:16px;border-radius:var(--radius-xl);box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000000a;box-shadow:var(--shadow-xl);max-height:85vh;max-width:640px;overflow-y:auto;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.modal-header{align-items:center;border-bottom:1px solid #e4e4e7;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:20px 24px}.modal-header h2,.modal-title{font-size:16px;font-weight:700;letter-spacing:-.3px}.modal-body{padding:24px}.modal-footer{border-top:1px solid #e4e4e7;border-top:1px solid var(--border);display:flex;gap:8px;justify-content:flex-end;padding:16px 24px}.empty-state{color:#a1a1aa;color:var(--text-muted);padding:48px 24px;text-align:center}.empty-state .icon{font-size:40px;margin-bottom:16px;opacity:.25}.empty-state p{font-size:14px;font-weight:500}.login-page{align-items:center;background:#0a0a0a;background:var(--black);display:flex;justify-content:center;min-height:100vh;overflow:hidden;position:relative}.login-page:before{background:radial-gradient(ellipse,#dc26261f 0,#0000 70%);height:120%;right:-20%;top:-40%;width:70%}.login-page:after,.login-page:before{content:"";pointer-events:none;position:absolute}.login-page:after{background:radial-gradient(ellipse,#f9731614 0,#0000 70%);bottom:-30%;height:100%;left:-10%;width:60%}.login-card{background:#fff;background:var(--bg-elevated);border-radius:16px;border-radius:var(--radius-xl);box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000000a;box-shadow:var(--shadow-xl);max-width:420px;padding:56px 48px;position:relative;text-align:center;width:100%;z-index:1}.login-logo{align-items:center;background:linear-gradient(135deg,#dc2626,#f97316);background:linear-gradient(135deg,var(--red) 0,var(--orange) 100%);border-radius:18px;box-shadow:0 4px 16px #dc26264d;color:#fff;display:flex;font-size:22px;font-weight:900;height:64px;justify-content:center;letter-spacing:-1px;margin:0 auto 28px;width:64px}.login-title{color:#18181b;color:var(--text);font-size:26px;font-weight:800;letter-spacing:-.8px;margin-bottom:6px}.login-subtitle{color:#a1a1aa;color:var(--text-muted);font-size:14px;font-weight:500;margin-bottom:36px}.login-btn{align-items:center;background:#0a0a0a;background:var(--black);border:none;border-radius:8px;border-radius:var(--radius);color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:14px;font-weight:700;gap:10px;justify-content:center;letter-spacing:-.2px;padding:13px;transition:all .15s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.login-btn:hover{background:#2d2d2d;background:var(--black-muted);box-shadow:0 4px 12px #0003;transform:translateY(-1px)}.tabs{border-bottom:2px solid #e4e4e7;border-bottom:2px solid var(--border);display:flex;gap:0;margin-bottom:24px}.tab{background:none;border:none;color:#a1a1aa;color:var(--text-muted);cursor:pointer;font-family:inherit;font-size:13px;font-weight:600;letter-spacing:-.1px;padding:10px 20px;position:relative;transition:all .15s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.tab.active,.tab:hover{color:#18181b;color:var(--text)}.tab.active:after{background:#dc2626;background:var(--red);border-radius:1px 1px 0 0;bottom:-2px;content:"";height:2px;left:0;position:absolute;right:0}.tab-content{animation:fadeIn .2s ease}.totals-grid{margin-left:auto;max-width:350px}.total-row{color:#52525b;color:var(--text-secondary);display:flex;font-size:13px;justify-content:space-between;padding:8px 0}.total-row-final{border-top:2px solid #e4e4e7;border-top:2px solid var(--border);color:#18181b;color:var(--text);font-size:15px;font-weight:700;margin-top:8px;padding-top:12px}.total-label{font-weight:500}.total-value{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:600}.alert{border-radius:8px;border-radius:var(--radius);font-size:13px;font-weight:500;margin-bottom:16px;padding:14px 18px}.alert-danger{background:#fef2f2;background:var(--danger-light);border:1px solid #dc262626;color:#dc2626;color:var(--danger)}.alert-success{background:#f0fdf4;background:var(--success-light);border:1px solid #16a34a26;color:#16a34a;color:var(--success)}.activity-list{list-style:none;margin:0;padding:0}.activity-item{align-items:center;border-bottom:1px solid #f4f4f5;border-bottom:1px solid var(--border-light);display:flex;gap:12px;justify-content:space-between;padding:12px 0}.activity-item:last-child{border-bottom:none}.activity-content{align-items:center;display:flex;flex:1 1;gap:10px;min-width:0}.activity-type{flex-shrink:0}.activity-description{color:#18181b;color:var(--text);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-timestamp{font-feature-settings:"tnum";color:#a1a1aa;color:var(--text-muted);font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap}.text-muted{color:var(--text-muted);font-size:13px}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.editable-cell{border-bottom:1px dashed #a1a1aa;border-bottom:1px dashed var(--gray-400);cursor:pointer;padding-bottom:1px;transition:all .15s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.editable-cell:hover{border-color:#dc2626;border-color:var(--red);color:#dc2626;color:var(--red)}.no-access{color:#a1a1aa;color:var(--text-muted);padding:80px 24px;text-align:center}.no-access h2{color:#18181b;color:var(--text);font-size:20px;font-weight:700;margin-bottom:8px}.no-access p{font-size:14px}.Toastify__toast{border-radius:8px!important;border-radius:var(--radius)!important;box-shadow:0 10px 15px -3px #00000014,0 4px 6px -4px #0000000a!important;box-shadow:var(--shadow-lg)!important;font-family:Inter,sans-serif!important;font-size:13px!important;font-weight:500!important}.custom-select{min-width:160px;position:relative}.custom-select--sm{min-width:120px}.custom-select__trigger{align-items:center;background:#fff;background:var(--bg-elevated);border:1px solid #e4e4e7;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);color:#18181b;color:var(--text);cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:13px;font-weight:500;gap:8px;justify-content:space-between;line-height:1.4;padding:9px 12px;text-align:left;transition:all .15s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.custom-select--sm .custom-select__trigger{font-size:12px;padding:5px 10px}.custom-select__trigger:hover{border-color:#a1a1aa;border-color:var(--gray-400)}.custom-select__trigger:focus{outline:none}.custom-select.open .custom-select__trigger,.custom-select__trigger:focus{border-color:#dc2626;border-color:var(--red);box-shadow:0 0 0 3px #dc26261f;box-shadow:0 0 0 3px var(--red-glow)}.custom-select__label{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.custom-select__chevron,.custom-select__label--placeholder{color:#a1a1aa;color:var(--text-muted)}.custom-select__chevron{flex-shrink:0;transition:transform .2s ease}.custom-select__chevron--open{transform:rotate(180deg)}.custom-select__dropdown{animation:selectDropIn .15s ease-out;background:#fff;background:var(--bg-elevated);border:1px solid #e4e4e7;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);box-shadow:0 10px 15px -3px #00000014,0 4px 6px -4px #0000000a;box-shadow:var(--shadow-lg);left:0;overflow:hidden;position:absolute;right:0;top:calc(100% + 4px);z-index:1000}@keyframes selectDropIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.custom-select__options{max-height:220px;overflow-y:auto;padding:4px}.custom-select__option{align-items:center;background:none;border:none;border-radius:6px;border-radius:var(--radius-sm);color:#18181b;color:var(--text);cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:13px;font-weight:450;gap:8px;justify-content:space-between;padding:8px 12px;text-align:left;transition:background .1s ease;width:100%}.custom-select--sm .custom-select__option{font-size:12px;padding:5px 10px}.custom-select__option:hover{background:#f4f4f5;background:var(--gray-100)}.custom-select__option--selected{color:#dc2626;color:var(--red);font-weight:600}.custom-select__option--selected,.custom-select__option--selected:hover{background:#fef2f2;background:var(--red-light)}.custom-select__check{color:#dc2626;color:var(--red);flex-shrink:0}.hamburger-btn{align-items:center;background:none;border:1px solid #e4e4e7;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);color:#18181b;color:var(--text);cursor:pointer;display:none;flex-shrink:0;height:36px;justify-content:center;transition:all .15s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:36px}.hamburger-btn:hover{background:#f4f4f5;background:var(--gray-100);border-color:#a1a1aa;border-color:var(--gray-400)}.sidebar-overlay{animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;display:none;inset:0;position:fixed;z-index:998}@media (min-width:1920px){.page-content{padding:40px 48px}.stats-grid{gap:24px}.detail-grid,.stats-grid{grid-template-columns:repeat(4,1fr)}.detail-grid{gap:20px}.data-table td,.data-table th{font-size:14px;padding:14px 20px}}@media (min-width:1600px){.page-content{padding:32px 40px}.stats-grid{gap:20px}.detail-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:1024px){.sidebar{width:68px}.sidebar-header-text,.sidebar-link-label,.sidebar-section-title{display:none}.sidebar-header{justify-content:center;padding:20px 12px}.sidebar-link{justify-content:center;padding:12px}.sidebar-link .icon{margin-right:0}.sidebar-link.active:before{display:none}.main-content{margin-left:68px}.page-content{padding:20px}.top-header{padding:0 20px}.detail-grid{grid-template-columns:repeat(2,1fr)}.header-user-name{display:none}}@media (max-width:768px){.sidebar{height:100vh;left:0;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);width:280px;z-index:999}.sidebar--open{transform:translateX(0)}.sidebar--open .sidebar-header-text,.sidebar--open .sidebar-link-label,.sidebar--open .sidebar-section-title{display:block}.sidebar--open .sidebar-header{justify-content:flex-start;padding:24px 20px}.sidebar--open .sidebar-link{justify-content:flex-start;padding:10px 16px}.sidebar--open .sidebar-link .icon{margin-right:12px}.sidebar-overlay{display:block}.main-content{margin-left:0}.hamburger-btn{display:flex}.top-header{padding:0 16px}.header-sync-label{display:none}.stats-grid{gap:12px;grid-template-columns:1fr 1fr}.detail-grid{grid-template-columns:1fr}.toolbar,.toolbar-filters{align-items:stretch;flex-direction:column}.toolbar-filters .custom-select{min-width:0;width:100%}.page-header{align-items:flex-start;flex-direction:column;gap:12px}.page-actions{flex-wrap:wrap;width:100%}.page-actions .btn{flex:1 1;justify-content:center;min-width:0}.tabs{-webkit-overflow-scrolling:touch;overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{flex-shrink:0;white-space:nowrap}.modal-content{margin:16px;max-width:none;width:95vw}.data-table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.data-table td,.data-table th{font-size:12px;padding:10px 12px;white-space:nowrap}.form-row{flex-direction:column}}@media (max-width:480px){.stats-grid{grid-template-columns:1fr}.stat-card{padding:16px}.stat-value{font-size:22px}.page-content{padding:16px 12px}.top-header{height:52px;padding:0 12px}.header-title{font-size:14px}.page-header h1{font-size:18px}.login-card{margin:16px;padding:40px 28px}.btn{font-size:12px;padding:8px 14px}.btn-sm{font-size:11px;padding:5px 10px}.card{border-radius:8px;border-radius:var(--radius)}.card-header{padding:14px 16px}.card-body{padding:16px}.detail-item{padding:10px 0}.modal-content{margin:8px;width:calc(100vw - 16px)}.modal-body,.modal-header{padding:16px}.modal-footer{padding:12px 16px}.pagination{flex-wrap:wrap;gap:6px}.pagination-info{font-size:11px}}@media (max-width:360px){.sidebar--open{width:85vw}.page-content{padding:12px 8px}.page-header h1{font-size:16px}.header-title{font-size:12px}.top-header{height:48px}.stat-card{padding:14px}.stat-value{font-size:20px}.stat-label{font-size:11px}.custom-select__trigger,.form-control{font-size:12px;padding:7px 10px}}.bulk-actions-bar{background:#fff7ed;background:var(--orange-light);border:1px solid #f97316;border:1px solid var(--orange);border-radius:8px;border-radius:var(--radius);flex-wrap:wrap;gap:12px;margin-bottom:16px;padding:10px 16px}.bulk-actions-bar,.bulk-count{align-items:center;display:flex}.bulk-count{color:#ea580c;color:var(--orange-hover);font-size:13px;font-weight:600;gap:6px;min-width:120px}.bulk-result-summary{background:#fafafa;background:var(--gray-50);border-radius:8px;border-radius:var(--radius);display:flex;gap:24px;padding:16px}.bulk-stat{align-items:center;display:flex;font-size:15px;font-weight:600;gap:6px}.bulk-stat-success{color:#16a34a;color:var(--success)}.bulk-errors h4,.bulk-stat-error{color:#dc2626;color:var(--danger)}.bulk-errors h4{font-size:14px;font-weight:600;margin-bottom:8px}.form-control-sm{font-size:12px!important;height:auto;padding:4px 8px!important}textarea.form-control{min-height:60px;resize:vertical}.text-success{color:#16a34a;color:var(--success)}.text-danger{color:#dc2626;color:var(--danger)}.text-warning{color:#f59e0b;color:var(--warning)}.text-muted{color:#a1a1aa;color:var(--gray-400)}.progress-wrapper{margin:4px 0}.progress-sm .progress-track{height:6px}.progress-md .progress-track{height:10px}.progress-lg .progress-track{height:16px}.progress-header{align-items:center;display:flex;font-size:12px;justify-content:space-between;margin-bottom:4px}.progress-label{color:#18181b;color:var(--text);font-weight:600}.progress-stats{color:#52525b;color:var(--text-secondary);display:flex;gap:8px}.progress-percent{color:#18181b;color:var(--text);font-weight:700}.progress-track{background:#e4e4e7;background:var(--gray-200);overflow:hidden}.progress-fill,.progress-track{border-radius:100px;position:relative}.progress-fill{height:100%;transition:width .4s ease}.progress-primary{background:#dc2626;background:var(--red)}.progress-success{background:#16a34a;background:var(--success)}.progress-danger{background:#dc2626;background:var(--danger)}.progress-warning{background:#f59e0b;background:var(--warning)}.progress-animated:after{animation:progressShine 1.5s ease infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes progressShine{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.op-tracker{background:#fff;background:var(--bg-elevated);border:1px solid #e4e4e7;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);padding:16px}.op-tracker-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.op-tracker-title{font-size:14px;font-weight:700;margin:0}.op-tracker-progress{margin-bottom:12px}.op-tracker-summary{background:#fafafa;background:var(--gray-50);border-radius:6px;border-radius:var(--radius-sm);display:flex;font-size:13px;font-weight:600;gap:16px;margin-bottom:12px;padding:10px 14px}.op-summary-success{color:#16a34a;color:var(--success)}.op-summary-error,.op-summary-success{align-items:center;display:flex;gap:4px}.op-summary-error{color:#dc2626;color:var(--danger)}.op-tracker-steps{display:flex;flex-direction:column;gap:6px}.op-step{align-items:flex-start;display:flex;font-size:13px;gap:8px;padding:6px 0}.op-step-content{display:flex;flex-direction:column;gap:2px}.op-step-label{font-weight:500}.op-step-detail{color:#52525b;color:var(--text-secondary);font-size:11px}.op-step-error{color:#dc2626;color:var(--danger);font-size:11px}.op-icon{flex-shrink:0;margin-top:2px}.op-icon-success{color:#16a34a;color:var(--success)}.op-icon-error{color:#dc2626;color:var(--danger)}.op-icon-running{color:#f97316;color:var(--orange)}.op-icon-pending{color:#a1a1aa;color:var(--gray-400)}.notif-center,.notif-trigger{position:relative}.notif-trigger{align-items:center;background:#0000;border:1px solid #e4e4e7;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius-sm);color:#52525b;color:var(--text-secondary);cursor:pointer;display:flex;padding:6px 8px;transition:all .15s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.notif-trigger:hover{background:#f4f4f5;background:var(--gray-100);border-color:#d4d4d8;border-color:var(--gray-300);color:#18181b;color:var(--text)}.notif-badge{align-items:center;background:#dc2626;background:var(--red);border-radius:100px;color:#fff;display:flex;font-size:9px;font-weight:700;height:16px;justify-content:center;line-height:1;min-width:16px;padding:0 4px;position:absolute;right:-4px;top:-4px}.notif-backdrop{bottom:0;left:0;position:fixed;right:0;top:0;z-index:99}.notif-dropdown{background:#fff;background:var(--bg-elevated);border:1px solid #e4e4e7;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);box-shadow:0 16px 48px #0000001f;display:flex;flex-direction:column;max-height:480px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);width:360px;z-index:100}.notif-dropdown-header{align-items:center;border-bottom:1px solid #e4e4e7;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:12px 16px}.notif-dropdown-header h4{font-size:14px;font-weight:700;margin:0}.notif-dropdown-body{flex:1 1;max-height:400px;overflow-y:auto}.notif-empty{align-items:center;color:#a1a1aa;color:var(--gray-400);display:flex;flex-direction:column;font-size:13px;justify-content:center;padding:40px 20px}.notif-item{border-bottom:1px solid #f4f4f5;border-bottom:1px solid var(--border-light);display:flex;gap:10px;padding:12px 16px;transition:background .15s}.notif-item:hover{background:#fafafa;background:var(--gray-50)}.notif-unread{background:#eff6ff;background:var(--info-light)}.notif-unread:hover{background:#e8f0fe}.notif-item-icon{flex-shrink:0;margin-top:2px}.notif-icon{height:16px;width:16px}.notif-icon-success{color:#16a34a;color:var(--success)}.notif-icon-error{color:#dc2626;color:var(--danger)}.notif-icon-warning{color:#f59e0b;color:var(--warning)}.notif-icon-info{color:#2563eb;color:var(--info)}.notif-item-content{flex:1 1;min-width:0}.notif-item-title{color:#18181b;color:var(--text);font-size:13px;font-weight:600;margin-bottom:2px}.notif-item-message{color:#52525b;color:var(--text-secondary);font-size:12px;line-height:1.4}.notif-item-time{color:#a1a1aa;color:var(--gray-400);font-size:11px;margin-top:4px}.active-ops-panel{background:#fff;background:var(--bg-elevated);border:1px solid #e4e4e7;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);bottom:20px;box-shadow:0 16px 48px #00000026;display:flex;flex-direction:column;max-height:400px;overflow:hidden;position:fixed;right:20px;width:380px;z-index:1000}.active-ops-header{align-items:center;background:#1a1a1a;background:var(--black-soft);color:#fff;cursor:pointer;display:flex;justify-content:space-between;padding:10px 14px;-webkit-user-select:none;user-select:none}.active-ops-title{align-items:center;display:flex;font-size:13px;font-weight:600;gap:8px}.active-ops-body{max-height:320px;overflow-y:auto}.active-op-item{border-bottom:1px solid #f4f4f5;border-bottom:1px solid var(--border-light);padding:10px 14px}.active-op-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.active-op-label{align-items:center;display:flex;font-size:13px;font-weight:600;gap:6px}.active-op-dismiss{background:none;border:none;border-radius:4px;color:#a1a1aa;color:var(--gray-400);cursor:pointer;padding:2px;transition:all .15s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.active-op-dismiss:hover{background:#f4f4f5;background:var(--gray-100);color:#18181b;color:var(--text)}.active-op-current{align-items:center;color:#52525b;color:var(--text-secondary);display:flex;font-size:11px;gap:4px;margin-top:4px}.active-op-result{display:flex;font-size:12px;font-weight:600;gap:12px}.connection-indicator{align-items:center;border-radius:100px;display:flex;font-size:11px;font-weight:600;gap:4px;padding:4px 8px}.connection-indicator.connected{color:#16a34a;color:var(--success)}.connection-indicator.disconnected{background:#fef2f2;background:var(--danger-light);color:#dc2626;color:var(--danger)}.confirm-dialog .modal-body p{color:#52525b;color:var(--text-secondary);font-size:14px}.btn-warning{background:#f59e0b;background:var(--warning);border:none;color:#fff}.btn-warning:hover:not(:disabled){background:#ea580c;background:var(--orange-hover)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.spin{animation:spin 1s linear infinite}@keyframes skeleton-pulse{0%{opacity:.6}50%{opacity:.3}to{opacity:.6}}.skeleton-pulse{animation:skeleton-pulse 1.5s ease-in-out infinite;background:linear-gradient(90deg,#e4e4e7 25%,#0000000f 50%,#e4e4e7 75%);background:linear-gradient(90deg,var(--border) 25%,#0000000f 50%,var(--border) 75%);background-size:200% 100%}.audit-timeline{list-style:none;margin:0;padding:0;position:relative}.audit-timeline:before{background:#e4e4e7;background:var(--border);bottom:0;content:"";left:14px;position:absolute;top:0;width:2px}.audit-item{border-bottom:none;padding:8px 0 8px 40px;position:relative}.audit-item:before{background:#dc2626;background:var(--primary);border:3px solid #f8f8f8;border:3px solid var(--bg);border-radius:50%;content:"";height:14px;left:8px;position:absolute;top:14px;width:14px;z-index:1}.audit-item.action-Created:before{background:#10b981}.audit-item.action-StatusChanged:before{background:#f59e0b}.audit-item.action-Submitted:before{background:#3b82f6}.audit-item.action-SubmitFailed:before{background:#ef4444}.audit-item.action-Edited:before{background:#8b5cf6}.audit-item.action-Deleted:before{background:#ef4444}.audit-item.action-PdfGenerated:before{background:#06b6d4}.audit-item.action-CreditNoteCreated:before{background:#f97316}.audit-action{font-size:12px;font-weight:700;letter-spacing:.5px;margin-bottom:2px;text-transform:uppercase}.audit-details{color:#52525b;color:var(--text-secondary);font-size:12px}.audit-time{color:#999;color:var(--text-tertiary,#999);font-size:11px}.audit-values{display:flex;font-size:11px;gap:8px;margin-top:4px}.audit-old-value{background:#fef2f2;border-radius:4px;color:#dc2626;padding:1px 6px;text-decoration:line-through}.audit-new-value{background:#ecfdf5;border-radius:4px;color:#059669;padding:1px 6px}.form-group.has-error .form-control{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.field-error,.form-group.has-error label{color:#ef4444}.field-error{align-items:center;display:flex;font-size:11px;gap:4px;margin-top:4px}.form-hint{color:#52525b;color:var(--text-secondary);font-size:11px;margin-top:3px}
/*# sourceMappingURL=main.0e61af7d.css.map*/