body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.primary-button{font-size:.875rem;padding:8px 16px}.primary-button,.primary-button-sm{background-color:var(--neutral-white);border:1px solid var(--transparent-lightgray25);border-radius:4px;color:var(--text-dark);cursor:pointer;font-weight:500;margin-right:10px}.primary-button-sm{align-items:center;display:flex;font-size:.75rem;padding:4px 8px}@media (max-width:480px){.hidden-in-mobile{display:none}}:root{--primary-color:#4361ee;--primary-hover:#3a56d4;--error-color:#ef476f;--text-light:#6c757d;--border-color:#e0e0e0;--transition:all 0.3s ease}*{margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.container{background-color:#f8f9fa;display:flex;min-height:100vh}.formContainer{align-items:center;background:#fff;display:flex;flex:1 1;flex-direction:column;justify-content:center;overflow-y:auto;padding:2rem;position:relative}.header{position:absolute}.form{animation:fadeIn .5s ease-in-out;background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000000d;max-width:400px;padding:2.5rem;width:100%}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.mc-title{color:#212529;font-size:1.75rem;font-weight:700;margin-bottom:.5rem}.mc-title,.text{text-align:center}.text{color:#6c757d;color:var(--text-light);font-size:.95rem;margin-bottom:2rem}.formGroup{margin-bottom:1.5rem;position:relative}.label{color:#495057;display:block;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.input{padding:.875rem 1rem}.input:focus{border-color:#4361ee;border-color:var(--primary-color);box-shadow:0 0 0 3px #4361ee26;outline:none}.input::placeholder{color:#adb5bd}.error{display:block;font-size:.8rem;height:1rem;margin-top:.25rem}.error,.error-server{color:#ef476f;color:var(--error-color)}.error-server{animation:shake .5s ease-in-out;background-color:#fff5f7;border-left:4px solid #ef476f;border-left:4px solid var(--error-color);border-radius:8px;font-size:.9rem;margin-bottom:1.5rem;padding:.75rem 1rem}@keyframes shake{0%,to{transform:translateX(0)}20%,60%{transform:translateX(-5px)}40%,80%{transform:translateX(5px)}}.mc-button{background-color:#4361ee;background-color:var(--primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:.5rem;overflow:hidden;padding:1rem;position:relative;transition:all .3s ease;transition:var(--transition);width:100%}.mc-button:hover{background-color:#3a56d4;background-color:var(--primary-hover);box-shadow:0 4px 12px #4361ee33;transform:translateY(-1px)}.mc-button:active{transform:translateY(0)}.mc-button:disabled{background-color:#e9ecef;box-shadow:none;color:#adb5bd;cursor:not-allowed;transform:none}.forgotPassword{color:#4361ee;color:var(--primary-color);display:block;font-size:.9rem;margin-top:1.5rem;text-align:center;text-decoration:none;transition:all .3s ease;transition:var(--transition)}.forgotPassword:hover{text-decoration:underline}.infoContainer{background:linear-gradient(135deg,#4361ee,#3a0ca3);display:flex;flex:1 1;overflow:hidden;position:relative}.image{height:100%;object-fit:cover;opacity:.15;transition:all .3s ease;transition:var(--transition);width:100%}.infoTextContainer{color:#fff;left:50%;max-width:80%;padding:2rem;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.infoTitle{font-size:2rem;font-weight:700;margin-bottom:1rem}.infoDescription{font-size:1.1rem;line-height:1.6;opacity:.9}@keyframes spin{to{transform:rotate(1turn)}}.loading{animation:spin .8s ease-in-out infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:20px;margin-right:8px;vertical-align:middle;width:20px}@media (max-width:992px){.container{flex-direction:column}.formContainer{padding:1.5rem}.form{max-width:500px;padding:2rem 1.5rem;width:100%}.infoContainer{display:none}.header{margin-bottom:1.5rem;position:static;text-align:right}}@media (max-width:480px){.form{padding:1.5rem 1.25rem}.mc-title{font-size:1.5rem}.text{font-size:.9rem;margin-bottom:1.5rem}.input{padding:.75rem 1rem}.mc-button{padding:.875rem}}.input-container{position:relative;width:100%}.input-icon{color:#6c757d;font-size:1.1rem;left:1rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.input{-webkit-appearance:none;background-color:#fff;border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:8px;font-size:.95rem;padding:.875rem 1rem .875rem 2.75rem;transition:all .3s ease;transition:var(--transition);width:100%}.password-toggle{align-items:center;background:none;border:none;color:#6c757d;cursor:pointer;display:flex;justify-content:center;padding:.5rem;position:absolute;right:1rem;top:50%;transform:translateY(-50%);transition:color .2s ease}.password-toggle:hover{color:#4361ee;color:var(--primary-color)}.register-container{margin-top:1rem;text-align:center}.register-link{color:#4361ee;color:var(--primary-color);font-weight:500;text-decoration:none;transition:color .2s ease}.register-link:hover{color:var(--primary-dark);text-decoration:underline}.mchic-navbar{background:var(--background-primary);box-shadow:0 1px 0 #00000014,0 2px 8px #0000000f;direction:rtl;height:64px;padding:0;transition:background .2s ease,box-shadow .2s ease}.mobile-logo{display:none}.mchic-options{gap:4px;margin-right:16px}.icon,.mchic-options{align-items:center;display:flex}.icon{border-radius:10px;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;justify-content:center;transition:background .15s ease,color .15s ease,transform .1s ease}.icon:hover{background:rgba(0,0,0,.055);color:#111827;color:var(--text-primary,#111827);transform:translateY(-1px)}.icon:active{background:#00000017;transform:translateY(0)}.expired-date{align-items:center;border:1.5px solid #ffffff2e;border-radius:8px;box-shadow:0 1px 3px #00000026,inset 0 1px 0 #ffffff26;display:inline-flex;gap:6px;margin-right:20px;padding:5px 12px 5px 10px;transition:box-shadow .2s ease,transform .15s ease}.expired-date:hover{box-shadow:0 3px 10px #10b98173,inset 0 1px 0 #fff3;transform:translateY(-1px)}.expired-date:before{background:#ffffffb3;border-radius:50%;content:"";display:block;flex-shrink:0;height:7px;width:7px}.expired-date-text{font-feature-settings:"tnum";color:#fff;font-size:13.5px;font-variant-numeric:tabular-nums;font-weight:600;letter-spacing:.3px;line-height:1}.store-pill{align-items:center;border-radius:10px;cursor:pointer;display:flex;gap:8px;padding:6px 14px;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease,transform .1s ease}.store-pill:hover{transform:translateY(-1px)}.store-pill:active{box-shadow:none;transform:translateY(0)}.store-name-for-mobile-ui{display:none}@media (prefers-color-scheme:dark){.icon:hover{background:#ffffff14;color:#f9fafb}.icon:active{background:#ffffff21}.store-pill:hover{background:#ffffff17;border-color:#ffffff2e}}@media (max-width:480px){.expired-date{display:none}.mchic-options{display:none!important}}@media (max-width:768px){.mobile-logo{display:contents!important;width:100%!important}.mobile-logo img{border-radius:7px;height:auto!important;width:35px!important}.store-name-for-mobile-ui{color:var(--text-color);display:block!important;font-size:14px;font-weight:600;letter-spacing:.3px;margin-left:8px;white-space:nowrap}}.mc-sidebar{--sidebar-width:260px;--sidebar-width-collapsed:72px;--transition-speed:0.25s;--transition-ease:cubic-bezier(0.4,0,0.2,1);background-color:#fff;border-right:1px solid #0000000f;box-shadow:1px 0 3px #00000008;color:var(--text-primary);display:flex;flex-direction:column;height:100vh;overflow:visible;position:relative;transition:width var(--transition-speed) var(--transition-ease);width:var(--sidebar-width)}.mc-sidebar.collapsed{width:var(--sidebar-width-collapsed)}.mchic-header{align-items:center;color:var(--brand-secondary);display:flex;font-family:Courier New,Courier,monospace;font-weight:700;height:70px;justify-content:flex-start;overflow:visible;padding:0 16px;position:relative;transition:padding var(--transition-speed) var(--transition-ease)}.mc-sidebar.collapsed .mchic-header{justify-content:center;padding:0 10px}.mchic-logo{height:auto;margin-left:20px;transition:opacity .2s ease;width:60%}.titleLogo{color:var(--brand-primary);font-family:Science Gothic,sans-serif;font-size:1em;font-weight:700;text-align:center}.seperator{background:#00000012;flex-shrink:0;height:1px;margin:0 16px 8px}.collapse-toggle{align-items:center;background:#fff;background:var(--background-secondary,#fff);border:1px solid #00000014;border-radius:50%;box-shadow:0 2px 6px #0000001f;color:var(--neutral-darkgray);cursor:pointer;display:flex;height:28px;justify-content:center;position:absolute;right:-14px;top:50%;transform:translateY(-50%);transition:transform .2s ease,box-shadow .2s ease,color .2s ease,border-color .2s ease;width:28px;z-index:100}.collapse-toggle:hover{border-color:var(--brand-primary);box-shadow:0 3px 10px #00000029;color:var(--brand-primary);transform:translateY(-50%) scale(1.1)}.collapse-toggle:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}.sidebar-menu{display:flex;flex:1 1;flex-direction:column;gap:2px;list-style:none;margin-top:10px;overflow-x:visible;overflow-y:auto;padding:8px 10px}.sidebar-menu.collapsed-item-container{align-items:center;padding:8px 6px}.sidebar-menu::-webkit-scrollbar{width:5px}.sidebar-menu::-webkit-scrollbar-track{background:#0000}.sidebar-menu::-webkit-scrollbar-thumb{background:#0000001f;border-radius:3px}.sidebar-menu::-webkit-scrollbar-thumb:hover{background:#0003}.item-container{flex-direction:row;justify-content:space-between;margin-bottom:10px}.item-container,.sidebar-item{display:flex;position:relative;width:100%}.sidebar-item{align-items:center;border-radius:10px;color:var(--text-primary);cursor:pointer;font-size:14.5px;font-weight:500;padding:10px 14px;transition:background var(--transition-speed) var(--transition-ease),color .2s ease,transform .15s ease,padding-left .2s ease;white-space:nowrap}.sidebar-item:before{background:var(--brand-primary);border-radius:0 3px 3px 0;content:"";height:0;left:-10px;position:absolute;top:50%;transform:translateY(-50%);transition:height .2s ease;width:3px}.sidebar-item:hover{background:var(--transparent-lightgreen);color:var(--brand-primary);transform:translateX(3px)}.sidebar-item.active{background:var(--transparent-brandprimary);color:var(--brand-primary);font-weight:600}.sidebar-item.active:before{height:22px}.sidebar-item:focus-visible{outline:2px solid var(--brand-primary);outline-offset:-2px}.sidebar-icon{flex-shrink:0;margin-right:12px;transition:margin .2s ease}.sidebar-item span{opacity:1;transition:opacity .15s ease}.mc-sidebar.collapsed .sidebar-item{justify-content:center;margin:0 auto;padding:10px 0;width:45px}.mc-sidebar.collapsed .sidebar-item:before{left:-6px}.mc-sidebar.collapsed .sidebar-icon{margin-right:0}.mc-sidebar.collapsed .mchic-logo,.mc-sidebar.collapsed .sidebar-arrow,.mc-sidebar.collapsed .sidebar-item span{opacity:0;overflow:hidden;pointer-events:none;width:0}.collapsed-item{width:45px}.collapsed-item-icon{margin-left:0}.sidebar-item[data-tooltip]:after{background:#26282b;border-radius:6px;box-shadow:0 4px 12px #0003;color:#fff;content:attr(data-tooltip);font-size:13px;font-weight:500;left:calc(100% + 12px);opacity:0;padding:6px 12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%) scale(.9);transition:opacity .15s ease,transform .15s ease;white-space:nowrap;z-index:1000}.mc-sidebar.collapsed .sidebar-item[data-tooltip]:hover:after{opacity:1;transform:translateY(-50%) scale(1);transition-delay:.1s}.sidebar-group{position:relative;width:100%}.sidebar-arrow{margin-left:auto;transition:transform .25s var(--transition-ease)}.sidebar-group.active .sidebar-arrow{transform:rotate(90deg)}.sidebar-submenu{border-left:1px solid #00000014;margin-left:22px;margin-top:2px;max-height:0;overflow:hidden;padding-left:18px;transition:max-height .3s var(--transition-ease)}.sidebar-group.active .sidebar-submenu{max-height:1000px}.sidebar-item.subitem,.sidebar-subitem{align-items:center;border-radius:6px;color:var(--text-primary);display:flex;font-size:13.5px;margin:2px 0;padding:8px 14px;transition:background .2s ease,color .2s ease,padding-left .2s ease}.sidebar-item.subitem:hover,.sidebar-subitem:hover{background:var(--transparent-lightgreen);color:var(--brand-primary);padding-left:18px}.sidebar-subitem.active{background:var(--brand-primary);color:var(--text-inverse)}.mc-sidebar.collapsed .sidebar-submenu{background:#fff;background:var(--background-secondary,#fff);border:1px solid #00000014;border-radius:10px;box-shadow:0 6px 20px #00000026;left:calc(100% + 8px);margin-left:0;max-height:none;opacity:0;padding:8px;pointer-events:none;position:absolute;top:0;transform:translateX(-6px);transition:opacity .18s ease,transform .18s ease;width:200px}.mc-sidebar.collapsed .sidebar-group:hover .sidebar-submenu{opacity:1;pointer-events:auto;transform:translateX(0)}.sidebar-footer{align-items:center;border-radius:8px;color:#f87171;cursor:pointer;display:flex;font-weight:500;margin:8px 10px 12px;padding:12px 14px;transition:background .2s ease}.sidebar-footer:hover{background:#452626}.notif-count{background:#f44;border-radius:10px;box-shadow:0 1px 3px #ff444480;color:#fff;font-size:10px;font-weight:700;height:16px;line-height:16px;min-width:16px;padding:0 4px;position:absolute;right:10px;text-align:center;top:8px}.mc-sidebar.collapsed .notif-count{right:6px;top:4px}@media (max-width:780px){.mchic-header{margin-top:70px}}@media (prefers-reduced-motion:reduce){.collapse-toggle,.mc-sidebar,.mchic-header,.mchic-logo,.sidebar-arrow,.sidebar-icon,.sidebar-item,.sidebar-submenu{transition:none!important}}.support-container{margin-bottom:25px;margin-top:auto;padding:12px}.support-link{align-items:center;background:#00000005;border:1px solid #0000;border-radius:12px;color:#1f2937;color:var(--text-primary,#1f2937);display:flex;gap:12px;padding:10px 12px;text-decoration:none;transition:background-color .2s ease,border-color .2s ease,transform .15s ease}.support-link:hover{background:#0000000d;border-color:#0000000f;transform:translateY(-1px)}.support-link.active{background:#2563eb14;background:rgba(var(--brand-primary-rgb,37,99,235),.08);border-color:#2563eb40;border-color:rgba(var(--brand-primary-rgb,37,99,235),.25)}.support-icon-wrap{align-items:center;background:#2563eb1a;background:rgba(var(--brand-primary-rgb,37,99,235),.1);border-radius:10px;color:#2563eb;color:var(--brand-primary,#2563eb);display:flex;flex-shrink:0;height:36px;justify-content:center;transition:background-color .2s ease;width:36px}.support-link.active .support-icon-wrap,.support-link:hover .support-icon-wrap{background:#2563eb29;background:rgba(var(--brand-primary-rgb,37,99,235),.16)}.support-text{display:flex;flex-direction:column;overflow:hidden;white-space:nowrap}.support-label{font-size:14px;font-weight:600;line-height:1.2}.support-subtext{color:#9ca3af;color:var(--text-muted,#9ca3af);font-size:11px;line-height:1.2}.support-link.collapsed{justify-content:center;padding:10px}.dashboard-layout{--sidebar-collapsed-width:70px;--sidebar-width:260px;--navbar-height:70px;--transition-speed:0.3s;background:linear-gradient(135deg,#f5f7fa,#f8fafc);display:flex;height:100vh;overflow:hidden;position:relative;width:100%}.sidbar{bottom:0;color:#fff;display:flex;flex-direction:column;height:100%;left:0;min-width:var(--sidebar-width);position:fixed;top:0;transition:transform var(--transition-speed) cubic-bezier(.4,0,.2,1);transition:all var(--transition-speed) cubic-bezier(.4,0,.2,1);width:var(--sidebar-width);z-index:100}.sidbar.collapsed{min-width:var(--sidebar-collapsed-width);width:var(--sidebar-collapsed-width)}.dashboard-main{-webkit-overflow-scrolling:touch;display:flex;flex:1 1;flex-direction:column;height:100vh;margin-left:var(--sidebar-width);overflow-y:auto;transition:margin-left var(--transition-speed) cubic-bezier(.4,0,.2,1);transition:all var(--transition-speed) cubic-bezier(.4,0,.2,1);width:calc(100% - var(--sidebar-width))}.mchic-navbar{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 2px 10px #0000000d;display:flex;height:var(--navbar-height);justify-content:space-between;min-height:var(--navbar-height);padding:0 24px;position:-webkit-sticky;position:sticky;top:0;transition:all .3s ease;z-index:90!important}.mchic-navbar:hover{box-shadow:0 4px 12px #00000014}.menu-button{background:none;border:none;border-radius:6px;color:#4a5568;cursor:pointer;display:none;font-size:1.5rem;margin-right:12px;padding:8px;transition:all .2s ease}.menu-button:hover{background:#f1f5f9}.dashboard-content>div>div{border-radius:12px;padding-inline:20px}@media (max-width:1024px){.dashboard-content{padding:20px}}@media (max-width:768px){.sidbar{max-width:85%;position:fixed;transform:translateX(-100%);width:280px}.sidbar.open{transform:translateX(0)}.dashboard-main{margin-left:0;width:100%}.menu-button{display:block}.overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0006;bottom:0;left:0;opacity:0;position:fixed;right:0;top:0;transition:opacity .3s,visibility .3s;visibility:hidden;z-index:99}.overlay.open{opacity:1;visibility:visible}.dashboard-content{padding:16px}.dashboard-content>div>div{border-radius:12px;padding-inline:5px}.dashboard-layout.sidebar-collapsed .dashboard-main{margin-left:0;width:100%}}@media (max-width:480px){.dashboard-content{padding:12px;width:100%}.mchic-navbar{padding:0 16px}.menu-button{font-size:1.25rem;padding:6px}}.dashboard-content{height:inherit;scroll-behavior:smooth}.dashboard-content::-webkit-scrollbar{width:8px}.dashboard-content::-webkit-scrollbar-track{background:#f1f5f9}.dashboard-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.dashboard-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.dashboard-layout.sidebar-collapsed .dashboard-main{margin-left:var(--sidebar-collapsed-width);width:calc(100% - var(--sidebar-collapsed-width))}.mc-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;display:flex;flex-direction:column;min-height:180px;overflow:hidden;padding:24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.mc-card:hover{box-shadow:0 20px 25px -5px #00000026,0 10px 10px -5px #0000001a;transform:translateY(-8px) scale(1.02)}.mc-card:before{background:linear-gradient(135deg,#ffffff1a,#fff0);content:"";pointer-events:none;top:0}.mc-card-accent,.mc-card:before{bottom:0;left:0;position:absolute;right:0}.mc-card-accent{background:linear-gradient(90deg,#ffffff80,#fffc);height:4px;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.mc-card:hover .mc-card-accent{transform:scaleX(1)}.mc-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:20px;position:relative;z-index:1}.mc-card-title-wrapper{align-items:center;display:flex;gap:12px}.mc-card-icon{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:10px;display:flex;font-size:20px;height:40px;justify-content:center;width:40px}.mc-card-title{color:#fffffff2;font-size:.875rem;font-weight:600;letter-spacing:.5px;line-height:1.4;margin:0;text-transform:uppercase}.mc-card-trend{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:8px;display:flex;font-size:18px;font-weight:700;height:32px;justify-content:center;width:32px}.mc-card-trend-up{color:#10b981}.mc-card-trend-down{color:#ef4444}.mc-card-trend-neutral{color:#f59e0b}.mc-card-body{display:flex;flex:1 1;flex-direction:column;justify-content:center;position:relative;z-index:1}.mc-card-value-wrapper{align-items:baseline;display:flex;gap:8px;margin-bottom:8px}.mc-card-value{color:#fff;font-size:2.25rem;font-weight:700;line-height:1;margin:0;text-shadow:0 2px 4px #0000001a}.mc-card-currency{color:#fffc;font-size:1rem;font-weight:600;text-transform:uppercase}.mc-card-description{color:#ffffffd9;font-size:.813rem;font-weight:500;line-height:1.5;margin:0}.mc-card.mc-card-success{background:linear-gradient(135deg,#10b981,#059669)}.mc-card.mc-card-danger{background:linear-gradient(135deg,#ef4444,#dc2626)}.mc-card.mc-card-warning{background:linear-gradient(135deg,#f59e0b,#d97706)}.mc-card.mc-card-info{background:linear-gradient(135deg,#3b82f6,#2563eb)}.mc-card.mc-card-neutral{background:linear-gradient(135deg,#6b7280,#4b5563)}@media (max-width:768px){.mc-card{min-height:160px;padding:20px}.mc-card-value{font-size:1.875rem}.mc-card-title{font-size:.813rem}.mc-card-icon{font-size:18px;height:36px;width:36px}}@media (max-width:480px){.mc-card{margin-bottom:10px;min-height:140px;padding:16px}.mc-card-value{font-size:1.5rem}.mc-card-currency{font-size:.875rem}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.mc-card{animation:slideInUp .5s ease-out}.mc-card.mc-card-loading{pointer-events:none}.mc-card.mc-card-loading .mc-card-title,.mc-card.mc-card-loading .mc-card-value{animation:shimmer 2s infinite;background:linear-gradient(90deg,#ffffff4d 25%,#ffffff80 50%,#ffffff4d 75%);background-size:200% 100%;border-radius:4px;color:#0000}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.mc-dashboard{background:#f6f7fb;min-height:100vh;padding:24px}.mc-dashboard-header h1{font-size:28px;margin-bottom:6px}.mc-dashboard-header p{color:#6b7280}.mc-dashboard-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-top:20px}.mc-dashboard-chart{background:#fff;border-radius:16px;margin-top:30px;padding:20px}.mc-chart-header{margin-bottom:12px}@media (max-width:1000px){.mc-dashboard-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.mc-dashboard-grid{grid-template-columns:1fr}}.updatebtn{color:#fff!important;top:40px!important}.showfragmentsbtn{cursor:pointer!important;padding:.5rem!important;width:10rem!important}.morebtn{color:#4a5568}.btn{padding:10px}.pm-root{font-family:sans-serif;margin:0 auto}.pm-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;padding:1.75rem 1.5rem 1.25rem}.pm-eyebrow{align-items:center;background:color-mix(in srgb,var(--primary-color) 12%,#0000);border-radius:20px;color:var(--primary-color);display:inline-flex;font-size:11px;font-weight:500;gap:6px;letter-spacing:.06em;margin-bottom:10px;padding:4px 10px;text-transform:uppercase}.pm-header h1{color:var(--text-primary);font-size:22px;font-weight:500;margin:0 0 4px}.pm-header p{color:var(--text-muted);font-size:13px;margin:0}.pm-btn-primary{background:var(--primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;flex-shrink:0;font-size:13px;font-weight:500;padding:9px 16px;transition:opacity .15s;white-space:nowrap}.pm-btn-primary:hover{opacity:.82}.pm-btn-primary:disabled{cursor:not-allowed;opacity:.5}.pm-btn-secondary{background:#0000;border:1.5px solid var(--primary-color);border-radius:8px;color:var(--primary-color);cursor:pointer;font-size:13px;font-weight:500;padding:9px 16px;transition:opacity .15s}.pm-btn-secondary:hover{opacity:.75}.pm-actions{align-items:center;display:flex;gap:4px}.pm-btn-icon{background:none;border:none;border-radius:6px;color:#bbb;cursor:pointer;font-size:14px;line-height:1;padding:4px 6px;transition:color .15s,background .15s}.pm-btn-icon:hover{background:color-mix(in srgb,var(--primary-color) 8%,#0000);color:var(--primary-color)}.pm-btn-icon.delete:hover{background:#fcebeb;color:#a32d2d}.pm-btn-icon:disabled{cursor:not-allowed;opacity:.5}.pm-error{align-items:center;background:#fcebeb;border-radius:8px;color:#a32d2d;display:flex;font-size:13px;justify-content:space-between;margin:0 0 12px;padding:10px 14px}.pm-error button{background:none;border:none;color:#a32d2d;cursor:pointer;font-size:14px}.pm-error.modal{margin:0 0 12px}.pm-stats{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr);padding:0 0 1.25rem}.pm-stat-card{background:#fafafa;border:.5px solid #e5e5e5;border-radius:12px;display:flex;flex-direction:column;gap:4px;padding:14px 16px}.pm-stat-label{color:#999;font-size:11px;font-weight:500;letter-spacing:.06em;text-transform:uppercase}.pm-stat-value{color:var(--primary-color);font-size:28px;font-weight:500;line-height:1}.pm-divider{border:none;border-top:.5px solid #ebebeb;margin:0 0 1.25rem}.pm-table-section{margin-top:.25rem}.pm-table-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.pm-table-header h2{color:var(--text-primary);font-size:15px;font-weight:500;margin:0}.pm-count{color:var(--text-muted);font-size:12px}.pm-table-wrap{background:#fff;border:.5px solid #e5e5e5;border-radius:12px;overflow:hidden}.pm-table{border-collapse:collapse;font-size:13px;table-layout:fixed;width:100%}.pm-table thead th{background:#fafafa;border-bottom:.5px solid #ebebeb;color:#999;font-size:11px;font-weight:500;letter-spacing:.06em;padding:9px 14px;text-align:left;text-transform:uppercase}.pm-table tbody tr{border-bottom:.5px solid #ebebeb;transition:background .1s}.pm-table tbody tr:last-child{border-bottom:none}.pm-table tbody tr:hover{background:#fafafa}.pm-table tbody td{color:#333;padding:10px 14px;vertical-align:middle}.pm-name-cell,.pm-price-cell{font-weight:500}.pm-price-cell{color:var(--primary-color)!important}.pm-desc-cell{color:#888!important;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pm-features-wrap{display:flex;flex-wrap:wrap;gap:4px}.pm-feature-tag{background:#f4f4f4;color:#555;white-space:nowrap}.pm-feature-more,.pm-feature-tag{border-radius:20px;display:inline-block;font-size:10px;font-weight:500;padding:2px 7px}.pm-feature-more{background:color-mix(in srgb,var(--primary-color) 10%,#0000);color:var(--primary-color)}.pm-empty{color:#aaa;font-size:13px;padding:32px 0!important;text-align:center}.pm-backdrop{align-items:center;background:#00000059;display:flex;inset:0;justify-content:center;position:fixed;z-index:200}.pm-modal{background:#fff;border-radius:16px;box-shadow:0 8px 32px #0000001f;max-height:90vh;max-width:460px;overflow-y:auto;padding:1.5rem;width:100%}.pm-modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.25rem}.pm-modal-header h2{color:var(--text-primary);font-size:16px;font-weight:500;margin:0}.pm-modal-header button{background:none;border:none;color:#aaa;cursor:pointer;font-size:16px}.pm-form{display:flex;flex-direction:column;gap:10px;margin-bottom:1.25rem}.pm-form label{color:#666;font-size:12px;font-weight:500;margin-bottom:-4px}.pm-label-hint{color:#aaa;font-weight:400}.pm-form input,.pm-form select,.pm-form textarea{border:.5px solid #e0e0e0;border-radius:8px;color:#333;font-family:sans-serif;font-size:13px;outline:none;padding:9px 12px;resize:vertical;transition:border-color .15s}.pm-form input:focus,.pm-form select:focus,.pm-form textarea:focus{border-color:var(--primary-color)}.pm-modal-footer{display:flex;gap:10px;justify-content:flex-end}.pm-skel-row{animation:pm-pulse 1.4s ease-in-out infinite}.pm-skel-block{background:#f0f0f0;border-radius:6px}@keyframes pm-pulse{0%,to{opacity:1}50%{opacity:.4}}.chat-item-preview{margin:2px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-header{justify-content:space-between}.message-bubble{max-width:60%}.conversation-input{padding:14px 16px}.send-button{flex-shrink:0}.chat-item-status{font-size:12px;width:4rem}.chat-actions{display:flex;gap:12px;justify-content:flex-end}.chat-name{border:1px solid #d1d5db;border-radius:8px;font-family:inherit;font-size:14px;outline:none;padding:8px 12px;transition:border-color .15s ease;width:100%}.chat-name:focus{border-color:#4f46e5}.hms-container{background:#f6f7f9;box-sizing:border-box;display:flex;flex-direction:column;gap:24px;min-height:100vh;padding:24px;width:100%}.hms-top-section{align-items:center;display:flex;gap:16px;justify-content:space-between}.hms-page-title h1{color:#111827;font-size:32px;font-weight:700;margin:0}.hms-page-title p{color:#6b7280;font-size:15px;margin-top:6px}.hms-header{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));width:100%}.hms-card-wrapper{border-radius:18px;transition:transform .2s ease,box-shadow .2s ease}.hms-card-wrapper:hover{transform:translateY(-4px)}.hms-section-header{margin-bottom:24px}.hms-section-header h2{color:#111827;font-size:22px;font-weight:700;margin:0}.hms-stats-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.hms-widget-card{background:#fff;border:1px solid #edf1f7;border-radius:20px;box-shadow:0 4px 18px #0000000a;padding:18px;transition:all .2s ease}.hms-widget-card:hover{box-shadow:0 12px 24px #00000014;transform:translateY(-3px)}@media (max-width:1024px){.hms-container{padding:18px}.hms-header{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.hms-container{gap:18px;padding:0}.hms-top-section{align-items:flex-start;flex-direction:column}.hms-page-title h1{font-size:26px}.hms-page-title p{font-size:14px}.hms-header{gap:14px;grid-template-columns:1fr}.hms-stats-container{border-radius:18px;padding:16px}.hms-widget-card{border-radius:16px;padding:14px}}@media (max-width:480px){.hms-container{padding:0}.hms-page-title h1{font-size:22px}.hms-section-header h2{font-size:18px}.hms-stats-container,.hms-widget-card{padding:12px}}.order-stats-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #00000014;padding:24px}.stats-header{margin-bottom:28px}.stats-title{color:#1a1a1a;font-size:24px;font-weight:700;letter-spacing:-.02em;margin:0}.stats-subtitle{color:#6b7280;font-size:14px;font-weight:400;margin:0}.summary-cards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:32px}.stat-card{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;display:flex;gap:16px;padding:20px;transition:all .2s ease}.stat-card:hover{border-color:#d1d5db;box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.stat-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.stat-icon.total{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.stat-icon.delivered{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.stat-icon.returned{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.stat-content{flex:1 1;min-width:0}.stat-label{color:#6b7280;font-size:13px;font-weight:500;letter-spacing:.03em;margin:0 0 4px;text-transform:uppercase}.stat-value{align-items:baseline;color:#1a1a1a;display:flex;font-size:26px;gap:8px;letter-spacing:-.02em;margin:0}.stat-percentage{border-radius:6px;font-size:14px;font-weight:600;letter-spacing:0;padding:2px 8px}.stat-percentage.success{background:#d1fae5;color:#059669}.stat-percentage.warning{background:#fed7aa;color:#d97706}.chart-wrapper{background:#fff;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden}.chart-header{background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:20px 24px}.chart-title{color:#1a1a1a;font-size:16px;font-weight:600;letter-spacing:-.01em;margin:0}.chart-container{background:#fff;height:400px;padding:24px}@media (max-width:768px){.order-stats-container{padding:16px}.summary-cards{gap:12px;grid-template-columns:1fr;margin-bottom:24px}.stat-card{padding:16px}.stats-title{font-size:20px}.stat-value{font-size:22px}.chart-container{height:320px;padding:16px}.chart-header{padding:16px}}@media (max-width:480px){.stat-value{font-size:20px}.stat-icon{height:40px;width:40px}.chart-container{height:280px}}.confirmation-order-container{background:#f9fafb;min-height:100vh;padding:24px}.confirmation-header{margin-bottom:32px}.header-content{display:flex;flex-direction:column;gap:4px}.confirmation-title{color:#1a1a1a;font-size:28px;font-weight:700;letter-spacing:-.02em;margin:0}.confirmation-subtitle{color:#6b7280;font-size:15px;font-weight:400;margin:0}.confirmation-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr;margin-bottom:24px}.chart-card,.chart-section{display:flex;flex-direction:column}.chart-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 1px 3px #00000014;height:100%;padding:28px}.chart-card-title{color:#1a1a1a;font-size:18px;font-weight:600;letter-spacing:-.01em;margin:0 0 24px}.doughnut-wrapper{align-items:center;display:flex;flex:1 1;justify-content:center;margin-bottom:28px}.doughnut-container{height:280px;position:relative;width:280px}.doughnut-center{left:50%;pointer-events:none;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.center-value{color:#1a1a1a;font-size:42px;font-weight:700;letter-spacing:-.02em;line-height:1}.center-label{color:#6b7280;font-size:13px;font-weight:500;letter-spacing:.05em;margin-top:4px;text-transform:uppercase}.chart-legend{display:flex;flex-direction:column;gap:12px}.legend-item{align-items:center;background:#f9fafb;border-radius:8px;display:flex;gap:12px;padding:10px 12px;transition:background .2s ease}.legend-item:hover{background:#f3f4f6}.legend-dot{border-radius:50%;flex-shrink:0;height:12px;width:12px}.legend-dot.confirmed{background:#10b981}.legend-dot.canceled{background:#ef4444}.legend-dot.pending{background:#f59e0b}.legend-dot.other{background:#6b7280}.legend-label{color:#374151;flex:1 1;font-size:14px;font-weight:500}.legend-value{color:#1a1a1a;font-size:14px;font-weight:600}.stats-section{display:flex;flex-direction:column;gap:16px}.metric-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #00000014;padding:20px;transition:all .2s ease}.metric-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.metric-card.highlight{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:28px 24px}.metric-icon-wrapper{align-items:center;border-radius:12px;display:flex;height:56px;justify-content:center;margin-bottom:16px;width:56px}.metric-icon-wrapper.success{background:#fff3}.metric-icon{color:#fff;height:32px;width:32px}.metric-content .metric-label{font-size:13px;font-weight:600;letter-spacing:.05em;margin:0 0 8px;opacity:.9;text-transform:uppercase}.metric-value{color:#1a1a1a;font-size:28px;font-weight:700;letter-spacing:-.02em;line-height:1.2;margin:0}.metric-card.highlight .metric-value{color:#fff}.metric-value.large{font-size:48px}.metric-unit{font-size:28px;margin-left:2px;opacity:.9}.metric-description{font-size:13px;font-weight:400;margin:8px 0 0;opacity:.85}.metric-header{justify-content:space-between;margin-bottom:12px}.metric-header,.metric-icon-sm{align-items:center;display:flex}.metric-icon-sm{border-radius:8px;height:36px;justify-content:center;width:36px}.metric-icon-sm.confirmed{background:#d1fae5;color:#059669}.metric-icon-sm.canceled{background:#fee2e2;color:#dc2626}.metric-icon-sm.pending{background:#fef3c7;color:#d97706}.metric-badge{border-radius:6px;font-size:13px;font-weight:600;padding:4px 10px}.metric-badge.success{background:#d1fae5;color:#059669}.metric-badge.danger{background:#fee2e2;color:#dc2626}.metric-badge.warning{background:#fef3c7;color:#d97706}.metric-card .metric-label{color:#6b7280;font-size:13px;font-weight:500;letter-spacing:.03em;margin:0 0 8px;text-transform:uppercase}.metric-card .metric-value{font-size:32px;margin-bottom:12px}.metric-bar{background:#e5e7eb;border-radius:3px;height:6px;margin-top:12px;overflow:hidden;width:100%}.metric-bar-fill{border-radius:3px;height:100%;transition:width .6s ease}.metric-bar-fill.confirmed{background:linear-gradient(90deg,#10b981,#059669)}.metric-bar-fill.canceled{background:linear-gradient(90deg,#ef4444,#dc2626)}.metric-bar-fill.pending{background:linear-gradient(90deg,#f59e0b,#d97706)}.insight-card{background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:16px;box-shadow:0 4px 12px #3b82f633;color:#fff;display:flex;gap:20px;padding:24px}.insight-icon{align-items:center;background:#fff3;border-radius:10px;display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.insight-content{flex:1 1}.insight-title{font-size:16px;font-weight:600;letter-spacing:-.01em;margin:0 0 8px}.insight-text{font-size:14px;font-weight:400;line-height:1.6;margin:0;opacity:.95}@media (max-width:1024px){.confirmation-grid{grid-template-columns:1fr}.doughnut-container{height:240px;width:240px}.center-value{font-size:36px}}@media (max-width:768px){.confirmation-order-container{padding:16px}.confirmation-title{font-size:24px}.confirmation-subtitle{font-size:14px}.confirmation-grid{gap:16px}.chart-card{padding:20px}.doughnut-container{height:200px;width:200px}.center-value{font-size:32px}.metric-value.large{font-size:38px}.metric-card .metric-value{font-size:28px}.insight-card{flex-direction:column;gap:16px}}@media (max-width:480px){.confirmation-header{margin-bottom:24px}.doughnut-container{height:180px;width:180px}.center-value{font-size:28px}.chart-legend{gap:8px}.legend-item{padding:8px 10px}}.v-switch-button-container{background-color:#f5f5f5;border-radius:.5rem;display:flex;gap:.5rem;margin-top:3rem;padding:.2rem;width:100%}.v-switch-button{border-radius:.5rem;cursor:pointer;flex:1 1;padding:.5rem;text-align:center;transition:all .2s ease;&:hover{background-color:#e0e0e0}}.operation-type-select{height:auto;margin:4px 0}.operation-type-select .react-select__control{border:1px solid #dee2e6!important;border-radius:8px!important}.operation-type-select .react-select__value-container{padding:0 16px!important}.operation-type-select .react-select__placeholder{color:#6c757d!important;font-weight:500!important}.operation-container{animation:operation-fade-in .35s ease both;padding:24px}@keyframes operation-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.operation-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:20px}.operation-heading{align-items:center;display:flex;gap:10px}.operation-title{color:#0f172a;font-size:22px;font-weight:700;letter-spacing:-.01em}.operation-count{background:#f1f5f9;border-radius:9999px;color:#475569;font-size:12px;font-weight:600;padding:2px 10px}.operation-add-button,.operation-secondary-button{align-items:center;border-radius:8px;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:6px;justify-content:center;padding:8px 14px;transition:background-color .15s ease,box-shadow .15s ease,transform .1s ease,border-color .15s ease;white-space:nowrap}.operation-add-button{background-color:var(--brand-primary);border:1px solid #0000;box-shadow:0 1px 2px #00000014;color:var(--text-inverse)}.operation-add-button:hover{background-color:var(--interaction-focus);box-shadow:0 4px 12px #0000001f}.operation-secondary-button{background:#fff;border:1px solid #e2e8f0;color:#334155}.operation-secondary-button:hover{background:#f8fafc;border-color:#cbd5e1}.operation-add-button:active,.operation-secondary-button:active{transform:scale(.97)}.operation-action-button:focus-visible,.operation-add-button:focus-visible,.operation-chip:focus-visible,.operation-page-button:focus-visible,.operation-preset:focus-visible,.operation-secondary-button:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}.operation-stats{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(4,1fr);margin-bottom:20px}.operation-stat-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:14px;padding:14px 16px;transition:box-shadow .2s ease,transform .2s ease}.operation-stat-card:hover{box-shadow:0 6px 16px #0f172a12;transform:translateY(-2px)}.operation-stat-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.operation-stat-icon-success{background:#dcfce7;color:#15803d}.operation-stat-icon-danger{background:#fee2e2;color:#b91c1c}.operation-stat-icon-brand{background:#e8632a1f;color:#e8632a}.operation-stat-icon-neutral{background:#f1f5f9;color:#475569}.operation-stat-body{display:flex;flex-direction:column;min-width:0}.operation-stat-label{color:#64748b;font-size:12px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.operation-stat-value{font-feature-settings:"tnum";color:#0f172a;font-size:20px;font-variant-numeric:tabular-nums;font-weight:700;white-space:nowrap}.operation-stat-value small{color:#94a3b8;font-size:12px;font-weight:600}.operation-positive{color:#15803d}.operation-negative{color:#b91c1c}.operation-table-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 1px 3px #0f172a0a;overflow:hidden}.operation-toolbar{align-items:flex-end;display:flex;flex-wrap:wrap;gap:14px;padding:16px}.operation-field{display:flex;flex:1 1;flex-direction:column;gap:5px;max-width:220px;min-width:160px}.operation-field-label{color:#475569;font-size:12px;font-weight:600}.operation-input{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;color:#0f172a;font-size:14px;height:38px;outline:none;padding:0 12px;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease;width:100%}.operation-input:focus{background-color:#fff;border-color:var(--brand-primary);box-shadow:0 0 0 3px #e8632a26}.operation-select{cursor:pointer}.operation-presets{align-items:center;display:flex;gap:6px;height:38px}.operation-preset{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#475569;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:all .15s ease;white-space:nowrap}.operation-preset:hover{background:#f8fafc;border-color:#cbd5e1}.operation-preset-active{background:#e8632a14;border-color:var(--brand-primary);color:var(--brand-primary)}.operation-chips{border-bottom:1px solid #f1f5f9;display:flex;flex-wrap:wrap;gap:6px;padding:0 16px 14px}.operation-chip{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:9999px;color:#475569;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:6px 12px;transition:all .15s ease}.operation-chip:hover{background:#f8fafc;border-color:#cbd5e1}.operation-chip-count{background:#f1f5f9;border-radius:9999px;color:#64748b;font-size:11px;font-weight:600;line-height:18px;padding:0 7px}.operation-chip-active{background:#0f172a;border-color:#0f172a;color:#fff}.operation-chip-active:hover{background:#1e293b;border-color:#1e293b}.operation-chip-credit.operation-chip-active{background:#15803d;border-color:#15803d}.operation-chip-debit.operation-chip-active{background:#b91c1c;border-color:#b91c1c}.operation-chip-active .operation-chip-count{background:#fff3;color:#fff}.operation-table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.operation-table{border-collapse:initial;border-spacing:0;width:100%}.operation-table th{background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#64748b;font-size:.75rem;font-weight:600;letter-spacing:.04em;padding:.75rem 1.25rem;position:-webkit-sticky;position:sticky;text-align:left;text-transform:uppercase;top:0;white-space:nowrap;z-index:10}.operation-table td{border-bottom:1px solid #f1f5f9;color:#334155;font-size:.875rem;padding:.85rem 1.25rem;transition:background-color .15s ease;vertical-align:middle}.operation-table tbody tr:last-child td{border-bottom:none}.operation-row:hover td{background-color:#f8fafc}.operation-date{display:flex;flex-direction:column;line-height:1.35;white-space:nowrap}.operation-date-day{color:#1e293b;font-weight:500}.operation-date-time{color:#94a3b8;font-size:12px}.operation-amount{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:700;white-space:nowrap}.operation-amount small{color:#94a3b8;font-size:11px;font-weight:600}.operation-description-cell{max-width:320px}.operation-description{color:#475569;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.operation-actions{align-items:center;display:flex;gap:6px}.operation-action-button{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;display:inline-flex;height:34px;justify-content:center;transition:all .15s ease;width:34px}.operation-action-button:hover{background:#f1f5f9;color:#0f172a;transform:translateY(-1px)}.operation-action-danger:hover{background:#fef2f2;border-color:#fecaca;color:#dc2626}.operation-empty{align-items:center;display:flex;flex-direction:column;gap:8px;padding:56px 20px;text-align:center}.operation-empty-icon{align-items:center;background:#f1f5f9;border-radius:50%;color:#64748b;display:flex;height:60px;justify-content:center;margin-bottom:6px;width:60px}.operation-empty h3{color:#0f172a;font-size:16px;font-weight:600}.operation-empty p{color:#64748b;font-size:13px;margin-bottom:8px}.operation-footer{align-items:center;background:#f8fafc;border-top:1px solid #f1f5f9;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:12px 16px}.operation-footer-info{color:#64748b;font-size:13px}.operation-footer-controls{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.operation-per-page{align-items:center;color:#64748b;display:flex;font-size:13px;gap:8px}.operation-select-sm{background-color:#fff;font-size:13px;height:32px;width:70px}.operation-pagination{display:flex;gap:4px}.operation-page-button{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#475569;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;height:32px;justify-content:center;min-width:32px;padding:0 8px;transition:all .15s ease}.operation-page-button:hover:not(:disabled){background:#f1f5f9;border-color:#cbd5e1}.operation-page-button:disabled{cursor:not-allowed;opacity:.45}.operation-page-active{background:var(--brand-primary);border-color:var(--brand-primary);color:var(--text-inverse)}.operation-page-active:hover:not(:disabled){background:var(--interaction-focus);border-color:var(--interaction-focus)}@media (max-width:1024px){.operation-container{padding:16px}.operation-stats{grid-template-columns:repeat(2,1fr)}.operation-field{max-width:none}.operation-table td,.operation-table th{font-size:.85rem;padding:.75rem}}@media (max-width:768px){.operation-container{padding:12px 8px}.operation-header{align-items:stretch;flex-direction:column}.operation-title{font-size:20px}.operation-add-button{width:100%}.operation-hide-mobile{display:none!important}.operation-field{min-width:140px}.operation-presets{height:auto;width:100%}.operation-chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.operation-chips::-webkit-scrollbar{display:none}.operation-chip{flex-shrink:0}.operation-table,.operation-table tbody{display:block}.operation-table thead{display:none}.operation-table tbody tr{border-bottom:1px solid #f1f5f9;display:flex;flex-direction:column;gap:2px;padding:14px 12px}.operation-table tbody tr:last-child{border-bottom:none}.operation-table td{align-items:center;background:#0000!important;border:none;display:flex;font-size:13px;gap:12px;justify-content:space-between;padding:5px 0}.operation-table td:before{color:#64748b;content:attr(data-label);flex-shrink:0;font-size:12px;font-weight:600}.operation-description-cell{max-width:none}.operation-description{text-align:right;white-space:normal}.operation-table td.operation-actions{border-top:1px dashed #e2e8f0;justify-content:flex-start;margin-top:8px;padding-top:10px}.operation-table td.operation-actions:before{display:none}.operation-footer{justify-content:center}.operation-footer-controls{gap:10px;justify-content:center}}@media (max-width:480px){.operation-container{padding:8px 4px}.operation-stats{gap:8px;grid-template-columns:1fr}.operation-stat-card{padding:10px 12px}.operation-field{min-width:100%}}@media (prefers-reduced-motion:reduce){.operation-container{animation:none}.operation-action-button,.operation-stat-card{transition:none}}.product-container{animation:product-fade-in .35s ease both;max-width:100%;overflow-x:hidden;padding:24px}@keyframes product-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.product-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:20px}.product-heading{align-items:center;display:flex;gap:10px}.product-title{color:#0f172a;font-size:22px;font-weight:700;letter-spacing:-.01em}.product-count{background:#f1f5f9;border-radius:9999px;color:#475569;font-size:12px;font-weight:600;padding:2px 10px}.product-actions{display:flex;flex-wrap:wrap;gap:8px}.product-add-product-button,.product-secondary-button{align-items:center;border-radius:8px;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:6px;justify-content:center;padding:8px 14px;transition:background-color .15s ease,box-shadow .15s ease,transform .1s ease,border-color .15s ease;white-space:nowrap}.product-add-product-button{background-color:var(--brand-primary);border:1px solid #0000;box-shadow:0 1px 2px #00000014;color:var(--text-inverse)}.product-add-product-button:hover{background-color:var(--interaction-focus);box-shadow:0 4px 12px #0000001f}.product-secondary-button{background:#fff;border:1px solid #e2e8f0;color:#334155}.product-secondary-button:hover{background:#f8fafc;border-color:#cbd5e1}.product-add-product-button:active,.product-secondary-button:active{transform:scale(.97)}.product-add-product-button:focus-visible,.product-filter-chip:focus-visible,.product-meta-link-button:focus-visible,.product-secondary-button:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}.product-stats{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(4,1fr);margin-bottom:20px}.product-stat-card{background:#fff;border:1px solid #e2e8f0;border-left:4px solid #cbd5e1;border-radius:12px;display:flex;flex-direction:column;gap:4px;padding:14px 16px;transition:box-shadow .2s ease,transform .2s ease}.product-stat-card:hover{box-shadow:0 6px 16px #0f172a12;transform:translateY(-2px)}.product-stat-label{color:#64748b;font-size:12px;font-weight:500}.stat-value{color:#0f172a;font-size:22px;font-weight:700}.stat-warning{border-left-color:#f59e0b}.stat-danger{border-left-color:#ef4444}.stat-success{border-left-color:#10b981}.product-table-container{background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 1px 3px #0f172a0a;overflow:hidden}.product-toolbar{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;flex-wrap:wrap;gap:12px;padding:14px 16px}.product-search-container{position:relative;width:280px}.product-search-input{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;font-size:14px;outline:none;padding:9px 34px 9px 36px;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease;width:100%}.product-search-input:focus{background-color:#fff;border-color:var(--brand-primary);box-shadow:0 0 0 3px #e8632a26}.product-search-icon{left:12px;pointer-events:none}.product-search-clear,.product-search-icon{position:absolute;top:50%;transform:translateY(-50%)}.product-search-clear{align-items:center;background:#e2e8f0;border:none;border-radius:50%;color:#475569;cursor:pointer;display:flex;height:22px;justify-content:center;right:8px;width:22px}.product-search-clear:hover{background:#cbd5e1}.product-filter-chips{display:flex;flex:1 1;flex-wrap:wrap;gap:6px}.product-filter-chip{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:9999px;color:#475569;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:6px 12px;transition:all .15s ease}.product-filter-chip:hover{background:#f8fafc;border-color:#cbd5e1}.product-filter-chip-count{background:#f1f5f9;border-radius:9999px;color:#64748b;font-size:11px;font-weight:600;line-height:18px;padding:0 7px}.product-filter-chip-active{background:#0f172a;border-color:#0f172a;color:#fff}.product-filter-chip-active:hover{background:#1e293b;border-color:#1e293b}.product-filter-chip-active .product-filter-chip-count{background:#ffffff2e;color:#fff}.product-sort-select{background:#fff;border:1px solid #e2e8f0;border-radius:10px;color:#334155;cursor:pointer;font-size:13px;outline:none;padding:8px 12px}.sort-select:focus{border-color:var(--brand-primary)}.product-table{background-color:#fff;border-collapse:initial;border-spacing:0;width:100%}.product-table th{background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#64748b;font-size:.75rem;font-weight:600;letter-spacing:.04em;padding:.75rem 1rem;position:-webkit-sticky;position:sticky;text-align:left;text-transform:uppercase;top:0;z-index:10}.product-table td{border-bottom:1px solid #f1f5f9;color:#334155;font-size:.8125rem;padding:.75rem 1rem;transition:background-color .15s ease;vertical-align:middle}.product-table tbody tr:last-child td{border-bottom:none}.product-table tbody tr:hover td{background-color:#f8fafc}.product-table .product-img{width:76px}.product-img-placeholder,.product-table .product-img img{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;height:52px;object-fit:cover;width:52px}.product-img-placeholder{align-items:center;color:#94a3b8;display:flex;justify-content:center}.product-name-cell a{color:#0f172a;font-size:.875rem;font-weight:600;text-decoration:none;transition:color .15s ease}.product-name-cell a:hover{color:var(--brand-primary)}.product-price{font-feature-settings:"tnum";color:#0f172a;font-variant-numeric:tabular-nums;font-weight:600}.product-table .product-type-badge{border-radius:9999px;display:inline-block;font-size:.75rem;font-weight:600;min-width:36px;padding:.2rem .65rem;text-align:center}.product-table .qty-in{background-color:#dcfce7;color:#166534}.product-table .qty-low{background-color:#fef3c7;color:#92400e}.product-table .qty-out{background-color:#fee2e2;color:#991b1b}.product-table .stock-pill{align-items:center;border-radius:9999px;display:inline-flex;font-size:.75rem;font-weight:600;gap:7px;padding:.25rem .7rem;white-space:nowrap}.product-table .stock-dot{background:currentColor;border-radius:50%;height:7px;width:7px}.product-stock-in{background:#ecfdf5;color:#047857}.product-stock-low{background:#fffbeb;color:#b45309}.product-stock-out{background:#fef2f2;color:#b91c1c}.product-stock-in .product-stock-dot{animation:stock-pulse 2s ease-in-out infinite}@keyframes stock-pulse{0%,to{opacity:1}50%{opacity:.4}}.meta-link-button{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#1877f2;cursor:pointer;display:inline-flex;height:34px;justify-content:center;transition:all .15s ease;width:34px}.meta-link-button:hover{background:#eff6ff;border-color:#bfdbfe;transform:translateY(-1px)}.td-actions{align-items:center;display:flex;gap:.5rem}.product-table-footer{background:#f8fafc;border-top:1px solid #f1f5f9;color:#64748b;font-size:12px;padding:12px 16px}.product-empty{align-items:center;display:flex;flex-direction:column;gap:8px;padding:56px 20px;text-align:center}.product-empty-icon{align-items:center;background:#f1f5f9;border-radius:50%;color:#64748b;display:flex;height:60px;justify-content:center;margin-bottom:6px;width:60px}.product-empty h3{color:#0f172a;font-size:16px;font-weight:600}.product-empty p{color:#64748b;font-size:13px;margin-bottom:8px}@media (max-width:1024px){.product-container{padding:16px}.product-stats{grid-template-columns:repeat(2,1fr)}.search-container-product{width:100%}.filter-chips{flex-basis:100%;order:3}}@media (max-width:768px){.product-container{padding:12px 8px}.product-header{align-items:stretch;flex-direction:column;gap:12px;margin-bottom:16px}.product-title{font-size:20px}.product-actions{width:100%}.product-actions button{flex:1 1;font-size:12px;min-width:0;padding:8px 10px}.product-stats{gap:10px}.product-stat-card{padding:12px}.product-stat-value{font-size:18px}.sort-select{width:100%}.filter-chips{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.filter-chips::-webkit-scrollbar{display:none}.filter-chip{flex-shrink:0}.product-table,.product-table tbody{display:block}.product-table thead{display:none}.product-table tbody tr{grid-column-gap:12px;grid-row-gap:2px;background:#fff;border-bottom:1px solid #f1f5f9;column-gap:12px;display:grid;grid-template-columns:64px 1fr;padding:14px 12px;row-gap:2px}.product-table tbody tr:last-child{border-bottom:none}.product-table td{align-items:center;background:#0000!important;border:none;display:flex;font-size:13px;padding:4px 0}.product-table td:before{color:#64748b;content:attr(data-label);flex-shrink:0;font-size:12px;font-weight:600;margin-right:10px;min-width:90px}.product-table td.product-img{align-items:flex-start;grid-column:1;grid-row:1/span 2;width:auto}.product-table td.product-img:before{display:none}.product-img-placeholder,.product-table .product-img img{height:56px;width:56px}.product-table td.product-name-cell{align-self:end;grid-column:2}.product-table td.product-name-cell:before{display:none}.product-table td.product-name-cell a{font-size:15px}.product-table td:nth-child(3){align-self:start;grid-column:2}.product-table td:nth-child(3):before{display:none}.product-table td.td-actions,.product-table td:nth-child(4),.product-table td:nth-child(5),.product-table td:nth-child(6){grid-column:1/-1}.product-table td:nth-child(4){margin-top:6px}.product-table td.td-actions{border-top:1px dashed #e2e8f0;justify-content:flex-start;margin-top:8px;padding-top:10px}.product-table td.td-actions:before{display:none}}@media (max-width:480px){.product-container{padding:8px 4px}.product-stats{gap:8px;grid-template-columns:1fr 1fr}.stat-label{font-size:11px}.stat-value{font-size:16px}.product-actions button{font-size:11px;padding:7px 8px}.product-table td:before{font-size:11px;min-width:76px}.product-table td{font-size:12px}}@media (prefers-reduced-motion:reduce){.product-container,.stock-in .stock-dot{animation:none}.meta-link-button,.product-stat-card{transition:none}}.veditor-container{border:1px solid #e2e8f0}.veditor,.veditor-container{border-radius:.5rem;width:100%}.veditor{font-family:inherit;font-size:.875rem;line-height:1.5;padding:.5rem;resize:vertical}.veditor:focus{border-color:#4299e1;box-shadow:0 0 0 1px #4299e1;outline:none}.veditor-header{align-items:center;border-bottom:1px solid #e2e8f0;border-radius:.5rem .5rem 0 0;display:flex;justify-content:space-between;padding:.5rem}.veditor-toolbar{align-items:center;background-color:#f7fafc;border:1px solid #e2e8f0;border-radius:.375rem;display:flex;gap:.375rem;padding:.25rem}.veditor-toolbar button{background-color:#fff;border:1px solid #e2e8f0;border-radius:.25rem;cursor:pointer;padding:.25rem .5rem}.veditor-toolbar button:hover{background-color:#f7fafc}.veditor-bold{font-weight:700}.veditor-italic{font-style:italic}.veditor-underline{text-decoration:underline}.veditor-btn{align-items:center;background-color:#fff;border:1px solid #0000;border-radius:.25rem;color:#2d3748;cursor:pointer;display:inline-flex;font-size:.875rem;height:2rem;justify-content:center;min-width:2rem;padding:.25rem .625rem!important;transition:background-color .15s ease,border-color .15s ease,transform .1s ease,box-shadow .15s ease}.veditor-btn:hover{background-color:#f7fafc;border-color:#e2e8f0}.veditor-btn:active{transform:scale(.95)}.veditor-btn:focus-visible{box-shadow:0 0 0 2px #4299e180;outline:none}.veditor-btn-danger:hover{background-color:#fff5f5;border-color:#feb2b2;color:#c53030}.veditor-btn-image{position:relative}.veditor-btn-disabled,.veditor-btn-disabled:hover{background-color:#fff;border-color:#0000;cursor:not-allowed;opacity:.55;transform:none}.veditor-heading-select{background-color:#fff;border:1px solid #e2e8f0;border-radius:.25rem;cursor:pointer;margin-left:2rem;padding:.25rem 1rem!important}.veditor-toolbar-divider{background-color:#e2e8f0;height:24px;margin:0 .5rem;width:1px}.veditor-preview{background-color:#fff;border:1px solid #e2e8f0;border-radius:.5rem;font-family:inherit;font-size:.875rem;line-height:1.5;padding:.5rem;resize:vertical}.veditor-image-wrap{line-height:0;margin:0 4px;position:relative}.veditor-image,.veditor-image-wrap{display:inline-block;vertical-align:middle}.veditor-image{border-radius:6px;max-height:240px;max-width:240px;object-fit:cover}.veditor-image-remove{align-items:center;background:#000000a6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;height:20px;justify-content:center;line-height:1;opacity:0;position:absolute;right:-8px;top:-8px;transform:scale(.8);transition:opacity .15s ease,transform .15s ease;width:20px}.veditor-image-wrap:hover .veditor-image-remove{opacity:1;transform:scale(1)}.veditor-image-remove:hover{background:#000000d9}.veditor-image-loading{align-items:center;background-color:#f7fafc;border:1px dashed #cbd5e0;border-radius:.375rem;display:inline-flex;height:2.5rem;justify-content:center;width:2.5rem}.veditor-spinner{animation:veditor-spin .7s linear infinite;border:2px solid #e2e8f0;border-radius:50%;border-top-color:#4299e1;height:1.125rem;width:1.125rem}.veditor-spinner-sm{border-width:2px;height:.875rem;width:.875rem}@keyframes veditor-spin{to{transform:rotate(1turn)}}.order-container{animation:order-fade-in .35s ease both;padding:24px}@keyframes order-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.order-header{flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:20px}.order-header,.order-heading{align-items:center;display:flex}.order-heading{gap:10px}.order-title{color:#0f172a;font-size:22px;font-weight:700;letter-spacing:-.01em}.order-count{background:#f1f5f9;border-radius:9999px;color:#475569;font-size:12px;font-weight:600;padding:2px 10px}.order-header-actions{display:flex;flex-wrap:wrap;gap:8px}.order-add-button,.order-secondary-button{align-items:center;border-radius:8px;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:6px;justify-content:center;padding:8px 14px;transition:background-color .15s ease,box-shadow .15s ease,transform .1s ease,border-color .15s ease;white-space:nowrap}.order-add-button{background-color:var(--brand-primary);border:1px solid #0000;box-shadow:0 1px 2px #00000014;color:var(--text-inverse)}.order-add-button:hover{background-color:var(--interaction-focus);box-shadow:0 4px 12px #0000001f}.order-secondary-button{background:#fff;border:1px solid #e2e8f0;color:#334155}.order-secondary-button:hover{background:#f8fafc;border-color:#cbd5e1}.order-add-button:active,.order-secondary-button:active{transform:scale(.97)}.order-action-button:focus-visible,.order-add-button:focus-visible,.order-chip:focus-visible,.order-page-button:focus-visible,.order-preset:focus-visible,.order-secondary-button:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}.order-stats{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(4,1fr);margin-bottom:20px}.order-stat-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:14px;padding:14px 16px;transition:box-shadow .2s ease,transform .2s ease}.order-stat-card:hover{box-shadow:0 6px 16px #0f172a12;transform:translateY(-2px)}.order-stat-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.order-stat-icon-neutral{background:#f1f5f9;color:#475569}.order-stat-icon-warning{background:#fef3c7;color:#b45309}.order-stat-icon-success{background:#dcfce7;color:#15803d}.order-stat-icon-brand{background:#e8632a1f;color:#e8632a}.order-stat-body{display:flex;flex-direction:column;min-width:0}.order-stat-label{color:#64748b;font-size:12px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.order-stat-value{font-feature-settings:"tnum";color:#0f172a;font-size:20px;font-variant-numeric:tabular-nums;font-weight:700}.order-stat-value small{color:#64748b;font-size:12px;font-weight:600}.order-table-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 1px 3px #0f172a0a;overflow:hidden}.order-toolbar{align-items:flex-end;display:flex;flex-wrap:wrap;gap:14px;padding:16px}.order-field{display:flex;flex-direction:column;gap:5px;min-width:160px}.order-field-search{flex:1 1;max-width:380px;min-width:260px}.order-field-label{color:#475569;font-size:12px;font-weight:600}.order-input,.order-select{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;color:#0f172a;font-size:14px;height:38px;outline:none;padding:0 12px;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease;width:100%}.order-input:focus,.order-select:focus{background-color:#fff;border-color:var(--brand-primary);box-shadow:0 0 0 3px #e8632a26}.order-search{position:relative}.order-search-input{padding-left:36px;padding-right:34px}.order-search-icon{color:#94a3b8;left:12px;pointer-events:none}.order-search-clear,.order-search-icon{position:absolute;top:50%;transform:translateY(-50%)}.order-search-clear{align-items:center;background:#e2e8f0;border:none;border-radius:50%;color:#475569;cursor:pointer;display:flex;height:22px;justify-content:center;right:8px;width:22px}.order-search-clear:hover{background:#cbd5e1}.order-presets{align-items:center;display:flex;gap:6px;height:38px}.order-preset{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#475569;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:all .15s ease;white-space:nowrap}.order-preset:hover{background:#f8fafc;border-color:#cbd5e1}.order-preset-active{background:#e8632a14;border-color:var(--brand-primary);color:var(--brand-primary)}.order-chips{border-bottom:1px solid #f1f5f9;display:flex;flex-wrap:wrap;gap:6px;padding:0 16px 14px}.order-chip{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:9999px;color:#475569;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:6px 12px;text-transform:capitalize;transition:all .15s ease}.order-chip:hover{background:#f8fafc;border-color:#cbd5e1}.order-chip-count{background:#f1f5f9;border-radius:9999px;color:#64748b;font-size:11px;font-weight:600;line-height:18px;padding:0 7px}.order-chip-active{background:#0f172a;border-color:#0f172a;color:#fff}.order-chip-active:hover{background:#1e293b;border-color:#1e293b}.order-chip-active .order-chip-count{background:#ffffff2e;color:#fff}.order-table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.order-table{border-collapse:initial;border-spacing:0;width:100%}.order-table th{background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#64748b;font-size:.75rem;font-weight:600;letter-spacing:.04em;padding:.75rem 1.25rem;position:-webkit-sticky;position:sticky;text-align:left;text-transform:uppercase;top:0;white-space:nowrap;z-index:10}.order-table td{border-bottom:1px solid #f1f5f9;color:#334155;font-size:.875rem;padding:.85rem 1.25rem;transition:background-color .15s ease;vertical-align:middle}.order-table tbody tr:last-child td{border-bottom:none}.order-row:hover td{background-color:#f8fafc}.order-customer{gap:12px}.order-avatar,.order-customer{align-items:center;display:flex}.order-avatar{background:#e8632a1f;border-radius:50%;color:#e8632a;flex-shrink:0;font-size:14px;font-weight:700;height:38px;justify-content:center;width:38px}.order-customer-info{display:flex;flex-direction:column;min-width:0}.order-customer-name{color:#0f172a;font-weight:600}.order-customer-id{color:#94a3b8;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.order-phone{align-items:center;color:#475569;display:inline-flex;gap:6px;white-space:nowrap}.order-amount{font-feature-settings:"tnum";color:#0f172a;font-variant-numeric:tabular-nums;font-weight:700;white-space:nowrap}.order-amount small{color:#94a3b8;font-size:11px;font-weight:600}.order-status-group{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.order-date{display:flex;flex-direction:column;line-height:1.35;white-space:nowrap}.order-date-day{color:#1e293b;font-weight:500}.order-date-time{color:#94a3b8;font-size:12px}.order-delivery-logo{max-height:32px;object-fit:contain;width:52px}.order-actions{align-items:center;display:flex;gap:6px}.order-action-button{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;display:inline-flex;height:34px;justify-content:center;transition:all .15s ease;width:34px}.order-action-button:hover{background:#f1f5f9;color:#0f172a;transform:translateY(-1px)}.order-action-danger:hover{background:#fef2f2;border-color:#fecaca;color:#dc2626}.order-empty{flex-direction:column;gap:8px;padding:56px 20px;text-align:center}.order-empty,.order-empty-icon{align-items:center;display:flex}.order-empty-icon{background:#f1f5f9;border-radius:50%;color:#64748b;height:60px;justify-content:center;margin-bottom:6px;width:60px}.order-empty h3{color:#0f172a;font-size:16px;font-weight:600}.order-empty p{color:#64748b;font-size:13px;margin-bottom:8px}.order-footer{align-items:center;background:#f8fafc;border-top:1px solid #f1f5f9;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:12px 16px}.order-footer-info{color:#64748b;font-size:13px}.order-footer-controls{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.order-per-page{align-items:center;color:#64748b;display:flex;font-size:13px;gap:8px}.order-select-sm{background-color:#fff;font-size:13px;height:32px;width:70px}.order-pagination{display:flex;gap:4px}.order-page-button{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#475569;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;height:32px;justify-content:center;min-width:32px;padding:0 8px;transition:all .15s ease}.order-page-button:hover:not(:disabled){background:#f1f5f9;border-color:#cbd5e1}.order-page-button:disabled{cursor:not-allowed;opacity:.45}.order-page-active{background:var(--brand-primary);border-color:var(--brand-primary);color:var(--text-inverse)}.order-page-active:hover:not(:disabled){background:var(--interaction-focus);border-color:var(--interaction-focus)}@media (max-width:1024px){.order-container{padding:16px}.order-stats{grid-template-columns:repeat(2,1fr)}.order-field-search{flex-basis:100%;max-width:none}.order-table td,.order-table th{font-size:.85rem;padding:.75rem}}@media (max-width:768px){.order-container{padding:12px 8px}.order-header{align-items:stretch;flex-direction:column}.order-title{font-size:20px}.order-header-actions{width:100%}.order-header-actions button{flex:1 1;font-size:12px;min-width:0;padding:8px 10px}.order-hide-mobile{display:none!important}.order-field{flex:1 1;min-width:140px}.order-presets{height:auto;width:100%}.order-chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.order-chips::-webkit-scrollbar{display:none}.order-chip{flex-shrink:0}.order-table,.order-table tbody{display:block}.order-table thead{display:none}.order-table tbody tr{border-bottom:1px solid #f1f5f9;display:flex;flex-direction:column;gap:2px;padding:14px 12px;position:relative}.order-table tbody tr:last-child{border-bottom:none}.order-table td{align-items:center;background:#0000!important;border:none;display:flex;font-size:13px;gap:12px;justify-content:space-between;padding:5px 0}.order-table td:before{color:#64748b;content:attr(data-label);flex-shrink:0;font-size:12px;font-weight:600}.order-table td.order-customer-cell{justify-content:flex-start;padding-bottom:8px}.order-table td.order-customer-cell:before{display:none}.order-table td.order-delivery-cell{padding:0;position:absolute;right:12px;top:14px}.order-table td.order-delivery-cell:before{display:none}.order-table td.order-actions{border-top:1px dashed #e2e8f0;justify-content:flex-start;margin-top:8px;padding-top:10px}.order-table td.order-actions:before{display:none}.order-footer{justify-content:center}.order-footer-controls{gap:10px;justify-content:center}}@media (max-width:480px){.order-container{padding:8px 4px}.order-stats{gap:8px}.order-stat-card{gap:10px;padding:10px}.order-stat-icon{height:34px;width:34px}.order-stat-value{font-size:16px}.order-field{min-width:100%}.order-header-actions button{font-size:11px;padding:7px 8px}}@media (prefers-reduced-motion:reduce){.order-container{animation:none}.order-action-button,.order-stat-card{transition:none}}:root{--update-order-primary:#4f46e5;--update-order-primary-hover:#4338ca;--update-order-primary-active:#3730a3;--update-order-primary-soft:#eef2ff;--update-order-ring:#4f46e524;--update-order-text:#1f2937;--update-order-text-muted:#6b7280;--update-order-text-subtle:#9ca3af;--update-order-border:#e5e7eb;--update-order-border-strong:#d1d5db;--update-order-surface:#fff;--update-order-surface-muted:#f9fafb;--update-order-page:#f3f4f6;--update-order-danger:#dc2626;--update-order-danger-soft:#fef2f2;--update-order-radius-sm:6px;--update-order-radius-md:8px;--update-order-radius-lg:12px;--update-order-shadow-card:0 1px 2px #1018280a,0 1px 3px #1018280f;--update-order-shadow-menu:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000000f;--update-order-control-height:44px}.update-order-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.update-order-drawer{background:#f3f4f6!important;background:var(--update-order-page)!important;color:#1f2937;color:var(--update-order-text);display:flex;flex-direction:column;max-height:100vh}.update-order-close-button{border-radius:8px!important;border-radius:var(--update-order-radius-md)!important;inset-inline-end:20px!important;top:18px!important}.update-order-close-button:hover{background:#e5e7eb!important;background:var(--update-order-border)!important}.update-order-header{-webkit-padding-end:72px!important;align-items:center;background:#fff;background:var(--update-order-surface);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--update-order-border);display:flex;gap:16px;justify-content:space-between;padding:20px 32px!important;padding-inline-end:72px!important}.update-order-header-main{display:flex;flex-direction:column;gap:8px;min-width:0}.update-order-title{color:#1f2937;color:var(--update-order-text);font-size:24px;font-weight:700;letter-spacing:-.4px;line-height:1.2}.update-order-header-meta{align-items:center;display:flex;gap:10px}.update-order-status-badge{border-radius:6px!important;border-radius:var(--update-order-radius-sm)!important;font-size:12px!important;font-weight:600!important;padding:3px 10px!important}.update-order-order-id{font-feature-settings:"tnum";color:#6b7280;color:var(--update-order-text-muted);font-size:13px;font-variant-numeric:tabular-nums;font-weight:400}.update-order-exchange-button{background:#fff!important;background:var(--update-order-surface)!important;border:1px solid #d1d5db!important;border:1px solid var(--update-order-border-strong)!important;border-radius:8px!important;border-radius:var(--update-order-radius-md)!important;color:#374151!important;flex-shrink:0;font-size:14px!important;font-weight:600!important;height:44px!important;height:var(--update-order-control-height)!important;padding:0 18px!important;transition:background-color .15s ease,border-color .15s ease}.update-order-exchange-button:hover{background:#f9fafb!important;background:var(--update-order-surface-muted)!important;border-color:#4f46e5!important;border-color:var(--update-order-primary)!important;color:#4f46e5!important;color:var(--update-order-primary)!important}.update-order-exchange-button:active{background:#eef2ff!important;background:var(--update-order-primary-soft)!important}.update-order-form{display:flex;flex:1 1;flex-direction:column;min-height:0}.update-order-body{flex:1 1;min-height:0;overflow-y:auto;padding:24px 32px!important}.update-order-layout{grid-gap:24px;align-items:start;display:grid;gap:24px;grid-template-columns:minmax(0,1fr) 340px;margin:0 auto;max-width:1240px}.update-order-main{display:flex;flex-direction:column;gap:20px;min-width:0}.update-order-summary{min-width:0;position:-webkit-sticky;position:sticky;top:0}.update-order-section{background:#fff;background:var(--update-order-surface);border:1px solid #e5e7eb;border:1px solid var(--update-order-border);border-radius:12px;border-radius:var(--update-order-radius-lg);box-shadow:0 1px 2px #1018280a,0 1px 3px #1018280f;box-shadow:var(--update-order-shadow-card);padding:20px 24px}.update-order-section-title{color:#1f2937;color:var(--update-order-text);font-size:16px;font-weight:700;line-height:1.3;margin:0 0 16px}.update-order-order-input-container{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.update-order-order-input{min-width:0}.update-order-label{color:#374151;font-size:14px!important;font-weight:600!important;margin-bottom:6px!important}.update-order-drawer .update-order-field{background:#fff;background:var(--update-order-surface);border:1px solid #d1d5db;border:1px solid var(--update-order-border-strong);border-radius:8px;border-radius:var(--update-order-radius-md);box-shadow:none;font-size:14px;min-height:44px;min-height:var(--update-order-control-height);transition:border-color .15s ease,box-shadow .15s ease}.update-order-drawer .update-order-field:hover{border-color:#9ca3af;border-color:var(--update-order-text-subtle)}.update-order-drawer .update-order-field:focus,.update-order-drawer .update-order-field:focus-visible{border-color:#4f46e5;border-color:var(--update-order-primary);box-shadow:0 0 0 3px #4f46e524;box-shadow:0 0 0 3px var(--update-order-ring);outline:none}.update-order-drawer .update-order-field[aria-invalid=true],.update-order-drawer .update-order-field[data-invalid]{border-color:#dc2626;border-color:var(--update-order-danger);box-shadow:none}.update-order-drawer .update-order-field[aria-invalid=true]:focus{box-shadow:0 0 0 3px #dc262624}.update-order-drawer .update-order-field:disabled{background:#f9fafb;background:var(--update-order-surface-muted);cursor:not-allowed}.update-order-textarea-compact{min-height:44px;min-height:var(--update-order-control-height);resize:vertical}.update-order-textarea-notes{min-height:110px!important;resize:vertical}.update-order-error-text{color:#dc2626;color:var(--update-order-danger);font-size:12px;margin-top:6px}.update-order-helper-text{color:#6b7280;color:var(--update-order-text-muted);font-size:12px;margin-top:8px}.update-order-drawer select.update-order-field,select.update-order-status-select{-webkit-padding-end:40px;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:18px;padding-inline-end:40px}[dir=rtl] .update-order-drawer select.update-order-field,[dir=rtl] select.update-order-status-select{background-position:left 12px center}.update-order-drawer .chakra-select__icon-wrapper{display:none}.update-order-status-option{font-size:14px;font-weight:500;line-height:1.4;min-height:48px;padding:14px 16px}.update-order-main-select-dropdown,.update-order-pack-select{width:100%}.update-order-react-select__control{background-color:#fff;background-color:var(--update-order-surface);border:1px solid #d1d5db;border:1px solid var(--update-order-border-strong);border-radius:8px;border-radius:var(--update-order-radius-md);box-shadow:none;min-height:44px;min-height:var(--update-order-control-height);transition:border-color .15s ease,box-shadow .15s ease}.update-order-react-select__control:hover{border-color:#9ca3af;border-color:var(--update-order-text-subtle)}.update-order-react-select__control--is-focused,.update-order-react-select__control--is-focused:hover{border-color:#4f46e5;border-color:var(--update-order-primary);box-shadow:0 0 0 3px #4f46e524;box-shadow:0 0 0 3px var(--update-order-ring)}.update-order-react-select__placeholder{color:#9ca3af;color:var(--update-order-text-subtle);font-size:14px}.update-order-react-select__single-value{color:#1f2937;color:var(--update-order-text);font-size:14px;font-weight:500}.update-order-react-select__multi-value{background:#eef2ff;background:var(--update-order-primary-soft);border-radius:6px;border-radius:var(--update-order-radius-sm)}.update-order-react-select__multi-value__label{color:#3730a3;color:var(--update-order-primary-active);font-size:13px;font-weight:500;padding:3px 6px}.update-order-react-select__multi-value__remove{border-radius:0 6px 6px 0;border-radius:0 var(--update-order-radius-sm) var(--update-order-radius-sm) 0;color:#4f46e5;color:var(--update-order-primary)}.update-order-react-select__multi-value__remove:hover{background:#4f46e5;background:var(--update-order-primary);color:#fff}.update-order-react-select__menu{background:#fff;background:var(--update-order-surface);border:1px solid #e5e7eb;border:1px solid var(--update-order-border);border-radius:8px;border-radius:var(--update-order-radius-md);box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000000f;box-shadow:var(--update-order-shadow-menu);margin-top:6px;overflow:hidden;z-index:2000}.update-order-react-select__menu-list{max-height:300px;overflow-y:auto;padding:4px}.update-order-react-select__menu-list::-webkit-scrollbar{width:6px}.update-order-react-select__menu-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.update-order-react-select__menu-list::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.update-order-react-select__menu-list::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.update-order-react-select__option{align-items:center;border-radius:6px;border-radius:var(--update-order-radius-sm);color:#1f2937;color:var(--update-order-text);cursor:pointer;display:flex!important;font-size:14px;font-weight:500;gap:10px;line-height:1.4;margin:2px 0;min-height:48px;padding:8px 12px!important;transition:background-color .12s ease}.update-order-react-select__option--is-focused{background:#f3f4f6;background:var(--update-order-page);color:#1f2937;color:var(--update-order-text)}.update-order-react-select__option--is-selected{background:#4f46e5;background:var(--update-order-primary);color:#fff;font-weight:600}.update-order-option-row{align-items:center;display:flex;gap:12px;width:100%}.update-order-option-thumb{background:#f3f4f6;background:var(--update-order-page);border-radius:6px;border-radius:var(--update-order-radius-sm);flex-shrink:0;height:36px;object-fit:cover;width:36px}.update-order-option-meta{display:flex;flex:1 1;flex-direction:column;min-width:0}.update-order-option-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.update-order-option-sub{font-size:12px;font-weight:400;opacity:.7}.update-order-option-stock{background:#fef2f2;background:var(--update-order-danger-soft);border-radius:999px;color:#dc2626;color:var(--update-order-danger);flex-shrink:0;font-size:11px;font-weight:600;padding:2px 8px}.update-order-react-select__option--is-selected .update-order-option-stock{background:#fff3;color:#fff}.update-order-empty-items{border:1px dashed #d1d5db;border:1px dashed var(--update-order-border-strong);border-radius:8px;border-radius:var(--update-order-radius-md);color:#6b7280;color:var(--update-order-text-muted);font-size:13px;padding:20px;text-align:center}.update-order-empty-items,.update-order-selected-products-box{background:#f9fafb;background:var(--update-order-surface-muted);margin-top:16px}.update-order-selected-products-box{-webkit-border-start:4px solid #4f46e5;-webkit-border-start:4px solid var(--update-order-primary);border:1px solid #e5e7eb;border:1px solid var(--update-order-border);border-inline-start:4px solid #4f46e5;border-inline-start:4px solid var(--update-order-primary);border-radius:8px;border-radius:var(--update-order-radius-md);padding:16px}.update-order-selected-items-header{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.update-order-selected-items-title{color:#6b7280;color:var(--update-order-text-muted);font-size:13px;font-weight:600}.update-order-selected-items-count{color:#9ca3af;color:var(--update-order-text-subtle);font-size:12px}.update-order-total-price{font-feature-settings:"tnum";color:#4f46e5;color:var(--update-order-primary);font-size:18px;font-variant-numeric:tabular-nums;font-weight:700}.update-order-product-list{display:flex;flex-direction:column;gap:10px}.update-order-product-item-card{grid-gap:12px 14px;align-items:center;background:#fff;background:var(--update-order-surface);border:1px solid #e5e7eb;border:1px solid var(--update-order-border);border-radius:8px;border-radius:var(--update-order-radius-md);display:grid;gap:12px 14px;grid-template-columns:56px minmax(0,1fr) auto;padding:14px;transition:border-color .15s ease,box-shadow .15s ease}.update-order-product-item-card:hover{border-color:#d1d5db;border-color:var(--update-order-border-strong);box-shadow:0 1px 2px #1018280a,0 1px 3px #1018280f;box-shadow:var(--update-order-shadow-card)}.update-order-product-image{border-radius:6px;border-radius:var(--update-order-radius-sm);height:56px;object-fit:cover;width:56px}.update-order-product-info{min-width:0}.update-order-product-name{color:#1f2937;color:var(--update-order-text);font-size:14px;font-weight:600}.update-order-product-ref{color:#6b7280;color:var(--update-order-text-muted);font-size:12px;margin-top:2px}.update-order-remove-product-btn{align-self:start;border-radius:6px!important;border-radius:var(--update-order-radius-sm)!important;font-size:20px!important;height:32px!important;line-height:1;min-width:32px!important;padding:0!important;width:32px}.update-order-product-controls{grid-gap:12px;display:grid;gap:12px;grid-column:1/-1;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.update-order-control{display:flex;flex-direction:column;gap:4px;min-width:0}.update-order-mini-label{color:#6b7280;color:var(--update-order-text-muted);font-size:12px;font-weight:500}.update-order-product-section-input{width:100%}.update-order-drawer .update-order-number-field{background:#fff;background:var(--update-order-surface);border:1px solid #d1d5db;border:1px solid var(--update-order-border-strong);border-radius:6px;border-radius:var(--update-order-radius-sm);font-size:13px;height:36px;text-align:center}.update-order-drawer .update-order-number-field:focus{border-color:#4f46e5;border-color:var(--update-order-primary);box-shadow:0 0 0 3px #4f46e524;box-shadow:0 0 0 3px var(--update-order-ring)}.update-order-pack-select .update-order-react-select__control{font-size:13px;min-height:36px}.update-order-product-totals{border-top:1px solid #e5e7eb;border-top:1px solid var(--update-order-border);display:flex;gap:24px;grid-column:1/-1;justify-content:flex-end;padding-top:12px}.update-order-price-display{align-items:flex-end;display:flex;flex-direction:column;min-width:80px}.update-order-price-label{color:#6b7280;color:var(--update-order-text-muted);font-size:12px}.update-order-price-value{font-feature-settings:"tnum";color:#1f2937;color:var(--update-order-text);font-size:14px;font-variant-numeric:tabular-nums;font-weight:600}.update-order-price-display-strong .update-order-price-value{color:#4f46e5;color:var(--update-order-primary)}.update-order-summary-card{display:flex;flex-direction:column;gap:16px}.update-order-summary-card .update-order-section-title{margin-bottom:0}.update-order-summary-row{align-items:center;background:#f9fafb;background:var(--update-order-surface-muted);border-radius:8px;border-radius:var(--update-order-radius-md);color:#6b7280;color:var(--update-order-text-muted);display:flex;font-size:14px;justify-content:space-between;padding:10px 12px}.update-order-summary-row strong{font-feature-settings:"tnum";color:#1f2937;color:var(--update-order-text);font-variant-numeric:tabular-nums}.update-order-total-amount{width:100%}.update-order-drawer .update-order-total-field{font-feature-settings:"tnum";background:#f9fafb;background:var(--update-order-surface-muted);border:1px solid #e5e7eb;border:1px solid var(--update-order-border);border-radius:8px;border-radius:var(--update-order-radius-md);color:#6b7280;color:var(--update-order-text-muted);font-size:16px;font-variant-numeric:tabular-nums;font-weight:700;height:44px;height:var(--update-order-control-height)}.update-order-drawer .update-order-total-field:not(:disabled){background:#eef2ff;background:var(--update-order-primary-soft);border-color:#4f46e5;border-color:var(--update-order-primary);color:#4f46e5;color:var(--update-order-primary)}.update-order-drawer .update-order-total-field:disabled{cursor:not-allowed;opacity:.8}.update-order-manual-total-toggle{margin-top:12px}.update-order-manual-total-toggle .chakra-checkbox__label{color:#374151;font-size:13px}.update-order-footer{align-items:center;background:#fff;background:var(--update-order-surface);border-top:1px solid #e5e7eb;border-top:1px solid var(--update-order-border);box-shadow:0 -4px 12px #1018280a;display:flex;gap:16px;justify-content:space-between;padding:14px 32px!important}.update-order-footer-total{display:flex;flex-direction:column;line-height:1.2}.update-order-footer-total-label{color:#6b7280;color:var(--update-order-text-muted);font-size:12px}.update-order-footer-total-value{font-feature-settings:"tnum";color:#1f2937;color:var(--update-order-text);font-size:20px;font-variant-numeric:tabular-nums;font-weight:700}.update-order-edit-order-actions{display:flex;gap:12px;justify-content:flex-end}.update-order-cancel-button,.update-order-submit-button{border-radius:8px!important;border-radius:var(--update-order-radius-md)!important;font-size:14px!important;font-weight:600!important;height:44px!important;height:var(--update-order-control-height)!important;padding:0 24px!important;transition:background-color .15s ease,box-shadow .15s ease,transform .15s ease}.update-order-cancel-button{background:#fff!important;background:var(--update-order-surface)!important;border:1px solid #d1d5db!important;border:1px solid var(--update-order-border-strong)!important;color:#374151!important}.update-order-cancel-button:hover{background:#f3f4f6!important;background:var(--update-order-page)!important}.update-order-submit-button{background:#4f46e5!important;background:var(--update-order-primary)!important;color:#fff!important}.update-order-submit-button:hover{background:#4338ca!important;background:var(--update-order-primary-hover)!important;box-shadow:0 8px 16px #4f46e538;transform:translateY(-1px)}.update-order-submit-button:active{background:#3730a3!important;background:var(--update-order-primary-active)!important;transform:translateY(0)}.update-order-drawer button:focus-visible{outline:2px solid #4f46e5;outline:2px solid var(--update-order-primary);outline-offset:2px}@media (prefers-reduced-motion:reduce){.update-order-drawer *{transition:none!important}.update-order-submit-button:hover{transform:none}}@media (max-width:1024px){.update-order-layout{grid-template-columns:minmax(0,1fr)}.update-order-summary{position:static}}@media (max-width:640px){.update-order-order-input-container{grid-template-columns:minmax(0,1fr)}.update-order-hidden-in-mobile{display:none}}@media (max-width:480px){.update-order-header{-webkit-padding-end:56px!important;flex-wrap:wrap;padding:16px!important;padding-inline-end:56px!important}.update-order-title{font-size:20px}.update-order-exchange-button{height:40px!important;width:100%}.update-order-body{padding:16px!important}.update-order-section{padding:16px}.update-order-product-item-card{grid-template-columns:48px minmax(0,1fr) auto;padding:12px}.update-order-product-image{height:48px;width:48px}.update-order-product-controls{grid-template-columns:minmax(0,1fr)}.update-order-product-totals{justify-content:space-between}.update-order-footer{align-items:stretch;flex-direction:column;padding:12px 16px!important}.update-order-footer-total{align-items:baseline;flex-direction:row;justify-content:space-between}.update-order-edit-order-actions{width:100%}.update-order-cancel-button,.update-order-submit-button{flex:1 1}}.theme-card{background:#fff;border:2px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #00000014;cursor:pointer;height:11rem;margin:10px;overflow:hidden;padding:0;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.theme-card:hover:not(.coming-soon){border-color:#d1d5db;box-shadow:0 12px 24px #0000001f;transform:translateY(-4px)}.theme-card.selected{border:2px solid #3b82f6;border:2px solid var(--brand-primary,#3b82f6);box-shadow:0 0 0 3px #3b82f626,0 8px 16px #3b82f633}.theme-card.coming-soon{cursor:not-allowed;opacity:.6}.theme-preview{align-items:center;background:linear-gradient(135deg,#f9fafb,#f3f4f6);display:flex;justify-content:center;padding:5px 15px;position:relative}.theme-image-mobile,.theme-image-web{border-radius:6px;box-shadow:0 4px 12px #0000001a;height:auto;max-width:100%;transition:transform .3s ease}.theme-card:hover:not(.coming-soon) .theme-image-mobile,.theme-card:hover:not(.coming-soon) .theme-image-web{transform:scale(1.02)}.selected-badge{align-items:center;animation:popIn .3s cubic-bezier(.68,-.55,.265,1.55);background:#3b82f6;background:var(--brand-primary,#3b82f6);border-radius:50%;box-shadow:0 4px 12px #3b82f666;color:#fff;display:flex;height:32px;justify-content:center;position:absolute;right:16px;top:16px;width:32px}@keyframes popIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.theme-info{display:flex;flex-direction:column;gap:8px;padding:20px}.theme-name{color:#111827;font-size:18px;font-weight:600;letter-spacing:-.01em;margin:0}.apply-text{color:#6b7280;font-size:14px;font-weight:500;transition:color .2s ease}.theme-card.selected .apply-text,.theme-card:hover:not(.coming-soon) .apply-text{color:#3b82f6;color:var(--brand-primary,#3b82f6)}.theme-card.selected .apply-text{font-weight:600}.coming-soon-overlay{align-items:center;background:linear-gradient(135deg,#f9fafb,#f3f4f6);display:flex;justify-content:center;min-height:280px}.coming-soon-content{align-items:center;color:#9ca3af;display:flex;flex-direction:column;gap:12px}.coming-soon-content svg{height:48px;opacity:.5;width:48px}.coming-soon-content span{font-size:16px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}@media (max-width:768px){.theme-card{margin:8px}.theme-preview{height:4rem;padding:16px}.theme-info{padding:16px}.theme-name{font-size:16px}.apply-text{font-size:13px}}.preview-button{background:#3b82f6;background:var(--brand-primary,#3b82f6);border:none;border-radius:8px;bottom:16px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;left:50%;margin-top:16px;padding:12px 24px;position:absolute;transform:translateX(-50%);transition:all .2s ease}.preview-button:hover{background:#2563eb;background:var(--brand-primary-dark,#2563eb);box-shadow:0 4px 12px #3b82f64d}.preview-button:active{transform:translateY(0)}.setting-container{animation:setting-fade-in .35s ease both;display:flex;flex-direction:column;gap:20px;margin:0 auto;max-width:1100px;padding:24px 24px 96px}@keyframes setting-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.setting-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.setting-title{color:#0f172a;font-size:22px;font-weight:700;letter-spacing:-.01em}.setting-subtitle{color:#64748b;font-size:13px;margin-top:4px}.setting-status-pill{align-items:center;border-radius:9999px;display:inline-flex;font-size:13px;font-weight:600;gap:8px;padding:6px 14px}.setting-status-dot{background:currentColor;border-radius:50%;height:8px;width:8px}.setting-status-on{background:#ecfdf5;color:#047857}.setting-status-on .setting-status-dot{animation:setting-pulse 2s ease-in-out infinite}.setting-status-off{background:#fef2f2;color:#b91c1c}@keyframes setting-pulse{0%,to{opacity:1}50%{opacity:.35}}.setting-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 1px 3px #0f172a0a;overflow:hidden;transition:box-shadow .2s ease}.setting-card:hover{box-shadow:0 6px 20px #0f172a0f}.setting-card-header{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;gap:14px;padding:18px 22px}.setting-card-icon{align-items:center;background:#e8632a1f;border-radius:10px;color:#e8632a;display:flex;flex-shrink:0;height:38px;justify-content:center;width:38px}.setting-card-title{color:#0f172a;font-size:16px;font-weight:600}.setting-card-description{color:#64748b;font-size:12.5px;margin-top:2px}.setting-card-body{padding:22px}.setting-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(2,1fr)}.setting-field{display:flex;flex-direction:column;gap:6px;min-width:0}.setting-label{align-items:center;color:#334155;display:flex;font-size:13px;font-weight:600;gap:6px}.setting-label-lock{color:#94a3b8}.setting-hint{color:#94a3b8;font-size:12px;margin-top:-2px}.setting-input{background-color:#fff;border:1px solid #e2e8f0;border-radius:10px;color:#0f172a;font-size:14px;height:42px;outline:none;padding:0 14px;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease;width:100%}.setting-input::placeholder{color:#94a3b8}.setting-input:hover{border-color:#cbd5e1}.setting-input:focus{border-color:#e8632a;border-color:var(--brand-primary,#e8632a);box-shadow:0 0 0 3px #e8632a26}.setting-input[readonly]{background-color:#f8fafc;color:#64748b;cursor:not-allowed}.setting-input[readonly]:focus{border-color:#e2e8f0;box-shadow:none}.setting-select{cursor:pointer}.setting-input-group{position:relative}.setting-input-with-action{padding-right:44px}.setting-input-action{align-items:center;background:#0000;border:none;border-radius:8px;color:#64748b;cursor:pointer;display:flex;height:30px;justify-content:center;position:absolute;right:6px;top:50%;transform:translateY(-50%);transition:background-color .15s ease;width:30px}.setting-input-action:hover{background:#f1f5f9;color:#0f172a}.setting-branding{display:flex;flex-direction:column;gap:22px}.setting-upload,.setting-upload-loading{align-items:center;border-radius:12px;display:flex;flex-direction:column;gap:4px;justify-content:center;text-align:center}.setting-upload{background:#f8fafc;border:2px dashed #cbd5e1;cursor:pointer;padding:24px 16px;transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease}.setting-upload:hover{background:#e8632a0a}.setting-upload-active,.setting-upload:hover{border-color:#e8632a;border-color:var(--brand-primary,#e8632a)}.setting-upload-active{background:#e8632a14;box-shadow:0 0 0 4px #e8632a1a}.setting-upload-logo{max-width:260px;min-height:140px;width:100%}.setting-upload-banner{min-height:160px;width:100%}.setting-upload-icon{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:50%;color:#64748b;display:flex;height:44px;justify-content:center;margin-bottom:6px;width:44px}.setting-upload-title{color:#334155;font-size:13.5px;font-weight:600}.setting-upload-hint{color:#94a3b8;font-size:12px}.setting-upload-loading{background:#f8fafc;border:1px solid #e2e8f0;color:#64748b;font-size:13px;gap:10px}.setting-preview{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;position:relative}.setting-preview img{display:block;height:100%;object-fit:cover;width:100%}.setting-preview-logo{height:120px;width:120px}.setting-preview-banner{aspect-ratio:16/7;width:100%}.setting-preview-overlay{align-items:center;background:#0f172a8c;display:flex;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .2s ease}.setting-preview:focus-within .setting-preview-overlay,.setting-preview:hover .setting-preview-overlay{opacity:1}.setting-remove-button{align-items:center;background:#dc2626;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:8px 14px;transition:background-color .15s ease,transform .1s ease}.setting-remove-button:hover{background:#b91c1c}.setting-remove-button:active{transform:scale(.97)}@media (hover:none){.setting-preview-overlay{align-items:flex-end;background:linear-gradient(0deg,#0f172a73,#0000 55%);justify-content:flex-end;opacity:1;padding:8px}}.setting-status-row{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-left:4px solid #cbd5e1;border-radius:12px;display:flex;gap:16px;justify-content:space-between;padding:16px 18px;transition:border-color .2s ease,background-color .2s ease}.setting-status-row-on{background:#f0fdf9;border-left-color:#10b981}.setting-status-text{display:flex;flex-direction:column;gap:2px}.setting-status-label{color:#0f172a;cursor:pointer;font-size:14px;font-weight:600}.setting-status-state{color:#64748b;font-size:12px;font-weight:600}.setting-status-description{color:#64748b;font-size:12.5px;margin-top:2px}.setting-actions{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffeb;border:1px solid #e2e8f0;border-radius:14px;bottom:16px;box-shadow:0 8px 24px #0f172a14;display:flex;gap:12px;justify-content:space-between;padding:12px 18px;position:-webkit-sticky;position:sticky;transition:border-color .2s ease,box-shadow .2s ease;z-index:20}.setting-actions-dirty{border-color:#e8632a73;box-shadow:0 8px 28px #e8632a24}.setting-actions-message{align-items:center;color:#64748b;display:inline-flex;font-size:13px;font-weight:500;gap:8px}.setting-dirty-dot{animation:setting-pulse 1.6s ease-in-out infinite;background:#e8632a;border-radius:50%;height:8px;width:8px}.setting-actions-buttons{display:flex;gap:8px}.setting-save-button,.setting-secondary-button{align-items:center;border-radius:10px;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:8px;justify-content:center;padding:9px 18px;transition:background-color .15s ease,box-shadow .15s ease,transform .1s ease,border-color .15s ease;white-space:nowrap}.setting-save-button{background-color:#e8632a;background-color:var(--brand-primary,#e8632a);border:1px solid #0000;box-shadow:0 2px 8px #e8632a4d;color:#fff;color:var(--text-inverse,#fff);min-width:150px}.setting-save-button:hover:not(:disabled){background-color:#d4561f;background-color:var(--interaction-focus,#d4561f);box-shadow:0 4px 14px #e8632a66}.setting-secondary-button{background:#fff;border:1px solid #e2e8f0;color:#334155}.setting-secondary-button:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1}.setting-save-button:active:not(:disabled),.setting-secondary-button:active:not(:disabled){transform:scale(.97)}.setting-save-button:disabled,.setting-secondary-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.5}.setting-input-action:focus-visible,.setting-remove-button:focus-visible,.setting-save-button:focus-visible,.setting-secondary-button:focus-visible{outline:2px solid #e8632a;outline:2px solid var(--brand-primary,#e8632a);outline-offset:2px}.setting-state{align-items:center;color:#64748b;display:flex;flex-direction:column;font-size:14px;gap:12px;justify-content:center;min-height:360px;padding:3rem;text-align:center}.setting-state h3{color:#0f172a;font-size:16px;font-weight:600}.setting-state-icon{align-items:center;background:#f1f5f9;border-radius:50%;color:#64748b;display:flex;height:60px;justify-content:center;width:60px}.setting-spinner{animation:setting-spin .7s linear infinite;border:2px solid #e2e8f0;border-radius:50%;border-top:2px solid var(--brand-primary,#e8632a);display:inline-block;height:18px;width:18px}.setting-spinner-lg{border-width:3px;height:32px;width:32px}.setting-spinner-light{border-color:#fff #fff6 #fff6}@keyframes setting-spin{to{transform:rotate(1turn)}}@media (max-width:900px){.setting-grid{grid-template-columns:1fr}}@media (max-width:768px){.setting-container{gap:14px;padding:12px 8px 96px}.setting-title{font-size:20px}.setting-card-header{padding:14px 16px}.setting-card-body{padding:16px}.setting-upload-logo{max-width:none}.setting-status-row{align-items:flex-start;flex-direction:row}.setting-actions{align-items:stretch;bottom:8px;flex-direction:column;gap:10px;padding:12px}.setting-actions-message{justify-content:center}.setting-actions-buttons{flex-direction:column-reverse}.setting-actions-buttons button{width:100%}}@media (prefers-reduced-motion:reduce){.setting-container,.setting-dirty-dot,.setting-spinner,.setting-status-on .setting-status-dot{animation:none}.setting-card,.setting-save-button,.setting-upload{transition:none}}:root{--primary-border:#4361ee33;--primary-shadow:#4361ee38;--primary-gradient:linear-gradient(135deg,var(--brand-primary) 0%,var(--palette-indigo) 100%);--success-text:#155724;--radius-sm:10px;--radius-md:16px;--radius-lg:20px;--radius-xl:28px;--radius-full:9999px;--shadow-xs:0 1px 3px #0000000f;--shadow-sm:0 4px 12px #0000000f;--shadow-md:0 8px 28px #00000014;--shadow-lg:0 16px 48px #0000001a;--shadow-primary:0 8px 24px var(--primary-shadow);--font:"Inter",system-ui,-apple-system,sans-serif;--font-mono:"JetBrains Mono","Fira Code","Menlo",monospace}*{box-sizing:border-box}.ms-page{background:var(--bg);color:var(--text-primary);font-family:Inter,system-ui,-apple-system,sans-serif;font-family:var(--font);min-height:100vh}.ms-loading-wrap{align-items:center;display:flex;flex-direction:column;gap:16px;height:60vh;justify-content:center}.ms-spinner{animation:ms-spin .75s linear infinite;border:3px solid var(--background-tertiary);border-radius:50%;border-top-color:var(--brand-primary);height:44px;width:44px}@keyframes ms-spin{to{transform:rotate(1turn)}}.ms-loading-text{color:var(--text-secondary);font-size:14px;font-weight:500}.ms-back-btn{align-items:center;background:#ffffff24;border:1px solid #ffffff38;border-radius:10px;border-radius:var(--radius-sm);color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:8px;padding:9px 16px;transition:background .15s}.ms-back-btn:hover{background:#ffffff38}.ms-page-title{color:#fff;font-size:22px;font-weight:700;letter-spacing:-.3px;margin:0}.ms-content{display:flex;flex-direction:column;gap:20px;padding:0 24px}.ms-card{background:var(--background-primary);border:1px solid var(--background-tertiary);border-radius:28px;border-radius:var(--radius-xl);box-shadow:0 4px 12px #0000000f;box-shadow:var(--shadow-sm);padding:28px;transition:box-shadow .2s}.ms-card:hover{box-shadow:0 8px 28px #00000014;box-shadow:var(--shadow-md)}.ms-user-top{gap:18px;margin-bottom:24px;position:relative}.ms-avatar,.ms-user-top{align-items:center;display:flex}.ms-avatar{background:var(--transparent-light-green);border:2px solid #4361ee33;border:2px solid var(--primary-border);border-radius:50%;box-shadow:0 0 0 6px var(--transparent-light-green);color:var(--brand-primary);flex-shrink:0;font-size:22px;font-weight:800;height:72px;justify-content:center;letter-spacing:-.5px;width:72px}.ms-user-info{flex:1 1;min-width:0}.ms-user-email{color:var(--text-primary);font-size:18px;font-weight:700;letter-spacing:-.3px;margin:0 0 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ms-role-badge{align-items:center;background:var(--transparent-light-green);border:1px solid #4361ee33;border:1px solid var(--primary-border);border-radius:9999px;border-radius:var(--radius-full);color:var(--brand-primary);display:inline-flex;font-size:11px;font-weight:700;letter-spacing:.05em;padding:5px 14px;text-transform:uppercase}.ms-user-status-dot{border-radius:50%;flex-shrink:0;height:13px;transition:background .2s;width:13px}.ms-user-status-dot--active{background:var(--status-success);box-shadow:0 0 0 4px var(--palette-light-green)}.ms-user-status-dot--inactive{background:var(--text-muted);box-shadow:0 0 0 4px var(--neutral-light-gray)}.ms-divider{background:var(--neutral-light-gray);height:1px;margin:20px 0}.ms-field-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.ms-info-field{background:var(--neutral-light-gray);border:1px solid var(--neutral-light-gray);border-radius:16px;border-radius:var(--radius-md);display:flex;flex-direction:column;gap:5px;padding:14px 16px;transition:border-color .15s}.ms-info-field:hover{border-color:#4361ee33;border-color:var(--primary-border)}.ms-field-label{color:var(--text-muted);font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.ms-field-value{font-size:14px;line-height:1.4}.ms-field-value,.ms-field-value--mono{color:var(--text-primary);font-weight:600}.ms-field-value--mono{font-family:JetBrains Mono,Fira Code,Menlo,monospace;font-family:var(--font-mono);font-size:12px;line-height:1.5;word-break:break-all}.ms-status-text--active{color:#155724;color:var(--success-text);font-weight:700}.ms-status-text--inactive{color:var(--text-secondary);font-weight:700}.ms-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.ms-section-title{color:var(--text-primary);font-size:20px;font-weight:700;letter-spacing:-.3px;margin:0}.ms-edit-btn{align-items:center;background:var(--brand-primary);border:none;border-radius:10px;border-radius:var(--radius-sm);box-shadow:0 8px 24px #4361ee38;box-shadow:var(--shadow-primary);color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:700;gap:8px;letter-spacing:.01em;padding:9px 18px;transition:opacity .15s,transform .1s}.ms-edit-btn:hover{opacity:.9;transform:translateY(-1px)}.ms-edit-btn:active{transform:translateY(0)}.ms-contract-status-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}.ms-status-badge{align-items:center;border-radius:9999px;border-radius:var(--radius-full);display:inline-flex;font-size:12px;font-weight:700;gap:7px;letter-spacing:.02em;padding:7px 14px}.ms-status-badge--active{background:var(--palette-light-green);color:#155724;color:var(--success-text)}.ms-status-badge--inactive{background:var(--neutral-light-gray);color:var(--neutral-dark-gray)}.ms-status-badge--expired{background:var(--warning-bg);color:var(--warning-text)}.ms-status-dot{border-radius:50%;height:7px;width:7px}.ms-status-dot--active{background:var(--status-success)}.ms-status-dot--inactive{background:var(--text-muted)}.ms-status-dot--expired{background:var(--warning-dot)}.ms-contract-type-badge{background:var(--transparent-light-green);border:1px solid #4361ee33;border:1px solid var(--primary-border);border-radius:9999px;border-radius:var(--radius-full);color:var(--brand-primary);font-size:12px;font-weight:700;letter-spacing:.02em;padding:7px 14px}.ms-empty-state{padding:52px 20px;text-align:center}.ms-empty-icon{display:block;font-size:56px;margin-bottom:16px;opacity:.7}.ms-empty-text{color:var(--text-primary);font-size:17px;font-weight:700;margin:0 0 6px}.ms-empty-subtext{color:var(--text-secondary);font-size:14px;margin:0}.ms-overlay{align-items:center;animation:ms-overlay-in .18s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0a0c168c;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}@keyframes ms-overlay-in{0%{opacity:0}to{opacity:1}}.ms-modal{animation:ms-modal-in .2s cubic-bezier(.34,1.4,.64,1);background:var(--background-primary);border-radius:28px;border-radius:var(--radius-xl);box-shadow:0 16px 48px #0000001a;box-shadow:var(--shadow-lg);max-width:620px;overflow:hidden;width:100%}@keyframes ms-modal-in{0%{opacity:0;transform:scale(.95) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.ms-modal-header{align-items:center;background:linear-gradient(135deg,var(--brand-primary) 0,var(--palette-indigo) 100%);background:var(--primary-gradient);display:flex;justify-content:space-between;padding:18px 24px}.ms-modal-title{color:#fff;font-size:18px;font-weight:700;letter-spacing:-.2px;margin:0}.ms-close-btn{align-items:center;background:#ffffff24;border:1px solid #fff3;border-radius:10px;border-radius:var(--radius-sm);color:#fff;cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;transition:background .15s;width:32px}.ms-close-btn:hover{background:#ffffff3d}.ms-modal-body{display:flex;flex-direction:column;gap:16px;max-height:68vh;overflow-y:auto;padding:24px}.ms-modal-body::-webkit-scrollbar{width:6px}.ms-modal-body::-webkit-scrollbar-track{background:var(--neutral-light-gray)}.ms-modal-body::-webkit-scrollbar-thumb{background:var(--background-tertiary);border-radius:9999px;border-radius:var(--radius-full)}.ms-modal-footer{background:var(--neutral-light-gray);border-top:1px solid var(--neutral-light-gray);display:flex;gap:10px;justify-content:flex-end;padding:18px 24px}.ms-form-row{display:flex;flex:1 1;flex-direction:column;gap:7px}.ms-form-label{color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.ms-date-row{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr}.ms-input,.ms-select{appearance:none;-webkit-appearance:none;background:var(--neutral-light-gray);border:1.5px solid var(--background-tertiary);border-radius:10px;border-radius:var(--radius-sm);color:var(--text-primary);font-family:Inter,system-ui,-apple-system,sans-serif;font-family:var(--font);font-size:14px;outline:none;padding:11px 14px;transition:border-color .15s,box-shadow .15s;width:100%}.ms-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='m1 1 5 5 5-5' stroke='%239ca3af' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;cursor:pointer;padding-right:38px}.ms-input:focus,.ms-select:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px var(--transparent-light-green)}.ms-cancel-btn{background:var(--neutral-light-gray);border:1px solid var(--background-tertiary);border-radius:10px;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-family:Inter,system-ui,-apple-system,sans-serif;font-family:var(--font);font-size:13px;font-weight:600;padding:10px 20px;transition:background .15s}.ms-cancel-btn:hover{background:var(--background-tertiary)}.ms-save-btn{background:var(--brand-primary);border:none;border-radius:10px;border-radius:var(--radius-sm);box-shadow:0 8px 24px #4361ee38;box-shadow:var(--shadow-primary);color:#fff;cursor:pointer;font-family:Inter,system-ui,-apple-system,sans-serif;font-family:var(--font);font-size:13px;font-weight:700;padding:10px 22px;transition:opacity .15s,transform .1s}.ms-save-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.ms-save-btn:disabled{cursor:not-allowed;opacity:.6}@media (max-width:640px){.ms-header{padding:16px 20px}.ms-content{margin:20px auto;padding:0 16px}.ms-card{border-radius:20px;border-radius:var(--radius-lg);padding:20px}.ms-field-grid{grid-template-columns:1fr 1fr}.ms-date-row{grid-template-columns:1fr}.ms-avatar{font-size:18px;height:56px;width:56px}.ms-user-email{font-size:15px}.ms-modal{border-radius:20px;border-radius:var(--radius-lg)}}.pay-root{font-family:sans-serif;margin:0 auto}.pay-header{padding:1.75rem 1.5rem 1.25rem}.pay-header-eyebrow{align-items:center;background:color-mix(in srgb,var(--primary-color) 12%,#0000);border-radius:20px;color:var(--primary-color);display:inline-flex;font-size:11px;font-weight:500;gap:6px;letter-spacing:.06em;margin-bottom:10px;padding:4px 10px;text-transform:uppercase}.pay-header h1{color:var(--text-primary);font-size:22px;font-weight:500;margin:0 0 4px}.pay-header p{color:var(--text-muted);font-size:13px;margin:0}.pay-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding:.25rem 0 1.75rem}.pack-card{background:#fff;border:.5px solid #e5e5e5;border-radius:14px;display:flex;flex-direction:column;padding:1.25rem;position:relative}.pack-card.featured{border:2px solid var(--primary-color);padding-top:2rem}.pack-tier-icon{align-items:center;border-radius:8px;display:flex;font-size:15px;height:32px;justify-content:center;margin-bottom:12px;width:32px}.pack-tier-icon.enterprise,.pack-tier-icon.starter{background:#f4f4f4;color:#888}.pack-tier-icon.pro{background:color-mix(in srgb,var(--primary-color) 12%,#0000);color:var(--primary-color)}.badge-popular{background:var(--primary-color);border-radius:0 0 10px 10px;color:#fff;font-size:10px;font-weight:500;left:50%;letter-spacing:.04em;padding:3px 14px;position:absolute;top:-1px;transform:translateX(-50%);white-space:nowrap}.pack-name{color:#888;font-size:11px;font-weight:500;letter-spacing:.08em;margin:0 0 6px;text-transform:uppercase}.pack-price-row{align-items:baseline;display:flex;gap:1px;margin-bottom:4px}.pack-currency{align-self:flex-start;font-size:15px;margin-top:5px}.pack-amount,.pack-currency{color:var(--primary-color);font-weight:500}.pack-amount{font-size:38px;line-height:1}.pack-period{color:#aaa;font-size:12px;margin-left:3px}.pack-description{color:#666;flex:1 1;font-size:12px;line-height:1.5;margin:8px 0 14px}.pack-divider{border:none;border-top:.5px solid #ebebeb;margin:0 0 12px}.pack-features{list-style:none;margin:0 0 16px;padding:0}.pack-features li{align-items:flex-start;border-bottom:.5px solid #f0f0f0;color:#333;display:flex;font-size:12px;gap:8px;padding:5px 0}.pack-features li:last-child{border-bottom:none}.check-icon{color:var(--primary-color);flex-shrink:0;font-weight:700;margin-top:1px}.pack-cta{border-radius:8px;cursor:pointer;display:block;font-size:13px;font-weight:500;letter-spacing:.01em;padding:9px 12px;text-align:center;transition:opacity .15s;width:100%}.pack-cta.primary{background:var(--primary-color);border:none;color:#fff}.pack-cta.secondary{background:#0000;border:1.5px solid var(--primary-color);color:var(--primary-color)}.pack-cta:hover{opacity:.82}.invoices-section{margin-top:.5rem}.invoices-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.invoices-header h2{color:var(--text-primary);font-size:15px;font-weight:500}.invoices-count{color:var(--text-muted);font-size:12px}.invoices-table-wrap{background:#fff;border:.5px solid #e5e5e5;border-radius:12px;overflow:hidden}.invoices-table{border-collapse:collapse;font-size:13px;table-layout:fixed;width:100%}.invoices-table thead th{background:#fafafa;color:#999;font-size:11px;font-weight:500;letter-spacing:.06em;padding:9px 14px;text-align:left;text-transform:uppercase}.invoices-table tbody tr,.invoices-table thead th{border-bottom:.5px solid #ebebeb}.invoices-table tbody tr:last-child{border-bottom:none}.invoices-table tbody td{color:#333;padding:10px 14px;vertical-align:middle}.td-id{color:#888;font-family:monospace;font-size:12px}.td-muted{color:#aaa;font-size:12px}.status-pill{align-items:center;border-radius:20px;display:inline-flex;font-size:11px;font-weight:500;gap:5px;padding:3px 8px}.status-pill.paid{background:#eaf3de;color:#3b6d11}.status-pill.pending{background:#faeeda;color:#854f0b}.status-pill.failed{background:#fcebeb;color:#a32d2d}.status-dot{background:currentColor;border-radius:50%;flex-shrink:0;height:5px;width:5px}.skeleton{animation:pulse 1.4s ease-in-out infinite}.skel-block{background:#f0f0f0;border-radius:6px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.support-by-chat-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;display:flex;flex-direction:row;height:100%;overflow:hidden}.chat-list{background:#fafafa;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;min-width:320px;width:320px}.chat-list-header{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;color:#111827;display:flex;font-size:16px;font-weight:700;justify-content:space-between;padding:18px 20px}.chat-list-items{flex:1 1;overflow-y:auto}.chat-list-empty{align-items:center;color:#9ca3af;display:flex;flex-direction:column;font-size:13px;gap:8px;justify-content:center;padding:40px 20px;text-align:center}.chat-list-item{align-items:flex-start;border-bottom:1px solid #f0f0f0;cursor:pointer;display:flex;gap:12px;padding:14px 16px;transition:background-color .15s ease}.chat-list-item:hover{background:#f3f4f6}.chat-list-item.active{background:#eef2ff;border-left:3px solid #4f46e5;padding-left:13px}.chat-avatar{align-items:center;background:#4f46e5;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:13px;font-weight:600;height:40px;justify-content:center;width:40px}.chat-avatar-sm{font-size:11px;height:32px;width:32px}.chat-item-body{flex:1 1;min-width:0}.chat-item-top{align-items:baseline;display:flex;gap:8px;justify-content:space-between}.chat-item-title{color:#111827;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-item-time{color:#9ca3af;flex-shrink:0;font-size:11px}.chat-item-preview{align-items:center;color:#6b7280;display:flex;font-size:13px;gap:8px;justify-content:space-between;margin:4px 0 0}.chat-item-preview-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-container{background:#fff;display:flex;flex:1 1;flex-direction:column;min-width:0}.conversation-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;gap:12px;padding:14px 20px}.back-button{align-items:center;background:#0000;border:none;border-radius:50%;color:#374151;cursor:pointer;display:none;flex-shrink:0;height:32px;justify-content:center;margin-left:-6px;width:32px}.back-button:hover{background:#f3f4f6}.conversation-header-text{display:flex;flex-direction:column;gap:3px;min-width:0}.conversation-title{color:#111827;font-size:15px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-subtitle{color:#9ca3af;font-size:12px}.conversation-messages{background:#f9fafb;display:flex;flex:1 1;flex-direction:column;gap:10px;overflow-y:auto;padding:20px}.message-row{display:flex;width:100%}.message-row.own{justify-content:flex-end}.message-row.other{justify-content:flex-start}.message-bubble{border-radius:16px;line-height:1.4;max-width:75%;padding:10px 14px;position:relative}.message-row.other .message-bubble{background:#fff;border:1px solid #e5e7eb;border-bottom-left-radius:4px;color:#111827}.message-row.own .message-bubble{background:#4f46e5;border-bottom-right-radius:4px;color:#fff}.message-bubble p{word-wrap:break-word;font-size:14px;margin:0;white-space:pre-wrap}.message-time{display:block;font-size:10px;margin-top:4px;opacity:.7;text-align:right}.conversation-empty{align-items:center;color:#9ca3af;display:flex;flex-direction:column;font-size:13px;gap:8px;justify-content:center;margin:auto;padding:20px;text-align:center}.conversation-empty.full{height:100%}.conversation-input{align-items:flex-end;background:#fff;border-top:1px solid #e5e7eb;display:flex;gap:10px;padding:14px 16px max(14px,env(safe-area-inset-bottom))}.conversation-input textarea{border:1px solid #d1d5db;border-radius:12px;flex:1 1;font-family:inherit;font-size:14px;max-height:120px;outline:none;padding:10px 14px;resize:none;transition:border-color .15s ease}.conversation-input textarea:focus{border-color:#4f46e5}.image-button,.send-button{flex-shrink:0}.image-button{align-items:center;background:#0000;border:none;border-radius:50%;cursor:pointer;display:flex;height:40px;justify-content:center;transition:background-color .15s ease;width:40px}.image-button:hover{background:#f3f4f6}.send-button{align-items:center;background:#4f46e5;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;transition:background-color .15s ease,transform .1s ease;width:40px}.send-button:hover:not(:disabled){background:#4338ca}.send-button:disabled{background:#c7c7f9;cursor:not-allowed}.message-image{border-radius:8px;margin-bottom:8px;max-height:200px;max-width:200px}.image-preview-container{border-top:1px solid #e5e7eb;padding:10px 16px 0}.image-preview{display:inline-block;position:relative}.image-preview img{border-radius:8px;display:block;max-height:120px;max-width:120px}.remove-image-button{align-items:center;background:#111827;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:11px;height:20px;justify-content:center;line-height:1;position:absolute;right:-6px;top:-6px;width:20px}.chat-item-status{border-radius:4px;color:#fff;flex-shrink:0;font-size:11px;font-weight:500;padding:2px 8px;text-align:center;white-space:nowrap}@media (max-width:768px){.support-by-chat-container{border:none;border-radius:0;position:relative}.chat-list,.conversation-container{min-width:0;width:100%}.conversation-container,.support-by-chat-container.mobile-show-conversation .chat-list{display:none}.back-button,.support-by-chat-container.mobile-show-conversation .conversation-container{display:flex}.chat-list-header{padding:14px 16px}.conversation-header{padding:10px 12px}.conversation-messages{padding:14px}.message-bubble{max-width:85%}.conversation-input{padding:10px 12px}}
/*# sourceMappingURL=main.9353a7f6.css.map*/