@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap);.dropdown{background-color:#fff;border-radius:5px;box-shadow:0 2px 5px #0000001a;margin-top:10px;position:absolute;right:0;top:100%;width:13.563em;z-index:1000}.dropdown ul{list-style:none;margin:0;padding:0}.dropdown ul li{align-items:center;color:#373737;cursor:pointer;display:flex;font-size:.875rem;gap:8px;padding:12px 16px;transition:background-color .2s}.dropdown ul li:hover{background-color:#f5f5f5}.dropdown ul li .dropdown-icon{flex-shrink:0;height:18px;width:18px}.location-dropdown{background:#fff;border-radius:.5rem;box-shadow:0 4px 20px #0000001a;left:50%;margin-top:10px;max-height:21em;overflow-y:auto;position:absolute;top:100%;transform:translateX(-50%);width:280px;z-index:1000}.location-dropdown ul{list-style:none;margin:0;padding:0}.location-dropdown ul li{border-left:3px solid #0000;cursor:pointer;font-size:.875em;padding:10px 16px;transition:all .2s ease}.location-dropdown ul li:hover{background-color:#f5f5f5}.location-dropdown ul li.selected{background-color:#e3f2fd;border-left-color:#2c4fac;color:#2c4fac;font-weight:600}.location-dropdown ul li.selected:hover{background-color:#bbdefb}@media(max-width:768px){.dropdown{max-width:200px}.dropdown ul li{padding:12px 15px}}.calculator{background:#fff;border-radius:.5rem;box-shadow:0 4px 20px #0000001a;padding:1rem;width:280px}@media(max-width:1024px){.calculator{padding:.75rem;width:240px}}@media(max-width:480px){.calculator{padding:.5rem;width:220px}}.calculator .display{background:#f2f2f2;border:1px solid #e0e7ff;border-radius:.25rem;color:#373737;margin-bottom:1rem;padding:.75rem;text-align:right}@media(max-width:1024px){.calculator .display{margin-bottom:.75rem;padding:.5rem}}@media(max-width:480px){.calculator .display{margin-bottom:.5rem;padding:.4rem}}.calculator .display .history{color:#666;font-size:.75rem;margin-bottom:.25rem;min-height:.75rem}@media(max-width:1024px){.calculator .display .history{font-size:.7rem}}@media(max-width:480px){.calculator .display .history{font-size:.65rem}}.calculator .display .main{font-family:monospace;font-size:1.25rem;font-weight:500;min-height:1.25rem}@media(max-width:1024px){.calculator .display .main{font-size:1.1rem}}@media(max-width:480px){.calculator .display .main{font-size:1rem}}.calculator .buttons{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(4,1fr)}@media(max-width:1024px){.calculator .buttons{gap:.4rem}}@media(max-width:480px){.calculator .buttons{gap:.3rem}}.calculator .buttons .btn{border:none;border-radius:.25rem;cursor:pointer;font-size:.875rem;font-weight:500;padding:.75rem;transition:all .1s ease}@media(max-width:1024px){.calculator .buttons .btn{font-size:.813rem;padding:.6rem}}@media(max-width:480px){.calculator .buttons .btn{font-size:.75rem;padding:.5rem}}.calculator .buttons .btn:hover{transform:scale(.98)}.calculator .buttons .btn:active{transform:scale(.95)}.calculator .buttons .btn.btn-clear{background:#555;color:#fff;grid-column:span 2}.calculator .buttons .btn.btn-clear:hover{background:#3c3c3c}.calculator .buttons .btn.btn-action{background:#f2f2f2;border:1px solid #e0e7ff;color:#373737}.calculator .buttons .btn.btn-action:hover{background:#e0e7ff}.calculator .buttons .btn.btn-number{background:#fff;border:1px solid #e0e7ff;color:#373737}.calculator .buttons .btn.btn-number:hover{background:#e0e7ff}.calculator .buttons .btn.btn-number.btn-zero{grid-column:span 2}.calculator .buttons .btn.btn-operation{background:#2c4fac;color:#fff}.calculator .buttons .btn.btn-operation:hover{background:#223c83}.header .header-loading-spinner{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:10}.header .header-loading-spinner .spinner{animation:spin 1s linear infinite;border:2px solid #e0e7ff;border-radius:50%;border-top-color:#2c4fac;height:16px;width:16px}@media(max-width:480px){.header .header-loading-spinner .spinner{display:none}}.header .header-top-loader{animation:loadingBar 2.5s ease-in-out infinite;background:linear-gradient(90deg,#e6f0ff,#e0e7ff);height:1px;left:0;position:absolute;top:0;width:100%;z-index:9}.header .logo{color:#fff;font-size:1.5em;font-weight:700}.header .nav{align-items:center;display:flex;gap:1rem;justify-content:flex-end}@media(max-width:1024px){.header .nav{gap:.5rem}}@media(max-width:480px){.header .nav{gap:.25rem}}.header .nav .location-selector{align-items:center;border-radius:6px;color:#666;cursor:pointer;display:flex;font-size:.875rem;padding:.5rem .75rem;position:relative;transition:all .2s ease;width:auto}.header .nav .location-selector:hover{background-color:rgba(0,0,0,.031)}.header .nav .location-selector .location-icon{flex-shrink:0;height:1rem;margin-right:.5rem;width:1rem}.header .nav .location-selector .location-name{font-weight:500;white-space:nowrap}@media(max-width:480px){.header .nav .location-selector .location-name{font-size:.7rem}}.header .nav .location-selector .dropdown-chevron{font-size:.75rem;margin-left:.5rem;transition:transform .2s ease}@media(max-width:1024px){.header .nav .location-selector .dropdown-chevron{display:none}.header .nav .location-selector{padding:.5rem}}@media(max-width:480px){.header .nav .location-selector{padding:.4rem .5rem}}.header .nav .current-date{align-items:center;border-radius:6px;color:#666;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem .75rem;transition:all .2s ease;white-space:nowrap}.header .nav .current-date:hover{background-color:rgba(0,0,0,.031)}.header .nav .current-date .clock-icon{flex-shrink:0;height:1rem;width:1rem}@media(max-width:1024px){.header .nav .current-date .clock-icon{height:.875rem;width:.875rem}}@media(max-width:480px){.header .nav .current-date .clock-icon{display:none}}.header .nav .current-date .date-part{font-weight:500}@media(max-width:1024px){.header .nav .current-date .date-part{font-size:.75rem}}@media(max-width:480px){.header .nav .current-date .date-part{font-size:.7rem}}.header .nav .current-date .time-part{color:#777;font-size:.8rem;font-weight:400}@media(max-width:1024px){.header .nav .current-date .time-part{font-size:.7rem}}@media(max-width:480px){.header .nav .current-date .time-part{font-size:.65rem}}@media(max-width:1024px){.header .nav .current-date{gap:.35rem;padding:.5rem}}@media(max-width:480px){.header .nav .current-date{display:none}}.header .nav .calculator-container{position:relative}.header .nav .calculator-container .calculator-pill{align-items:center;border-radius:6px;color:#666;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem .75rem;transition:all .2s ease;-webkit-user-select:none;user-select:none}.header .nav .calculator-container .calculator-pill:hover{background-color:rgba(0,0,0,.031)}.header .nav .calculator-container .calculator-pill .calculator-icon{fill:currentColor;height:1rem;width:1rem}.header .nav .calculator-container .calculator-pill .dropdown-chevron{font-size:.75rem;transition:transform .2s ease}.header .nav .calculator-container .calculator-dropdown{border-radius:.5rem;box-shadow:0 4px 20px #00000026;left:50%;margin-top:.5rem;overflow:hidden;position:absolute;top:100%;transform:translateX(-50%);z-index:1000}@media(max-width:1024px){.header .nav .calculator-container .calculator-dropdown{left:auto;right:0;transform:translateX(0)}.header .nav .calculator-container .calculator-pill{padding:.5rem}.header .nav .calculator-container .calculator-pill .dropdown-chevron,.header .nav .calculator-container .calculator-pill span:not(.dropdown-chevron){display:none}}@media(max-width:480px){.header .nav .calculator-container{display:none}}.header .nav .profile-container{position:relative}.header .nav .profile-container .profile-pill{align-items:center;border-radius:4px;cursor:pointer;display:flex;padding:4px 8px;transition:all .3s ease}.header .nav .profile-container .profile-pill .initials{align-items:center;background-color:rgba(219,85,43,.102);border-radius:50%;color:#ef4444;display:flex;font-size:.875em;font-weight:700;height:2.2em;justify-content:center;margin-right:10px;min-height:2.2em;min-width:2.2em;overflow:hidden;text-transform:uppercase;white-space:nowrap;width:2.2em}.header .nav .profile-container .profile-pill .profile-name{font-size:.813em}@media(max-width:1024px){.header .nav .profile-container .profile-pill .profile-name{display:none}}.header .nav .profile-container .profile-pill .profile-ellipsis{color:#373737;font-size:1em;margin-left:10px}.header .nav .profile-container .profile-pill .dropdown-chevron{font-size:.75rem;margin-left:.5rem;transition:transform .2s ease}@media(max-width:1024px){.header .nav .profile-container .profile-pill .dropdown-chevron{display:none}.header .nav .profile-container .profile-pill{padding:.5rem}.header .nav .profile-container .profile-pill .initials{margin-right:0}.header .nav .profile-container .profile-pill .dropdown-chevron,.header .nav .profile-container .profile-pill .profile-name{display:none}}.sidebar .header-top-loader{animation:loadingBar .3s ease-in-out forwards;background:linear-gradient(90deg,#e6f0ff);height:1px;left:0;position:absolute;top:0;width:100%;z-index:9}@keyframes loadingBar{0%{width:0}to{width:100%}}.sidebar .sidebar-header{align-items:center;border-bottom:1px solid #e0e7ff;display:flex;height:5em;margin-bottom:0;padding:0 1.25em}.sidebar .sidebar-header .header-icon{height:2.5em;object-fit:contain;width:2.5em}.sidebar .sidebar-header .divider{background-color:#e0e7ff;height:100%;margin:0 1.5em;width:1px}.sidebar .sidebar-header a{text-decoration:none}.sidebar ul{border-right:1px solid #e0e7ff;list-style:none;margin:0;max-height:calc(100vh - 5em);min-height:auto;overflow-x:hidden;overflow-y:auto;padding:20px}.sidebar ul li{margin:10px 0}.sidebar ul li a{align-items:center;border-radius:20px;color:#373737;cursor:pointer;display:flex;font-size:.875em;font-weight:400;height:2.5em;justify-content:space-between;padding:0 1em;text-decoration:none}.sidebar ul li a:hover{color:#2c4fac}.sidebar ul li a.active-link{background-color:#e0e7ff;color:#2c4fac}.sidebar ul li a .nav-collapse{align-items:center;display:flex;gap:10px;justify-content:center}.sidebar ul li a .nav-collapse .nav-icon{height:1em;object-fit:contain;width:1em}.sidebar ul li a .chevron-icon{font-size:.813em;margin-left:10px}@media(max-width:1024px){.sidebar ul li a{font-size:.813em}}.sidebar ul li .sub-items{border:none;margin:0;max-height:0;opacity:0;overflow:hidden;padding:0 20px;transform:translateY(-50px);transition:max-height .8s ease,opacity .8s ease,transform .8s ease,visibility .8s ease;visibility:hidden}.sidebar ul li .sub-items.expanded{max-height:500px;opacity:1;transform:translateY(0);visibility:visible}.sidebar ul li .sub-items li{margin:8px 0;opacity:0;transform:translateY(-5px);transition:opacity .8s ease,transform .8s ease}.sidebar ul li .sub-items.expanded li{opacity:1;transform:translateY(0)}.sidebar ul li .sub-items a{align-items:center;display:flex;justify-content:space-between;padding:0 1em;width:auto}.sidebar ul li .sub-items.expanded li:first-child{transition-delay:.3s}.sidebar ul li .sub-items.expanded li:nth-child(2){transition-delay:.6s}.sidebar ul li .sub-items.expanded li:nth-child(3){transition-delay:.9s}.sidebar ul li .sub-items.expanded li:nth-child(4){transition-delay:1.2s}.sidebar ul li .sub-items.expanded li:nth-child(5){transition-delay:1.5s}.sidebar ul li .sub-items.expanded li:nth-child(6){transition-delay:1.8s}.sidebar ul .nav-divider{background-color:#e0e7ff;border:none;height:1px;margin:8px 0}.layout{display:flex;height:100vh}.layout.collapsed .sidebar{margin-left:-300px;transition:width .3s ease,transform .3s ease}.layout.collapsed .main-content{margin-left:0;width:100%}.layout.sidebar-open .sidebar{transform:translateX(0)}.layout .toast{border:1px solid #e0e7ff;border-radius:8px;box-shadow:none;font-size:14px;padding:12px;width:17em}.sidebar{background-color:#fff;height:100vh;left:0;position:fixed;top:0;transition:margin-left .3s ease,width .3s ease;width:300px;z-index:1000}@media(max-width:768px){.sidebar{transform:translateX(-100%);width:250px}}.main-content{margin-left:300px;transition:margin-left .3s ease,width .3s ease;width:calc(100% - 300px)}@media(max-width:768px){.main-content{margin-left:0;width:100%}}.header{align-items:center;background-color:#fff;border-bottom:1px solid #e0e7ff;display:flex;height:5em;justify-content:space-between;left:300px;padding:0 1.25em;position:fixed;right:0;top:0;transition:left .3s ease;z-index:999}.header .menu-icon{color:#333;cursor:pointer;font-size:1.5em}.header .profile-container .profile-icon{color:#2c4fac;cursor:pointer;font-size:1.5em}.layout.collapsed .header{left:0}@media(max-width:768px){.header{left:0}}.content{margin:5em auto 0;max-width:1200px;padding:20px}@media(max-width:768px){.content{padding:30px}}@media(max-width:480px){.content{padding:15px}}.dashboard-card{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 4px 20px #00000014;display:flex;flex:1 1;flex-direction:column;justify-content:center;min-width:0;padding:1rem}.dashboard-card:hover{scale:1.01}.dashboard-card.current-month-sales,.dashboard-card.dept,.dashboard-card.expenses,.dashboard-card.purchases,.dashboard-card.total-quantity-sold,.dashboard-card.total-revenue{background:linear-gradient(135deg,#eee,#f0f8ffcc);box-shadow:none;height:200px}.dashboard-card.current-month-sales:hover,.dashboard-card.dept:hover,.dashboard-card.expenses:hover,.dashboard-card.purchases:hover,.dashboard-card.total-quantity-sold:hover,.dashboard-card.total-revenue:hover{scale:none}.dashboard-card .card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem;width:100%}.dashboard-card .card-header .card-icon{align-items:center;border-radius:50%;display:flex;height:2.5rem;justify-content:center;width:2.5rem}.dashboard-card .card-header .card-meta{color:#666;font-size:.9rem}.dashboard-card .card-content{align-items:center;color:#373737;display:flex;flex-direction:column;gap:.5rem;justify-content:center;width:100%}.dashboard-card .card-content .card-title{font-size:.9rem;font-weight:500;width:100%}.dashboard-card .card-content .card-value{color:#2c4fac;font-size:1.1rem;font-weight:700;width:100%}.dashboard-card .card-content .card-value .loader{animation:spin .8s linear infinite;border:2px solid #e0e7ff;border-radius:50%;border-top-color:#2c4fac;display:inline-block;height:1em;vertical-align:middle;width:1em}.dashboard-card.sales .card-icon,.dashboard-card.total-revenue .card-icon{background:#d6f8e2}.dashboard-card.total-quantity-sold .card-icon{background:#e0e7ff}.dashboard-card.returns .card-icon{background:#f3e8ff}.dashboard-card.net .card-icon{background:#e6f0ff}.dashboard-card.expenses .card-icon{background:#fff9e6}.dashboard-card.purchases .card-icon{background:#bbdefb}.dashboard-card.dept .card-icon{background:#fdecec}.dashboard-card.current-month-sales .card-icon{background:#e0e7ff}.rdp-root{--rdp-accent-color:blue;--rdp-accent-background-color:#f0f0ff;--rdp-day-height:44px;--rdp-day-width:44px;--rdp-day_button-border-radius:100%;--rdp-day_button-border:2px solid #0000;--rdp-day_button-height:42px;--rdp-day_button-width:42px;--rdp-selected-border:2px solid var(--rdp-accent-color);--rdp-disabled-opacity:0.5;--rdp-outside-opacity:0.75;--rdp-today-color:var(--rdp-accent-color);--rdp-dropdown-gap:0.5rem;--rdp-months-gap:2rem;--rdp-nav_button-disabled-opacity:0.5;--rdp-nav_button-height:2.25rem;--rdp-nav_button-width:2.25rem;--rdp-nav-height:2.75rem;--rdp-range_middle-background-color:var(--rdp-accent-background-color);--rdp-range_middle-color:inherit;--rdp-range_start-color:#fff;--rdp-range_start-background:linear-gradient(var(--rdp-gradient-direction),#0000 50%,var(--rdp-range_middle-background-color) 50%);--rdp-range_start-date-background-color:var(--rdp-accent-color);--rdp-range_end-background:linear-gradient(var(--rdp-gradient-direction),var(--rdp-range_middle-background-color) 50%,#0000 50%);--rdp-range_end-color:#fff;--rdp-range_end-date-background-color:var(--rdp-accent-color);--rdp-week_number-border-radius:100%;--rdp-week_number-border:2px solid #0000;--rdp-week_number-height:var(--rdp-day-height);--rdp-week_number-opacity:0.75;--rdp-week_number-width:var(--rdp-day-width);--rdp-weeknumber-text-align:center;--rdp-weekday-opacity:0.75;--rdp-weekday-padding:0.5rem 0rem;--rdp-weekday-text-align:center;--rdp-gradient-direction:90deg;--rdp-animation_duration:0.3s;--rdp-animation_timing:cubic-bezier(0.4,0,0.2,1)}.rdp-root[dir=rtl]{--rdp-gradient-direction:-90deg}.rdp-root[data-broadcast-calendar=true]{--rdp-outside-opacity:unset}.rdp-root{position:relative}.rdp-root,.rdp-root *{box-sizing:border-box}.rdp-day{height:var(--rdp-day-height);text-align:center;width:var(--rdp-day-width)}.rdp-day_button{align-items:center;background:none;border:var(--rdp-day_button-border);border-radius:var(--rdp-day_button-border-radius);color:inherit;cursor:pointer;display:flex;font:inherit;height:var(--rdp-day_button-height);justify-content:center;margin:0;padding:0;width:var(--rdp-day_button-width)}.rdp-day_button:disabled{cursor:revert}.rdp-caption_label{align-items:center;border:0;display:inline-flex;position:relative;white-space:nowrap;z-index:1}.rdp-dropdown:focus-visible~.rdp-caption_label{outline:5px auto Highlight;outline:5px auto -webkit-focus-ring-color}.rdp-button_next,.rdp-button_previous{align-items:center;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:none;border:none;color:inherit;cursor:pointer;display:inline-flex;font:inherit;height:var(--rdp-nav_button-height);justify-content:center;margin:0;padding:0;position:relative;width:var(--rdp-nav_button-width)}.rdp-button_next:disabled,.rdp-button_next[aria-disabled=true],.rdp-button_previous:disabled,.rdp-button_previous[aria-disabled=true]{cursor:revert;opacity:var(--rdp-nav_button-disabled-opacity)}.rdp-chevron{fill:var(--rdp-accent-color);display:inline-block}.rdp-root[dir=rtl] .rdp-nav .rdp-chevron{transform:rotate(180deg);transform-origin:50%}.rdp-dropdowns{align-items:center;display:inline-flex;gap:var(--rdp-dropdown-gap);position:relative}.rdp-dropdown{-webkit-appearance:none;appearance:none;border:none;cursor:inherit;inset-block-end:0;inset-block-start:0;inset-inline-start:0;line-height:inherit;margin:0;opacity:0;padding:0;position:absolute;width:100%;z-index:2}.rdp-dropdown_root{align-items:center;display:inline-flex;position:relative}.rdp-dropdown_root[data-disabled=true] .rdp-chevron{opacity:var(--rdp-disabled-opacity)}.rdp-month_caption{align-content:center;display:flex;font-size:large;font-weight:700;height:var(--rdp-nav-height)}.rdp-root[data-nav-layout=after] .rdp-month,.rdp-root[data-nav-layout=around] .rdp-month{position:relative}.rdp-root[data-nav-layout=around] .rdp-month_caption{-webkit-margin-start:var(--rdp-nav_button-width);-webkit-margin-end:var(--rdp-nav_button-width);justify-content:center;margin-inline-end:var(--rdp-nav_button-width);margin-inline-start:var(--rdp-nav_button-width);position:relative}.rdp-root[data-nav-layout=around] .rdp-button_previous{display:inline-flex;height:var(--rdp-nav-height);inset-inline-start:0;position:absolute;top:0}.rdp-root[data-nav-layout=around] .rdp-button_next{display:inline-flex;height:var(--rdp-nav-height);inset-inline-end:0;justify-content:center;position:absolute;top:0}.rdp-months{display:flex;flex-wrap:wrap;gap:var(--rdp-months-gap);max-width:-webkit-fit-content;max-width:fit-content;position:relative}.rdp-month_grid{border-collapse:collapse}.rdp-nav{align-items:center;display:flex;height:var(--rdp-nav-height);inset-block-start:0;inset-inline-end:0;position:absolute}.rdp-weekday{font-size:smaller;font-weight:500;opacity:var(--rdp-weekday-opacity);padding:var(--rdp-weekday-padding);text-align:var(--rdp-weekday-text-align);text-transform:var(--rdp-weekday-text-transform)}.rdp-week_number{border:var(--rdp-week_number-border);border-radius:var(--rdp-week_number-border-radius);font-size:small;font-weight:400;height:var(--rdp-week_number-height);opacity:var(--rdp-week_number-opacity);text-align:var(--rdp-weeknumber-text-align);width:var(--rdp-week_number-width)}.rdp-today:not(.rdp-outside){color:var(--rdp-today-color)}.rdp-selected{font-size:large;font-weight:700}.rdp-selected .rdp-day_button{border:var(--rdp-selected-border)}.rdp-outside{opacity:var(--rdp-outside-opacity)}.rdp-disabled{opacity:var(--rdp-disabled-opacity)}.rdp-hidden{color:var(--rdp-range_start-color);visibility:hidden}.rdp-range_start{background:var(--rdp-range_start-background)}.rdp-range_start .rdp-day_button{background-color:var(--rdp-range_start-date-background-color);color:var(--rdp-range_start-color)}.rdp-range_middle{background-color:var(--rdp-range_middle-background-color)}.rdp-range_middle .rdp-day_button{border:initial;border-radius:0;border-radius:initial;color:var(--rdp-range_middle-color)}.rdp-range_end{background:var(--rdp-range_end-background);color:var(--rdp-range_end-color)}.rdp-range_end .rdp-day_button{background-color:var(--rdp-range_end-date-background-color);color:var(--rdp-range_start-color)}.rdp-range_start.rdp-range_end{background:revert}.rdp-focusable{cursor:pointer}@keyframes rdp-slide_in_left{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes rdp-slide_in_right{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes rdp-slide_out_left{0%{transform:translateX(0)}to{transform:translateX(-100%)}}@keyframes rdp-slide_out_right{0%{transform:translateX(0)}to{transform:translateX(100%)}}.rdp-weeks_before_enter{animation:rdp-slide_in_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_before_exit{animation:rdp-slide_out_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_after_enter{animation:rdp-slide_in_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_after_exit{animation:rdp-slide_out_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_after_enter{animation:rdp-slide_in_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_before_exit{animation:rdp-slide_out_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_before_enter{animation:rdp-slide_in_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_after_exit{animation:rdp-slide_out_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}@keyframes rdp-fade_in{0%{opacity:0}to{opacity:1}}@keyframes rdp-fade_out{0%{opacity:1}to{opacity:0}}.rdp-caption_after_enter{animation:rdp-fade_in var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_after_exit{animation:rdp-fade_out var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_before_enter{animation:rdp-fade_in var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_before_exit{animation:rdp-fade_out var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.custom-button{align-items:center;border:none;border-radius:3px;cursor:pointer;display:flex;font-size:.813em;font-weight:500;gap:10px;justify-content:center;margin-top:1em;padding:.9em 1.25em;text-align:center;transition:background .3s ease,transform .2s ease}.custom-button .button-content{align-items:center;display:inline-flex;justify-content:center}.custom-button .loader{animation:spin .8s linear infinite;border:2px solid #e0e7ff;border-radius:50%;border-top-color:#2c4fac;display:inline-block;height:1em;vertical-align:middle;width:1em}.custom-button.primary{background-color:#007bff;color:#fff}.custom-button.secondary{background-color:#6c757d;color:#fff}.custom-button.danger{background-color:#dc3545;color:#fff}.custom-button:disabled{background-color:#d6d6d6;cursor:not-allowed}.custom-button.dark-navy-blue{background-color:#2c4fac;color:#fff}.custom-button.lightest-gray{background-color:#f5f5f5;color:#888;cursor:not-allowed}.date-range-picker-container{background:#fff;border-radius:4px;box-shadow:0 4px 16px #00000026;box-sizing:border-box;left:0;padding:12px;position:absolute;top:120%;width:550px;z-index:9999}.date-range-picker-container.custom-date-picker{left:auto;right:0}@media(max-width:480px){.date-range-picker-container{border-radius:8px 8px 0 0;bottom:0;left:0;margin:0;padding:16px;position:fixed;right:0;top:auto;width:100vw}}.date-range-actions{display:flex;gap:8px;justify-content:flex-end}.date-range-actions .btn-apply,.date-range-actions .btn-cancel{border-radius:4px;cursor:pointer;font-size:14px;padding:6px 14px}.date-range-actions .btn-cancel{background:#0000;background-color:#ccc}.date-range-actions .btn-apply{background:#2c4fac;border:none}.date-range-actions .btn-apply:hover{scale:1.02}.horizontal-calendar .rdp-months{display:flex!important;flex-direction:row!important;gap:2rem;justify-content:space-between}@media(max-width:480px){.horizontal-calendar .rdp-months{flex-direction:column!important;gap:1rem;max-width:100%;width:100%}}.horizontal-calendar{--rdp-accent-color:#2c4fac;--rdp-range_middle-background-color:#e0e7ff;--rdp-range_middle-color:inherit;--rdp-day-height:40px;--rdp-day-width:40px;--rdp-day_button-height:30px;--rdp-day_button-width:30px;--rdp-weekday-text-align:center;--rdp-months-gap:2rem}@media(max-width:480px){.horizontal-calendar{--rdp-day-height:55px;--rdp-day-width:55px;--rdp-day_button-height:40px;--rdp-day_button-width:40px}}.horizontal-calendar .rdp-month{box-sizing:border-box;flex:1 1;max-width:50%;min-width:0;overflow:hidden}@media(max-width:480px){.horizontal-calendar .rdp-month{flex:1 1 100%;max-width:100%;width:100%}}.horizontal-calendar .rdp-table{overflow:hidden;table-layout:fixed;width:100%;word-break:break-all}.horizontal-calendar .rdp-day{font-size:.813em!important;padding:0!important}@media(max-width:480px){.horizontal-calendar .rdp-day{font-size:.875em!important}}.date-filter-dropdown{position:relative}.date-filter-dropdown .date-filter-button{align-items:center;background:none;border:none;border-radius:6px;color:#666;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem .75rem;transition:all .2s ease}.date-filter-dropdown .date-filter-button:hover{background-color:rgba(0,0,0,.031)}.date-filter-dropdown .date-filter-button .chevron-icon{font-size:.75rem;transition:transform .2s}.date-filter-dropdown .date-filter-button.open .chevron-icon{transform:rotate(180deg)}.date-filter-dropdown .dropdown-menu{background:#fff;border:1px solid #e0e7ff;border-radius:5px;box-shadow:0 2px 5px #0000001a;color:#666;margin-top:10px;max-height:15em;max-width:20em;min-width:13.563em;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}@media(max-width:768px){.date-filter-dropdown .dropdown-menu{left:0;min-width:-webkit-max-content;min-width:max-content;right:auto}}.date-filter-dropdown .dropdown-menu .dropdown-item{word-wrap:break-word;background:none;border:none;border-left:3px solid #0000;color:#666;cursor:pointer;display:block;font-size:.813em;padding:10px 16px;text-align:left;transition:background-color .2s;transition:all .2s ease;white-space:normal;width:100%}.date-filter-dropdown .dropdown-menu .dropdown-item:hover{background-color:#f5f5f5}.date-filter-dropdown .dropdown-menu .dropdown-item.active{background-color:#e3f2fd;border-left-color:#2c4fac;color:#2c4fac;font-weight:600}.date-filter-dropdown .dropdown-menu .dropdown-item.active:hover{background-color:#bbdefb}.date-filter-dropdown .dropdown-menu .dropdown-item:first-child{border-radius:4px 4px 0 0}.date-filter-dropdown .dropdown-menu .dropdown-item:last-child{border-radius:0 0 4px 4px}.dashboard-page .page-header{align-items:flex-start;border-bottom:1px solid #e0e7ff;display:flex;justify-content:space-between;padding-bottom:1.25rem}.dashboard-page .page-header .page-summary{display:flex;flex-direction:column;gap:.5rem}.dashboard-page .page-header .page-summary h2{margin:0}.dashboard-page .page-header .page-summary .meta{color:#666;font-size:.9rem;margin:0}.dashboard-page .page-header .page-actions{align-items:center;display:flex;gap:.75rem}.dashboard-page .page-header .page-actions .action-buttons{display:flex;gap:.5rem}.dashboard-page .page-header .page-actions .action-buttons .filter-button{align-items:center;background:none;border:1px solid #2c4fac;color:#2c4fac;display:flex;font-size:.813em;justify-content:center;padding:.25em 1em;text-align:center;transition:color .2s}.dashboard-page .page-header .page-actions .action-buttons .filter-button:hover{background-color:#e0e7ff}.dashboard-page .page-header .page-actions .action-buttons .filter-button .filter-icon{cursor:pointer;margin-right:5px;transition:transform .2s ease}@media(max-width:600px){.dashboard-page .page-header{align-items:flex-start;flex-direction:column;gap:1rem}.dashboard-page .page-header .product-actions{align-self:stretch;justify-content:flex-start;width:100%}}.dashboard-page .dashboard-cards{display:flex;gap:1rem;justify-content:space-between;margin:2rem 0}@media(max-width:480px){.dashboard-page .dashboard-cards{flex-direction:column;gap:1rem}}.dashboard-page .dashboard-activities{display:flex;gap:1rem;margin-top:2rem}@media(max-width:900px){.dashboard-page .dashboard-activities{flex-direction:column;gap:1rem}}.dashboard-page .dashboard-activities .dashboard-charts{display:flex;flex:2.5 1;flex-direction:column;gap:1rem}.dashboard-page .dashboard-activities .dashboard-charts .dashboard-chart{background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000014;padding:2rem}.dashboard-page .dashboard-activities .dashboard-charts .dashboard-chart .chart-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}@media(max-width:480px){.dashboard-page .dashboard-activities .dashboard-charts .dashboard-chart .chart-header{align-items:flex-start;flex-direction:column;gap:1rem}}.dashboard-page .dashboard-activities .dashboard-charts .dashboard-chart .chart-header h4{color:#373737;font-size:1.2rem;font-weight:600;margin:0}@media(max-width:480px){.dashboard-page .dashboard-activities .dashboard-charts .dashboard-chart .chart-header h4{font-size:1rem}}.dashboard-page .dashboard-activities .dashboard-charts .dashboard-chart .chart-header .chart-filters{display:flex;gap:.5rem}@media(max-width:480px){.dashboard-page .dashboard-activities .dashboard-charts .dashboard-chart .chart-header .chart-filters{gap:.375rem;width:100%}}.dashboard-page .dashboard-activities .dashboard-charts .dashboard-chart .chart-header .chart-filters .filter-btn{background:#fff;border:1px solid #e0e7ff;border-radius:6px;color:#666;cursor:pointer;font-size:.813rem;padding:.25em 1em;transition:all .2s ease}@media(max-width:480px){.dashboard-page .dashboard-activities .dashboard-charts .dashboard-chart .chart-header .chart-filters .filter-btn{flex:1 1;font-size:.75rem;min-height:36px;padding:.5em .75em;white-space:nowrap}}.dashboard-page .dashboard-activities .dashboard-charts .dashboard-chart .chart-header .chart-filters .filter-btn:hover{background:#e0e7ff;color:#2c4fac}.dashboard-page .dashboard-activities .dashboard-charts .dashboard-chart .chart-header .chart-filters .filter-btn.active{background:#2c4fac;border-color:#2c4fac;color:#fff}.dashboard-page .dashboard-activities .dashboard-charts .dashboard-chart h4{color:#373737;font-size:1.2rem;font-weight:600;margin-bottom:1.5rem}.dashboard-page .dashboard-activities .side-panel{background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000014;display:flex;flex:1 1;flex-direction:column;gap:1rem;height:-webkit-fit-content;height:fit-content;padding:2.15rem}.onboarding-header{flex-wrap:wrap;justify-content:center;margin:auto;padding:1em}.onboarding-header,.onboarding-header .step-container{align-items:center;display:flex}.onboarding-header .step-container .step{align-items:center;display:flex;flex-direction:column;min-width:3em;position:relative;text-align:center}.onboarding-header .step-container .step .step-number{align-items:center;border:1px solid #2c4fac;border-radius:50%;color:#2c4fac;display:flex;height:2em;justify-content:center;width:2em;z-index:2}.onboarding-header .step-container .step .step-label{font-size:.813em;margin-top:.5em;white-space:nowrap}.onboarding-header .step-container .step.active .step-number{background-color:#2c4fac;color:#fff}.onboarding-header .step-container .step.active .step-label{font-weight:500}.onboarding-header .step-container .step.completed .step-number{background-color:#e0e7ff;border:1px solid #2c4fac}.onboarding-header .step-line{background-color:#e0e7ff;flex-grow:1;height:2px;margin-bottom:1.5em;z-index:1}.onboarding-header .step-line.success{background-color:#3b82f6}@media(max-width:1024px){.onboarding-header{flex-wrap:wrap;justify-content:center;padding:.813em}}@media(max-width:768px){.onboarding-header .step-container{align-items:center;flex-direction:row;gap:.5em}.onboarding-header .step-container .step .step-number{font-size:.9em;height:2em;width:2em}.onboarding-header .step-container .step .step-label{font-size:.75em}}@media(max-width:480px){.onboarding-header{align-items:center;padding:.5em}.onboarding-header .step-container{flex-direction:column;text-align:center}.onboarding-header .step-container .step .step-number{font-size:.813em;height:1.8em;width:1.8em}.onboarding-header .step-container .step .step-label{font-size:.7em}}.input-container{margin-bottom:1.5em;width:100%}.input-container .input-wrapper{align-items:center;display:flex;justify-content:center;position:relative;width:100%;z-index:1}.input-container .input-wrapper input,.input-container .input-wrapper textarea{border:1px solid #f2f2f2;border-radius:3px;font-family:inherit;font-size:.813rem;outline:none;padding:.75em;resize:vertical;transition:border-color .3s ease;width:100%}.input-container .input-wrapper input::placeholder,.input-container .input-wrapper textarea::placeholder{color:#333;opacity:.7;padding-left:.5em;transition:opacity .2s ease-in-out}.input-container .input-wrapper textarea{line-height:1.4;min-height:100px}.input-container .input-wrapper label{background:#fff;color:#333;font-size:1rem;left:12px;opacity:0;padding:0 5px;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s ease-in-out;visibility:hidden}.input-container .input-wrapper .password-toggle,.input-container .input-wrapper .search-icon{color:#777;cursor:pointer;position:absolute;right:10px;top:30%}.input-container .input-wrapper .password-toggle.active,.input-container .input-wrapper .search-icon.active{color:#2c4fac}.input-container .input-wrapper .password-toggle:hover,.input-container .input-wrapper .search-icon:hover{color:#888}.input-container .input-wrapper .search-icon{color:#888;height:.85em;top:25%;width:.85em}.input-container .input-wrapper.error input,.input-container .input-wrapper.error textarea{border-color:#ff4d4f}.input-container .input-wrapper.completed input,.input-container .input-wrapper.completed textarea{border-color:#2c4fac}.input-container .error-message{color:#ff4d4f;font-size:.85rem;margin:auto;text-align:left}.input-wrapper label.visible{color:#373737;font-size:.8rem;left:10px;opacity:1;top:-8px;transform:translateY(0);visibility:visible}.input-wrapper input:focus,.input-wrapper textarea:focus{border:1px solid #2c4fac}@media screen and (max-width:768px){.input-wrapper{max-width:100%}.password-toggle{font-size:1rem}input,textarea{font-size:.9rem;padding:.6em}}@media screen and (max-width:480px){input,textarea{font-size:.85rem;padding:.5em}.password-toggle{right:5px}}.onboarding-form{margin:auto;padding:2em}.onboarding-form,.onboarding-form .form-section{align-items:center;display:flex;flex-direction:column;justify-content:center}.onboarding-form .form-section{width:26.5em}.onboarding-form .form-section .success-icon{height:4em;margin-bottom:1em;width:4em}.onboarding-form .form-section .email-icon{margin-bottom:1em}.onboarding-form .form-section h2{color:#373737;margin:0 0 1em;text-align:center}.onboarding-form .form-section h2.check-email{margin-bottom:0}.onboarding-form .form-section .instruction{color:#666;font-size:1em;text-align:center}.onboarding-form .form-section .resend-instruction{color:#666;font-size:.813em;margin-top:.5em;text-align:center}.onboarding-form .form-section .resend-instruction button{background:none!important;border:none!important;color:#2c4fac;cursor:pointer;margin:0;padding:0;text-decoration:underline}.onboarding-form .form-section .login-link,.onboarding-form .form-section .terms-link{color:#666;font-size:.813em;margin-top:.5em;width:100%}.onboarding-form .form-section .login-link p,.onboarding-form .form-section .terms-link p{text-align:center}.onboarding-form .form-section .login-link .link-text,.onboarding-form .form-section .terms-link .link-text{color:#3b82f6;text-decoration:underline}.onboarding-form .form-section .terms-link{margin-top:0;text-align:start}.onboarding-form .form-section button{width:100%}@media(max-width:1024px){.onboarding-form{width:50%}.onboarding-form .form-section{border-radius:8px;margin-top:3em}.onboarding-form h2{font-size:1.2em}}@media(max-width:480px){.onboarding-form{padding:1em;width:auto}.onboarding-form .form-section{border-radius:8px;margin-top:3em;width:100%}.onboarding-form h2{font-size:1.2em}}.onboarding{display:flex;height:100vh;overflow:auto}.onboarding .branding-section{align-items:center;background-color:#e0e7ff;display:flex;flex-direction:column;font-size:2em;height:calc(100% - .05em);justify-content:center;text-align:center;width:50%}.onboarding .branding-section .branding-content{width:15em}.onboarding .branding-section .branding-content .track-it-logo{margin-bottom:1em}.onboarding .branding-section .branding-content p{color:#373737;font-size:15px;margin:auto auto 5em}.onboarding .onboarding-form-section{height:calc(100% - .08em);padding-top:3em;width:50%}@media(max-width:1024px){.onboarding{display:block;height:auto;overflow:hidden}.onboarding .branding-section{display:none}.onboarding .onboarding-form-section{width:auto}}.checkbox-container{align-items:center;color:#373737;cursor:pointer;display:flex;font-size:.813em;gap:8px}.checkbox-container input{display:none}.checkbox-container .checkbox{border:1px solid #2c4fac;border-radius:3px;display:inline-block;height:13px;position:relative;width:13px}.checkbox-container input:checked+.checkbox{background:#e0e7ff;border-color:#2c4fac}.checkbox-container input:checked+.checkbox:after{border:solid #2c4fac;border-width:0 2px 2px 0;content:"";height:6px;left:4px;position:absolute;top:2px;transform:rotate(45deg);width:3px}.login-form{margin:auto;padding:2em}.login-form,.login-form .form-section{align-items:center;display:flex;flex-direction:column;justify-content:center}.login-form .form-section{width:26.5em}.login-form .form-section h2{color:#373737;margin-bottom:1em;text-align:center}.login-form .form-section .login-options{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5em;width:100%}.login-form .form-section .login-options .forgot-password{color:#666;font-size:.813em;text-decoration:underline}.login-form .form-section .login-options .forgot-password:hover{text-decoration:underline}.login-form .form-section button{width:100%}.login-form .form-section .signup-link{color:#666;font-size:.813em;margin-bottom:5em;margin-top:.5em;text-align:center}.login-form .form-section .signup-link .signup-link-text{color:#2c4fac;text-decoration:underline}@media(max-width:1024px){.login-form{padding:1em;width:50%}.login-form .form-section{border-radius:8px;margin-top:3em;width:100%}.login-form h2{font-size:1.2em}}@media(max-width:480px){.login-form{padding:1em;width:100%}.login-form .form-section{border-radius:8px;margin-top:3em;width:100%}.login-form h2{font-size:1.2em}}.login{display:flex;height:100vh;overflow:auto}.login .branding-section{align-items:center;background-color:#e0e7ff;display:flex;flex-direction:column;font-size:2em;height:calc(100% - .05em);justify-content:center;text-align:center;width:50%}.login .branding-section .branding-content{width:15em}.login .branding-section .branding-content .track-it-logo{margin-bottom:1em}.login .branding-section .branding-content p{color:#373737;font-size:15px;margin:auto auto 5em}.login .login-form-section{align-items:center;display:flex;height:calc(100% - .08em);justify-content:center;width:50%}@media(max-width:1024px){.login{display:block}.login .branding-section{display:none}.login .login-form-section{width:100%}}.loading-spinner-overlay{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:relative;right:0;top:50%;transition:all .5s;z-index:10000}.table-container{overflow-x:visible;width:100%}@media(max-width:768px){.table-container{overflow-x:auto}}.table-container.items-table{background-color:#fff;border:1px solid #f2f2f2;border-radius:8px;box-shadow:0 4px 12px #00000003;margin:1em 0}.table-container.items-table .custom-table td,.table-container.items-table .custom-table th{height:2em}.table-container.items-table .custom-table th{background:#e0e7ff;border-bottom:none;color:#2c4fac;font-weight:600;position:-webkit-sticky;position:sticky;top:0;z-index:2}.table-container.items-table .total-count{padding-left:10px}.table-container .custom-table{border-collapse:collapse;width:100%}.table-container .custom-table tr:nth-child(2n) td{background-color:rgba(0,0,0,.031)}.table-container .custom-table td,.table-container .custom-table th{height:3.125em;padding:10px}.table-container .custom-table th{border-bottom:1px solid #373737;color:#373737;font-size:.813em;font-weight:500;padding-right:1.5em;position:relative;text-align:left;white-space:nowrap}.table-container .custom-table th.actions-col,.table-container .custom-table th.stock-col{text-align:center}.table-container .custom-table th .sort{align-items:center;color:#373737;cursor:pointer;display:inline-flex;font-weight:500;gap:.5em}.table-container .custom-table th .sort .sort-icon{color:rgba(0,0,0,.251);display:inline-block;font-size:1em;height:1.2em;transition:color .3s ease-in-out;width:1.2em}.table-container .custom-table th .sort .sort-icon.active{color:#2c4fac}.table-container .custom-table td{color:#666;font-size:.813em;text-align:left}.table-container .custom-table td.loading{height:2.5em}.table-container .custom-table td input{border:1px solid #f2f2f2;border-radius:3px;color:#333;opacity:.7;outline:none;padding:.25em .5em;transition:border-color .3s ease;width:4em}.table-container .custom-table td input::placeholder{transition:opacity .2s ease-in-out}.table-container .custom-table td input:focus::placeholder{opacity:0}.table-container .custom-table td .status-badge{align-items:center;display:flex;gap:8px;text-transform:capitalize}.table-container .custom-table td .status-badge .status-dot{border-radius:50%;height:5px;width:5px}.table-container .custom-table td .status-badge.active .status-dot{background-color:#3b82f6}.table-container .custom-table td .status-badge.disabled .status-dot,.table-container .custom-table td .status-badge.inactive .status-dot{background-color:#ef4444}.table-container .custom-table td .status-badge.pending .status-dot{background-color:#f7b500}.table-container .custom-table td .status-badge.paid .status-dot{background-color:#1abc9c}.table-container .custom-table td .status-badge.cancelled .status-dot,.table-container .custom-table td .status-badge.partial .status-dot{background-color:#777}.table-container .custom-table td .table-actions{align-items:center;display:flex;gap:20px;justify-content:flex-start}.table-container .custom-table td .table-actions.justify-end{justify-content:flex-end}.table-container .custom-table td .table-actions .edit-btn{align-items:center;background:#f5f5f5;border:1px solid rgba(0,0,0,.149);border-radius:4px;color:#373737;display:flex;font-size:.813rem;font-weight:500;gap:.25rem;padding:.25rem .75rem;text-decoration:none;transition:background .2s ease}.table-container .custom-table td .table-actions .edit-btn:hover{background:#eee}.table-container .custom-table td .table-actions .btn{align-items:center;border-radius:4px;display:flex;font-size:.813rem;font-weight:500;gap:4px;justify-content:center;margin:0;padding:.25rem .75rem;transition:background .2s ease}.table-container .custom-table td .table-actions .btn.delete-btn{background:rgba(219,85,43,.102);border:1px solid #f5b5b5;color:#ef4444;white-space:nowrap}.table-container .custom-table td .table-actions .btn.delete-btn:hover{background:#fdecec}.table-container .custom-table td .table-actions .btn:hover{opacity:.9}.table-container .custom-table td .items-with-return{align-items:center;display:flex;gap:6px}.table-container .custom-table td .items-with-return .return-icon{background:#ef4444;border-radius:4px;color:#fff;font-size:.813em;padding:2px 4px}.table-container .custom-table td.actions-col,.table-container .custom-table td.stock-col{text-align:center}.table-container .custom-table td.list-actions-col{align-items:center;display:flex;justify-content:flex-start}.table-container .custom-table td .view{color:#3b82f6;text-decoration:none}.table-container .custom-table td .view:hover{text-decoration:underline}.table-container .custom-table td .created-time{color:#777;font-size:.75rem}.table-container .custom-table tbody tr:hover{cursor:pointer}.table-container .custom-table .no-data .no-data-container{align-items:center;color:#666;display:flex;height:calc(100vh - 25em);justify-content:center;width:100%}.table-container .custom-table .no-data .no-data-container .no-data-content{align-items:center;display:flex;flex-direction:column;justify-content:center;text-align:center}.table-container .custom-table .no-data .no-data-container .no-data-content .no-data-image{height:auto;width:15em}.table-container .custom-table .no-data .no-data-container .no-data-content p{font-size:1.2em;margin-bottom:20px}.table-container.add-purchase-items-table .custom-table tr td{background-color:#0000}.table-container.add-purchase-items-table .custom-table td{padding:10px 0}.table-container .table-footer{align-items:center;display:flex;font-size:.813em;justify-content:space-between;margin:2em 0}.table-container .table-footer .pagination{align-items:center;display:flex;gap:10px;justify-content:flex-end}.table-container .table-footer .pagination .pagination-button{background:none;border-radius:50%;color:#373737;cursor:pointer;height:3.5em;margin:0;width:3.5em}.table-container .table-footer .pagination .pagination-button:not(.disabled):not(.active):hover{background-color:#f2f2f2}.table-container .table-footer .pagination .pagination-button.disabled{cursor:not-allowed;opacity:.5}.table-container .table-footer .pagination .pagination-button.active{background:none;border:1px solid #2c4fac;font-weight:700}.table-container .table-footer .pagination .tooltip-wrapper{cursor:help;display:inline-block;position:relative}.table-container .table-footer .pagination .tooltip-wrapper .tooltip-text{background-color:#333;border-radius:4px;color:#fff;font-size:12px;opacity:0;padding:6px 8px;position:absolute;right:0;top:-35px;transition:opacity .2s ease-in-out;visibility:hidden;white-space:nowrap;z-index:1}.table-container .table-footer .pagination .tooltip-wrapper:hover .tooltip-text{opacity:1;visibility:visible}.table-container .table-footer .pagination .tooltip-wrapper .info-icon{color:#373737}@media(max-width:1024px){.table-container .table-footer .pagination{font-size:.9em;justify-content:flex-start;text-align:center}}@media(max-width:480px){.table-container .table-footer .pagination{justify-content:space-between;width:100%}.table-container .table-footer .total-count{display:none}}.modal-overlay{height:100%;width:100%}.modal{background:#fff;border-radius:5px;border-top:3px solid #2c4fac;max-height:80vh;overflow-y:auto;padding:20px;text-align:center;width:500px}.modal.warning{border-top:3px solid #ef4444}.modal .info-icon,.modal .warning-icon{margin-bottom:1em}.modal .modal-header{display:flex;justify-content:flex-end}.modal .modal-header .close-icon{border-radius:4px;cursor:pointer;padding:4px}.modal .modal-header .close-icon:hover{background:#f5f5f5}.modal h2{color:#373737;font-size:1em;margin:0;text-align:center}.modal p{color:#666;font-size:.813em;margin:20px 0}.modal .locations-container{align-items:center;display:flex;flex-direction:column;justify-content:center}.modal .locations-container .locations{width:100%}.modal .locations-container .locations .locations-checkbox{gap:20px;margin:.65em 0;width:100%}.modal .locations-container .nav-divider{background-color:#e0e7ff;border:none;height:1px;margin:8px 0;width:100%}.modal .modal-actions{display:flex;justify-content:space-between}.modal .modal-actions button{border:none;border-radius:4px;cursor:pointer;font-size:14px;padding:10px 16px}.modal .modal-actions .cancel-btn{background:none;color:#666;text-decoration:underline}.modal .modal-actions .cancel-btn:hover{background:#f5f5f5}.modal .modal-actions .cancel-btn.warning{background:#f5f5f5;border:1px solid rgba(0,0,0,.149);border-radius:4px;color:#373737;font-size:.813rem;font-weight:500;text-decoration:none;transition:background .2s ease}.modal .modal-actions .cancel-btn.warning:hover{background:#eee}.modal .modal-actions .cancel-btn.locations-btn{padding:0;text-decoration:none}.modal .modal-actions .cancel-btn.locations-btn:hover{background:none;font-weight:600;scale:1.05}.modal .modal-actions .proceed-btn{background:#2c4fac;color:#fff}.modal .modal-actions .proceed-btn.warning.warning{background:#ef444414;border:1px solid #ef4444;border-radius:4px;color:#ef4444;font-weight:600;text-decoration:none}.modal .modal-actions .proceed-btn.warning.warning:hover{background:#ef44442e}.modal .modal-actions .proceed-btn.locations-btn{background:none;color:#2c4fac;padding:0}.modal .modal-actions .proceed-btn.locations-btn:hover{background:none;font-weight:600;scale:1.05}.modal-content{background:#fff;border-radius:8px;box-shadow:0 10px 25px #0003;max-height:90vh;max-width:90vw;overflow-y:auto;width:500px}.modal-content .modal-header{align-items:center;border-bottom:1px solid #f5f5f5;display:flex;justify-content:space-between;padding:20px 24px}.modal-content .modal-header h3{color:#2c4fac;font-size:1.25rem;font-weight:600;margin:0}.modal-content .modal-header .modal-close{background:none;border:none;border-radius:4px;color:#555;cursor:pointer;font-size:1.2rem;padding:4px}.modal-content .modal-header .modal-close:hover{background:#f5f5f5;color:#2c4fac}.modal-content .modal-body{padding:24px}.modal-content .modal-body .form-group{margin-bottom:20px}.modal-content .modal-body .form-group label{color:#2c4fac;display:block;font-size:.9rem;font-weight:500;margin-bottom:8px}.modal-content .modal-body .form-group .readonly-field{background:#f5f5f5;border:1px solid #f2f2f2;border-radius:6px;color:#555;font-size:.9rem;padding:12px 16px}.modal-content .modal-footer{background:#f5f5f5;border-top:1px solid #f5f5f5;display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.modal-content .modal-footer .btn-secondary{background:#fff;border:1px solid #f2f2f2;color:#555}.modal-content .modal-footer .btn-secondary:hover{background:#f5f5f5;color:#2c4fac}.modal-content .modal-footer .btn-primary{background:#2c4fac;border:1px solid #2c4fac;color:#fff}.modal-content .modal-footer .btn-primary:hover{background:#223c83}@media(max-width:480px){.modal{padding:16px;width:80%}.modal h2{font-size:1rem}.modal p{font-size:.75rem}.modal .modal-actions button{padding:8px 12px;width:auto}.modal-content{width:95vw}.modal-content .modal-body,.modal-content .modal-footer,.modal-content .modal-header{padding:16px}.modal-content .modal-footer{flex-direction:column}.modal-content .modal-footer button{width:100%}}.action-dropdown{display:inline-block;position:relative}.action-dropdown .action-trigger{align-items:center;background:none;border:none;color:#2c4fac;cursor:pointer;display:flex;font-size:1em;justify-content:center;margin:0}.action-dropdown .action-trigger:hover{scale:1.1}.action-dropdown .action-menu{background:#fff;border:1px solid rgba(0,0,0,.149);border-radius:8px;box-shadow:0 2px 8px #00000026;list-style:none;margin-top:4px;min-width:200px;padding:4px 0;position:absolute;right:0;top:100%;z-index:9999}.action-dropdown .action-item{cursor:pointer;font-size:1em;padding:8px 12px;text-align:left;transition:background .2s}.action-dropdown .action-item .icon{height:1em;margin-right:4px;width:1em}.action-dropdown .action-item:hover{background:#f5f5f5;color:#373737}.custom-select-wrapper{height:2.2em;justify-content:center;position:relative}.custom-select,.custom-select-wrapper{align-items:center;display:flex;width:100%}.custom-select{background-color:#fff;border:1px solid #f2f2f2;border-radius:3px;cursor:pointer;font-size:.85rem;height:100%;justify-content:space-between;padding:0 1em}.custom-select .placeholder,.custom-select .selected-value{color:#333;font-size:.85rem;opacity:.7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.custom-select .placeholder.text-primary,.custom-select .selected-value.text-primary{color:#373737;opacity:1}.custom-select .arrow{font-size:.813em}.custom-select-options{background-color:#f5f5f5;border:1px solid #ccc;border-radius:3px;font-size:.85rem;left:0;max-height:200px;overflow-y:auto;padding:.5em;position:absolute;right:0;top:100%;z-index:10}.custom-select-options.search-select-options{margin-top:.25em}.custom-select-options .custom-select-search{align-items:center;background:#f5f5f5;border-bottom:1px solid #ccc;display:flex;padding:.3em .5em}.custom-select-options .custom-select-search .search-icon{color:#333;font-size:.9em;margin-right:.5em}.custom-select-options .custom-select-search .custom-select-search-input{background:#0000;border:none;color:#373737;font-size:.85rem;outline:none;padding:.2em 0;width:100%}.custom-select-options .custom-select-no-options{color:#333;font-size:.85rem;padding:.6em 1em;text-align:center}.custom-select-options .custom-select-option{border-radius:3px;cursor:pointer;font-size:.85rem;overflow:hidden;padding:.6em 1em;text-overflow:ellipsis;white-space:nowrap}.custom-select-options .custom-select-option.highlighted,.custom-select-options .custom-select-option:hover{background-color:#3b82f6;color:#fff}.custom-select-options .custom-select-option .selected-icon{margin-right:.5em}.product-search-wrapper{align-items:center;display:flex;justify-content:space-between;width:100%}.product-search-wrapper .search-input-container{position:relative;width:100%}.product-search-wrapper .search-input-container .search-input{margin-bottom:0;width:100%}.product-search-wrapper .search-input-container .search-input input{width:100%}.product-search-wrapper .search-input-container .search-select{margin-top:10px;position:absolute}.breadcrumbs{align-items:center;color:#666;display:flex;font-size:.813em;margin:1em 0 2em}.breadcrumbs .breadcrumb-link{color:#3b82f6;text-decoration:underline;transition:color .2s}.breadcrumbs .breadcrumb-link:hover{opacity:.9}.breadcrumbs .separator{color:#666;margin:0 5px}.breadcrumbs .breadcrumb-current{color:#666}.invite-user .page-header{align-items:center;display:flex;justify-content:space-between;margin:.5em auto 3em}.invite-user .page-header .header-text{color:#373737;font-size:1.5rem;margin:0;text-align:center}.invite-user .invite-description{color:#666;font-size:1rem;padding:0 1rem;text-align:center}.invite-user .form-container{align-items:center;border-radius:10px;display:flex;justify-content:flex-start;margin:1em auto 2em;padding:0}.invite-user .form-container .form-section{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 0 10px #e0e7ff;display:flex;flex-direction:column;justify-content:center;max-width:32em;padding:2rem;width:100%}.invite-user .form-container .form-section .filter-select{margin-bottom:1.5em}.invite-user .form-container .form-section button{width:100%}.invite-user .success-message{align-items:center;color:#666;display:flex;flex-direction:column;justify-content:center;padding:1em;text-align:center}.invite-user .success-message .success-icon{height:4em;width:4em}.invite-user .success-message .email{color:#2c4fac}.invite-user .success-message .back-button{background:#eee;color:#666;font-size:1rem;margin-top:1em;padding:.5em 1em}.invite-user .success-message .back-button:hover{background:#e1e1e1}@media(max-width:768px){.invite-user .page-header{flex-direction:column;gap:1em}.invite-user .form-container{padding:24px}.invite-user .form-container .form-section{max-width:90%;padding:0}.invite-user .invite-description{font-size:.95rem}}@media(max-width:480px){.invite-user .page-header .header-text{font-size:1.2rem}.invite-user .invite-description{font-size:.9rem}.invite-user .form-container{padding:10px}.invite-user .form-container .form-section{max-width:100%;padding:0}.invite-user .success-message .success-icon{height:3em;width:3em}}.not-found-container{color:#666;height:calc(100vh - 8em);width:100%}.not-found-container,.not-found-container .not-found{align-items:center;display:flex;justify-content:center}.not-found-container .not-found{flex-direction:column;text-align:center}.not-found-container .not-found .not-found-image{height:auto;margin-bottom:20px;width:18.75em}.not-found-container .not-found p{font-size:1.2em;margin-bottom:20px}.view-data .user-header{align-items:center;display:flex;font-size:.813em;gap:20px;justify-content:flex-start;list-style:none;margin:0;padding:0}.view-data .user-header li{cursor:pointer;margin:10px 0;padding:9px 0}.view-data .user-header li.active{border-bottom:1px solid #373737}.view-data .page-header{align-items:flex-start;border-bottom:1px solid #e0e7ff;display:flex;justify-content:space-between;padding-bottom:1.25rem}.view-data .page-header .page-summary{display:flex;flex-direction:column;gap:.5rem}.view-data .page-header .page-summary h2{margin:0;white-space:nowrap}.view-data .page-header .page-summary .meta{color:#666;font-size:.9rem;margin:0}.view-data .page-header .page-summary .price{color:#1abc9c;font-size:1.2rem;font-weight:700;margin:0}.view-data .page-header .page-summary .badge{align-self:flex-start;border-radius:20px;font-size:.813rem;font-weight:500;margin-top:.25rem;opacity:.6;padding:.35rem .75rem;text-transform:uppercase;white-space:nowrap}.view-data .page-header .page-summary .badge.active,.view-data .page-header .page-summary .badge.paid{background:#e6f9ed;border:1px solid #1abc9c;color:#1abc9c}.view-data .page-header .page-summary .badge.inactive{background:#fdecec;border:1px solid #f5b5b5;color:#c53030}.view-data .page-header .page-summary .badge.pending{background:#fff9e6;border:1px solid #f5d98b;color:#b58900}.view-data .page-header .page-summary .badge.in-progress,.view-data .page-header .page-summary .badge.partial{background:#e6f0ff;border:1px solid #a3b8e6;color:#2c4fac}.view-data .page-header .page-summary .badge.cancelled{background:#fdecec;border:1px solid #f5b5b5;color:#c53030}.view-data .page-header .page-actions{align-items:center;display:flex;gap:.75rem;justify-content:flex-end}.view-data .page-header .page-actions .action-buttons{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-end}.view-data .page-header .page-actions .action-buttons .change-password-btn,.view-data .page-header .page-actions .action-buttons .edit-btn{align-items:center;background:#f5f5f5;border:1px solid rgba(0,0,0,.149);border-radius:4px;color:#373737;display:flex;font-size:.813rem;font-weight:500;gap:.25rem;padding:.25rem .75rem;text-decoration:none;transition:background .2s ease}.view-data .page-header .page-actions .action-buttons .change-password-btn:hover,.view-data .page-header .page-actions .action-buttons .edit-btn:hover{background:#eee}.view-data .page-header .page-actions .action-buttons .change-password-btn{background:#e6f0ff;border:1px solid #007bff;color:#007bff}.view-data .page-header .page-actions .action-buttons .btn{align-items:center;border-radius:4px;display:flex;font-size:.813rem;font-weight:500;gap:4px;margin:0;padding:.4rem .75rem;transition:background .2s ease;white-space:nowrap}.view-data .page-header .page-actions .action-buttons .btn.delete-btn,.view-data .page-header .page-actions .action-buttons .btn.disable-btn{background:rgba(219,85,43,.102);border:1px solid #f5b5b5;color:#ef4444}.view-data .page-header .page-actions .action-buttons .btn.delete-btn:hover,.view-data .page-header .page-actions .action-buttons .btn.disable-btn:hover{background:#fdecec}.view-data .page-header .page-actions .action-buttons .btn.delete-btn:disabled,.view-data .page-header .page-actions .action-buttons .btn.disable-btn:disabled{cursor:not-allowed;opacity:.6}.view-data .page-header .page-actions .action-buttons .btn.add-expiry-btn{background-color:#f59e0b;border-color:#f59e0b;color:#fff}.view-data .page-header .page-actions .action-buttons .btn.enable-btn,.view-data .page-header .page-actions .action-buttons .btn.payment-btn{background:#e6f9ed;border:1px solid #1abc9c;color:#1abc9c}.view-data .page-header .page-actions .action-buttons .btn.enable-btn:not(:disabled):hover,.view-data .page-header .page-actions .action-buttons .btn.payment-btn:not(:disabled):hover{background:#d6f8e2}.view-data .page-header .page-actions .action-buttons .btn.enable-btn:disabled,.view-data .page-header .page-actions .action-buttons .btn.payment-btn:disabled{opacity:.6}.view-data .page-header .page-actions .action-buttons .btn.upload-btn{background:#e3f2fd;border:1px solid #3b82f6;color:#3b82f6}.view-data .page-header .page-actions .action-buttons .btn.upload-btn:not(:disabled):hover{background:#bbdefb}.view-data .page-header .page-actions .action-buttons .btn.print-btn{background:#e6f0ff;border:1px solid #007bff;color:#007bff}.view-data .page-header .page-actions .action-buttons .btn.print-btn:not(:disabled):hover{background:#e6f0ff}.view-data .page-header .page-actions .action-buttons .btn.print-btn:disabled{cursor:not-allowed;opacity:.6}.view-data .page-header .page-actions .action-buttons .btn.manage-locations-btn{background:#e6f0ff;border:1px solid #007bff;color:#007bff}.view-data .page-header .page-actions .action-buttons .btn.manage-locations-btn:not(:disabled):hover{background:#e6f0ff}.view-data .page-header .page-actions .action-buttons .btn.manage-locations-btn:disabled{cursor:not-allowed;opacity:.6}.view-data .page-header .page-actions .action-buttons .btn:hover{opacity:.9}@media(max-width:768px){.view-data .page-header .page-actions .action-buttons{gap:.35rem}.view-data .page-header .page-actions .action-buttons .btn,.view-data .page-header .page-actions .action-buttons .change-password-btn,.view-data .page-header .page-actions .action-buttons .edit-btn{font-size:.75rem;padding:.35rem .6rem}}@media(max-width:600px){.view-data .page-header .page-actions .action-buttons{justify-content:flex-end;width:100%}.view-data .page-header .page-actions .action-buttons .btn,.view-data .page-header .page-actions .action-buttons .change-password-btn,.view-data .page-header .page-actions .action-buttons .edit-btn{flex:1 1;justify-content:center;max-width:150px;min-width:120px}}@media(max-width:480px){.view-data .page-header .page-actions .action-buttons .btn,.view-data .page-header .page-actions .action-buttons .change-password-btn,.view-data .page-header .page-actions .action-buttons .edit-btn{flex:1 1;font-size:.7rem;max-width:none;min-width:100px;padding:.3rem .4rem}}@media(max-width:600px){.view-data .page-header{align-items:flex-start;flex-direction:column;gap:1rem}.view-data .page-header .product-actions{align-self:stretch;justify-content:flex-end;width:100%}}.view-data .details-container{align-items:flex-start;display:flex;gap:2rem;justify-content:space-between;margin-top:2em;width:100%}.view-data .details-container .details-grid{display:flex;flex:2 1;flex-direction:column;gap:1rem;min-width:0}.view-data .details-container .details-grid .info-section{background:rgba(0,0,0,.031);border:1px solid rgba(0,0,0,.149);border-radius:8px;padding:1em}.view-data .details-container .details-grid .info-section:nth-child(2n){background:#e6f0ff;border:1px solid #a3b8e6}.view-data .details-container .details-grid .info-section.table-section{background:none;border:none;padding:0}.view-data .details-container .details-grid .info-section .section-title{color:#666;font-size:1rem;font-weight:600;margin-bottom:.5rem}.view-data .details-container .details-grid .info-section .info-grid{grid-gap:.2rem 0;display:grid;font-size:.813em;gap:.2rem 0;grid-template-columns:150px 1fr}.view-data .details-container .details-grid .info-section .info-grid .label{align-items:center;color:#666;display:flex}.view-data .details-container .details-grid .info-section .info-grid .label span{font-size:1.2em;font-weight:500}.view-data .details-container .details-grid .info-section .info-grid .value{color:#373737;font-weight:500}.view-data .details-container .details-grid .info-section .info-grid .value .created-time{color:#666;font-size:.75rem}.view-data .details-container .more-details-grid{flex:1 1}.view-data .details-container .more-details-grid .info-section{border-bottom:1px solid #e0e7ff;padding:.75em 0}.view-data .details-container .more-details-grid .info-section:last-child{border-bottom:none}.view-data .details-container .more-details-grid .info-section .section-title{color:#666;font-size:.95rem;font-weight:600;margin-bottom:.5rem}.view-data .details-container .more-details-grid .info-section .info-grid{grid-gap:.5rem;align-items:center;display:grid;font-size:.813rem;gap:.5rem;grid-template-columns:1fr auto}.view-data .details-container .more-details-grid .info-section .info-grid .label{color:#666;font-weight:500}.view-data .details-container .more-details-grid .info-section .info-grid .value{color:#373737;font-weight:600;text-align:right;white-space:nowrap}.view-data .details-container .more-details-grid .info-section .info-grid .value .created-time{color:#666;font-size:.75rem}@media(max-width:900px){.view-data .details-container{flex-direction:column}.view-data .details-container .details-grid,.view-data .details-container .more-details-grid{width:100%}.view-data .details-container .more-details-grid{margin-top:1.5rem}}.view-data .sales-analytics-section{align-items:flex-start;display:flex;gap:2rem;justify-content:space-between;margin-top:2em;width:100%}.view-data .sales-analytics-section .sales-quantity-chart-container{display:flex;flex:2 1;min-width:0}.view-data .sales-analytics-section .sales-quantity-chart-container .dashboard-chart{background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000014;padding:2rem;width:100%}.view-data .sales-analytics-section .sales-quantity-chart-container .dashboard-chart .chart-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.view-data .sales-analytics-section .sales-quantity-chart-container .dashboard-chart .chart-header h4{color:#373737;font-size:1.2rem;font-weight:600;margin:0}.view-data .sales-analytics-section .sales-quantity-chart-container .dashboard-chart .chart-header .chart-filters{display:flex;gap:.5rem}.view-data .sales-analytics-section .sales-quantity-chart-container .dashboard-chart .chart-header .chart-filters .filter-btn{background:#fff;border:1px solid #e0e7ff;border-radius:6px;color:#666;cursor:pointer;font-size:.813rem;padding:.25em 1em;transition:all .2s ease}.view-data .sales-analytics-section .sales-quantity-chart-container .dashboard-chart .chart-header .chart-filters .filter-btn:hover{background:#e0e7ff;color:#2c4fac}.view-data .sales-analytics-section .sales-quantity-chart-container .dashboard-chart .chart-header .chart-filters .filter-btn.active{background:#2c4fac;border-color:#2c4fac;color:#fff}.view-data .sales-analytics-section .sales-quantity-chart-container .dashboard-chart h4{color:#373737;font-size:1.2rem;font-weight:600;margin-bottom:1.5rem}.view-data .sales-analytics-section .side-panel{border-radius:8px;display:flex;flex:1 1;flex-direction:column;gap:1rem;height:-webkit-fit-content;height:fit-content;padding:auto}@media(max-width:900px){.view-data .sales-analytics-section{flex-direction:column}.view-data .sales-analytics-section .details-grid,.view-data .sales-analytics-section .more-details-grid{width:100%}.view-data .sales-analytics-section .more-details-grid{margin-top:1.5rem}}.view-data .attachments-container{margin-top:2rem}.view-data .attachments-container .info-section{background:rgba(0,0,0,.031);border:1px solid rgba(0,0,0,.149);border-radius:8px;padding:1.5rem}.view-data .edit-link{color:#3b82f6;font-size:.813em;text-decoration:underline;transition:color .2s}.view-data .edit-link:hover{color:#e6f0ff}.view-data .edit-link .edit-icon{height:1em;margin-left:5px;width:1em}.view-data .edit-link .edit-icon:hover{color:#e6f0ff;transform:scale(1.1)}.view-data .user-activities,.view-data .user-documents{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:3em 0}.view-data .user-activities p,.view-data .user-documents p{color:#666;font-size:1em;margin-bottom:20px;text-align:center}.view-data .table-header{margin:2em 0}.view-data .filter-header{margin:.5em auto 2em}.view-data .filter-header button{align-items:center;background:none;color:#2c4fac;display:flex;font-size:.813em;justify-content:center;margin-top:0;padding:0;text-decoration:underline;transition:color .2s}.view-data .filter-header button:hover{transform:scale(1.1)}.view-data .filter-header button .filter-icon{cursor:pointer;height:1em;margin-left:5px;transition:transform .2s ease;width:1em}@media(max-width:1024px){.view-data .filter-header button{justify-content:flex-start;width:auto}.view-data .filter-header button:hover{color:#2c4fac}}.view-data .filter-wrapper{max-height:0;opacity:0;transition:max-height 2s ease,opacity 2s ease,visibility 2s ease;visibility:hidden}.view-data .filter-wrapper.open{max-height:1000px;opacity:1;visibility:visible}.view-data .filter-wrapper .filter{align-items:center;border:1px solid #e6f0ff;border-radius:10px;display:flex;gap:20px;justify-content:space-between;margin:0 auto 2em;padding:32px}.view-data .filter-wrapper .filter .select-container{align-items:center;display:flex;width:100%}.view-data .filter-wrapper .filter .select-container .filter-select{height:1.65em;margin-bottom:0}.view-data .filter-wrapper .filter .select-container .filter-select .custom-select-option{margin:.3em 0;padding:.45em 1em}@media(max-width:1024px){.view-data .filter-wrapper .filter{padding:16px}.view-data .filter-wrapper .filter .status-filter-wrapper,.view-data .filter-wrapper .filter .status-filter-wrapper .status-filter{width:100%}}@media(max-width:480px){.view-data .filter-wrapper .filter{flex-direction:column;padding:16px}.view-data .filter-wrapper .filter .status-filter-wrapper,.view-data .filter-wrapper .filter .status-filter-wrapper .status-filter{width:100%}.view-data .filter-wrapper .filter .status-filter{font-size:.813em}}.view-data .filter-wrapper .reset-filter{align-items:center;display:flex;justify-content:flex-end;margin-bottom:2em}.view-data .filter-wrapper .reset-filter button{align-items:center;background:none;color:#2c4fac;display:flex;font-size:.813em;justify-content:center;margin-top:0;padding:0;text-decoration:underline;transition:color .2s}.view-data .filter-wrapper .reset-filter button:hover{transform:scale(1.1)}@media(max-width:1024px){.view-data .filter-wrapper .reset-filter button{justify-content:flex-start;width:auto}.view-data .filter-wrapper .reset-filter button:hover{color:#2c4fac}}.view-data .search-input-wrapper{align-items:center;display:flex;justify-content:flex-end}.view-data .search-input-wrapper .search-input{margin-bottom:0}.view-data .search-input-wrapper .search-input input{padding:5px 12px;width:20em}@media(max-width:480px){.view-data .search-input-wrapper{justify-content:center;width:100%}.view-data .search-input-wrapper .search-input-container{align-items:center;display:flex;justify-content:center;width:100%}.view-data .search-input-wrapper .search-input-container .search-input{width:100%}.view-data .search-input-wrapper .search-input-container .search-input input{margin-bottom:0;width:100%}}.view-data .manage-location{border:none;width:19.375em}.view-data .paper-trail-section{background:rgba(0,0,0,.031);border:1px solid rgba(0,0,0,.149);border-radius:8px;margin:2em 0;padding:2em}.view-data .paper-trail-section .section-title{font-size:1rem;font-weight:600;margin-bottom:.5rem}.view-data .side-by-side-container{display:flex;gap:2rem;margin-top:2rem}.view-data .side-by-side-container .attachments-container,.view-data .side-by-side-container .paper-trail-section{flex:1 1;min-width:0}.view-data .side-by-side-container .attachments-container .info-section{height:100%}.view-data .side-by-side-container .paper-trail-section .section-title{color:#373737;font-size:1.1rem;font-weight:600;margin-bottom:1rem}@media(max-width:768px){.view-data .side-by-side-container{flex-direction:column;gap:1.5rem}}.expiry-dates-section .section-title{color:#373737;font-weight:600;margin-bottom:1rem}.expiry-dates-section .expired{color:#dc3545;font-weight:600}.expiry-dates-section .expiring-soon{color:#f59e0b;font-weight:600}.expiry-dates-section .badge{border-radius:4px;font-size:12px;font-weight:600;padding:4px 8px;text-transform:uppercase}.expiry-dates-section .badge.expired{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.expiry-dates-section .badge.expiring-soon{background-color:#fff3cd;border:1px solid #ffeaa7;color:#856404}.expiry-dates-section .badge.valid{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.form-section .edit-form-input-container{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;margin:2em 0}.form-section .edit-form-input-container .edit-form-input-wrapper{align-items:center;display:flex;justify-content:flex-start;width:100%}.form-section .edit-form-input-container .edit-form-input-wrapper .edit-form-input-fields{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 0 10px #e0e7ff;display:flex;flex-direction:column;justify-content:center;max-width:32em;padding:2rem;width:50%}.form-section .edit-form-input-container .edit-form-input-wrapper .edit-form-input-fields .checkbox-wrapper{align-items:center;display:flex;gap:10px;justify-content:flex-start;margin-bottom:.5em;width:100%}.form-section .edit-form-input-container .edit-form-input-wrapper .edit-form-input-fields .checkbox-wrapper .tooltip-wrapper{cursor:help;display:inline-block;position:relative}.form-section .edit-form-input-container .edit-form-input-wrapper .edit-form-input-fields .checkbox-wrapper .tooltip-wrapper .tooltip-text{background-color:#333;border-radius:4px;color:#fff;font-size:12px;left:50%;opacity:0;padding:6px 8px;position:absolute;top:-35px;transform:translateX(-50%);transition:opacity .2s ease-in-out;visibility:hidden;white-space:nowrap;z-index:1}.form-section .edit-form-input-container .edit-form-input-wrapper .edit-form-input-fields .checkbox-wrapper .tooltip-wrapper:hover .tooltip-text{opacity:1;visibility:visible}.form-section .edit-form-input-container .edit-form-input-wrapper .edit-form-input-fields .checkbox-wrapper .tooltip-wrapper .info-icon{color:#373737}.form-section .edit-form-input-container .edit-form-input-wrapper .role-filter-wrapper{margin-bottom:1.5em;width:100%}.form-section .edit-form-input-container .edit-form-input-wrapper .role-filter-wrapper .role-filter{border:1px solid #2c4fac;border-radius:3px;cursor:pointer;font-size:.813em;outline:none;padding:.75em;width:100%}.form-section .edit-form-input-container .edit-form-input-wrapper .role-filter-wrapper .role-filter:focus{border:1px solid #2c4fac}.form-section .edit-form-input-container .edit-form-input-wrapper button{width:100%}.form-section .edit-form-input-container .table-header{margin:1em 0;width:100%}.form-section .edit-form-input-container .filter-section{width:100%}.form-section .edit-form-input-container .filter-section .filter-header{margin:.5em auto 2em}.form-section .edit-form-input-container .filter-section .filter-header button{align-items:center;background:none;color:#2c4fac;display:flex;font-size:.813em;justify-content:center;margin-top:0;padding:0;text-decoration:underline;transition:color .2s}.form-section .edit-form-input-container .filter-section .filter-header button:hover{transform:scale(1.1)}.form-section .edit-form-input-container .filter-section .filter-header button .filter-icon{cursor:pointer;height:1em;margin-left:5px;transition:transform .2s ease;width:1em}@media(max-width:1024px){.form-section .edit-form-input-container .filter-section .filter-header button{justify-content:flex-start;width:auto}.form-section .edit-form-input-container .filter-section .filter-header button:hover{color:#2c4fac}}.form-section .edit-form-input-container .filter-section .filter-wrapper{max-height:0;opacity:0;transition:max-height 2s ease,opacity 2s ease,visibility 2s ease;visibility:hidden}.form-section .edit-form-input-container .filter-section .filter-wrapper.open{max-height:1000px;opacity:1;visibility:visible}.form-section .edit-form-input-container .filter-section .filter-wrapper .filter{align-items:center;border:1px solid #e6f0ff;border-radius:10px;display:flex;gap:20px;justify-content:space-between;margin:0 auto 2em;padding:32px}.form-section .edit-form-input-container .filter-section .filter-wrapper .filter .select-container{align-items:center;display:flex;width:100%}.form-section .edit-form-input-container .filter-section .filter-wrapper .filter .select-container .filter-select{height:1.65em;margin-bottom:0}.form-section .edit-form-input-container .filter-section .filter-wrapper .filter .select-container .filter-select .custom-select-option{margin:.3em 0;padding:.45em 1em}@media(max-width:1024px){.form-section .edit-form-input-container .filter-section .filter-wrapper .filter{padding:16px}.form-section .edit-form-input-container .filter-section .filter-wrapper .filter .status-filter-wrapper,.form-section .edit-form-input-container .filter-section .filter-wrapper .filter .status-filter-wrapper .status-filter{width:100%}}@media(max-width:480px){.form-section .edit-form-input-container .filter-section .filter-wrapper .filter{flex-direction:column;padding:16px}.form-section .edit-form-input-container .filter-section .filter-wrapper .filter .status-filter-wrapper,.form-section .edit-form-input-container .filter-section .filter-wrapper .filter .status-filter-wrapper .status-filter{width:100%}.form-section .edit-form-input-container .filter-section .filter-wrapper .filter .status-filter{font-size:.813em}}.form-section .edit-form-input-container .filter-section .filter-wrapper .reset-filter{align-items:center;display:flex;justify-content:flex-end;margin-bottom:2em}.form-section .edit-form-input-container .filter-section .filter-wrapper .reset-filter button{align-items:center;background:none;color:#2c4fac;display:flex;font-size:.813em;justify-content:center;margin-top:0;padding:0;text-decoration:underline;transition:color .2s}.form-section .edit-form-input-container .filter-section .filter-wrapper .reset-filter button:hover{transform:scale(1.1)}@media(max-width:1024px){.form-section .edit-form-input-container .filter-section .filter-wrapper .reset-filter button{justify-content:flex-start;width:auto}.form-section .edit-form-input-container .filter-section .filter-wrapper .reset-filter button:hover{color:#2c4fac}}.form-section .edit-form-input-container .filter-section .search-input-wrapper{align-items:center;display:flex;justify-content:flex-end}.form-section .edit-form-input-container .filter-section .search-input-wrapper .search-input{margin-bottom:0}.form-section .edit-form-input-container .filter-section .search-input-wrapper .search-input input{padding:5px 12px;width:20em}@media(max-width:480px){.form-section .edit-form-input-container .filter-section .search-input-wrapper{justify-content:center;width:100%}.form-section .edit-form-input-container .filter-section .search-input-wrapper .search-input-container{align-items:center;display:flex;justify-content:center;width:100%}.form-section .edit-form-input-container .filter-section .search-input-wrapper .search-input-container .search-input{width:100%}.form-section .edit-form-input-container .filter-section .search-input-wrapper .search-input-container .search-input input{margin-bottom:0;width:100%}.form-section .edit-form-input-container .edit-form-input-wrapper{width:100%}.form-section .edit-form-input-container .edit-form-input-wrapper .edit-form-input-fields{padding:1rem;width:100%}}.roles .page-header{align-items:center;display:flex;justify-content:space-between;margin:.5em auto 2em}.roles .page-header .header-text{color:#373737;margin:0;text-align:center}.roles .page-header button{margin-top:0}@media(max-width:1024px){.roles .page-header button{width:auto}}@media(max-width:768px){.roles .page-header .header-text{font-size:1.2em}}.roles .search-input-wrapper,.roles .search-input-wrapper .page-size{align-items:center;display:flex;justify-content:space-between}.roles .search-input-wrapper .page-size{color:#666;font-size:.875em;gap:5px}.roles .search-input-wrapper .page-size .page-size-select{height:1.8em;margin-bottom:0;width:6em}.roles .search-input-wrapper .page-size .page-size-select .custom-select-option{margin:.3em 0;padding:.45em 1em}.roles .search-input-wrapper .search-input{margin-bottom:0}.roles .search-input-wrapper .search-input input{padding:5px 12px;width:20em}@media(max-width:480px){.roles .search-input-wrapper{justify-content:center}.roles .search-input-wrapper input{margin-bottom:0;width:100%}}.locations .page-header{align-items:center;display:flex;justify-content:space-between;margin:.5em auto 2em}.locations .page-header .header-text{color:#373737;margin:0;text-align:center}.locations .page-header button{margin-top:0}@media(max-width:1024px){.locations .page-header button{width:auto}}@media(max-width:768px){.locations .page-header .header-text{font-size:1.2em}}.locations .filter-header{margin:.5em auto 2em}.locations .filter-header button{align-items:center;background:none;color:#2c4fac;display:flex;font-size:.813em;justify-content:center;margin-top:0;padding:0;text-decoration:underline;transition:color .2s}.locations .filter-header button:hover{transform:scale(1.1)}.locations .filter-header button .filter-icon{cursor:pointer;height:1em;margin-left:5px;transition:transform .2s ease;width:1em}@media(max-width:1024px){.locations .filter-header button{justify-content:flex-start;width:auto}.locations .filter-header button:hover{color:#2c4fac}}.locations .filter-wrapper{max-height:0;opacity:0;transition:max-height 2s ease,opacity 2s ease,visibility 2s ease;visibility:hidden}.locations .filter-wrapper.open{max-height:1000px;opacity:1;visibility:visible}.locations .filter-wrapper .filter{align-items:center;border:1px solid #e6f0ff;border-radius:10px;display:flex;gap:20px;justify-content:space-between;margin:0 auto 2em;padding:32px}.locations .filter-wrapper .filter .select-container{align-items:center;display:flex;width:100%}.locations .filter-wrapper .filter .select-container .filter-select{height:1.65em;margin-bottom:0}.locations .filter-wrapper .filter .select-container .filter-select .custom-select-option{margin:.3em 0;padding:.45em 1em}@media(max-width:1024px){.locations .filter-wrapper .filter{padding:16px}.locations .filter-wrapper .filter .status-filter-wrapper,.locations .filter-wrapper .filter .status-filter-wrapper .status-filter{width:100%}}@media(max-width:480px){.locations .filter-wrapper .filter{flex-direction:column;padding:16px}.locations .filter-wrapper .filter .status-filter-wrapper,.locations .filter-wrapper .filter .status-filter-wrapper .status-filter{width:100%}.locations .filter-wrapper .filter .status-filter{font-size:.813em}}.locations .filter-wrapper .reset-filter{align-items:center;display:flex;justify-content:flex-end;margin-bottom:2em}.locations .filter-wrapper .reset-filter button{align-items:center;background:none;color:#2c4fac;display:flex;font-size:.813em;justify-content:center;margin-top:0;padding:0;text-decoration:underline;transition:color .2s}.locations .filter-wrapper .reset-filter button:hover{transform:scale(1.1)}@media(max-width:1024px){.locations .filter-wrapper .reset-filter button{justify-content:flex-start;width:auto}.locations .filter-wrapper .reset-filter button:hover{color:#2c4fac}}.locations .search-input-wrapper,.locations .search-input-wrapper .page-size{align-items:center;display:flex;justify-content:space-between}.locations .search-input-wrapper .page-size{color:#666;font-size:.875em;gap:5px}.locations .search-input-wrapper .page-size .page-size-select{height:1.8em;margin-bottom:0;width:6em}.locations .search-input-wrapper .page-size .page-size-select .custom-select-option{margin:.3em 0;padding:.45em 1em}.locations .search-input-wrapper .search-input{margin-bottom:0}.locations .search-input-wrapper .search-input input{padding:5px 12px;width:20em}@media(max-width:480px){.locations .search-input-wrapper{justify-content:space-between}.locations .search-input-wrapper input{margin-bottom:0;width:100%}}.form-section .form-section-input-container{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:2em 0}.form-section .form-section-input-container .form-section-input-wrapper{align-items:center;display:flex;justify-content:flex-start;width:100%}.form-section .form-section-input-container .form-section-input-wrapper .form-section-input-fields{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 0 10px #e0e7ff;display:flex;flex-direction:column;justify-content:center;max-width:32em;padding:2rem;width:50%}.form-section .form-section-input-container .form-section-input-wrapper button{width:100%}.form-section .form-section-input-container .table-header{margin:1em 0;width:100%}@media(max-width:480px){.form-section .form-section-input-container .form-section-input-wrapper{justify-content:center;width:100%}.form-section .form-section-input-container .form-section-input-wrapper .form-section-input-fields{padding:1rem;width:100%}}.form-section .form-input-container{align-items:center;display:flex;flex-direction:column;margin:2em 0}.form-section .form-input-container.add-role{align-items:flex-start;margin:0}.form-section .form-input-container .role-form-input-wrapper{margin:2em 0;width:100%}.form-section .form-input-container .role-form-input-wrapper .role-name-input{background-color:#fff;border-radius:8px;box-shadow:0 0 10px #e0e7ff;max-width:32em;padding:2rem;width:50%}@media(max-width:480px){.form-section .form-input-container .role-form-input-wrapper .role-name-input{width:100%}}.form-section .form-input-container .role-form-input-wrapper .permissions{margin:2em 0}.form-section .form-input-container .role-form-input-wrapper .permissions ul{height:100%;list-style:none;margin:0;padding:0}.form-section .form-input-container .role-form-input-wrapper .permissions ul li{align-items:flex-start;border-bottom:1px solid #e0e7ff;display:flex;gap:2.5em;margin:10px 0;padding:2em 0}.form-section .form-input-container .role-form-input-wrapper .permissions ul li h3{width:8em}.form-section .form-input-container .role-form-input-wrapper .permissions ul li .select-permissions .permission{margin-bottom:1em}.form-section .form-input-container .role-form-input-wrapper .permissions ul li .select-permissions .permission:last-child{margin-bottom:0}@media(max-width:1024px){.form-section .form-input-container,.form-section .form-input-container.add-role{align-items:stretch}.form-section .form-input-container .form-instruction{font-size:.9rem;text-align:left}.form-section .form-input-container .role-form-input-wrapper .permissions ul li{flex-direction:column;gap:1em;padding:1.5em 0}.form-section .form-input-container .role-form-input-wrapper .permissions ul li h3{font-size:1rem;width:auto}.form-section .form-input-container .role-form-input-wrapper .permissions ul li .select-permissions{display:flex;flex-wrap:wrap;gap:.75em}.form-section .form-input-container .role-form-input-wrapper .permissions ul li .select-permissions .permission{flex:1 1 50%;margin:0}}.modal-overlay{inset:0;z-index:10000}.modal-details{animation:fadeIn .25s ease;background:#fff;border-radius:4px;border-top:3px solid #2c4fac;box-shadow:0 8px 24px #0003;display:flex;flex-direction:column;max-height:85vh;max-width:95%;overflow-y:auto;width:800px}.modal-details .modal-header{align-items:flex-start;border-bottom:1px solid #ccc;display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.modal-details .modal-header .modal-name{color:#373737;font-size:1.4rem;font-weight:600;margin:0}.modal-details .modal-header .meta{color:#666;font-size:.85rem;margin-top:.25rem}.modal-details .modal-header .meta .time{color:#007bff;font-weight:500}.modal-details .modal-header .status-badge{border-radius:20px;font-size:.813rem;font-weight:500;opacity:.6;padding:.25rem .75rem;text-transform:uppercase;white-space:nowrap}.modal-details .modal-header .status-badge.active{background:#e6f9ed;border:1px solid #1abc9c;color:#1abc9c}.modal-details .modal-header .status-badge.inactive{background:#fdecec;border:1px solid #f5b5b5;color:#c53030}.modal-details .modal-header .close-icon{border-radius:4px;cursor:pointer;flex-shrink:0;padding:4px}.modal-details .modal-header .close-icon:hover{background:#f5f5f5}.modal-details .modal-section{border-bottom:1px solid #ccc;padding:.5em 1.5rem}.modal-details .modal-section .section-title{color:#666;font-size:1rem;font-weight:600;margin-bottom:.5rem}.modal-details .modal-section .info-grid{grid-gap:.5rem 1rem;display:grid;font-size:.813rem;gap:.5rem 1rem;grid-template-columns:150px 1fr}.modal-details .modal-section .info-grid .label{color:#666}.modal-details .modal-section .info-grid .value{color:#373737;font-weight:500}.modal-details .modal-section .info-grid .value .created-time{color:#666;font-size:.75rem}.modal-details .modal-section .table-responsive{background-color:#fff;border:1px solid #f2f2f2;border-radius:8px;box-shadow:0 4px 12px #00000003;margin:1em 0;overflow-x:auto;width:100%}.modal-details .modal-section .modal-table{background:#fff;border-collapse:collapse;font-size:.813rem;width:100%}.modal-details .modal-section .modal-table td,.modal-details .modal-section .modal-table th{border-bottom:1px solid #ccc;padding:.65rem .75rem;text-align:left}.modal-details .modal-section .modal-table th{background:#e0e7ff;border-bottom:none;color:#2c4fac;font-weight:600;position:-webkit-sticky;position:sticky;top:0;z-index:2}.modal-details .modal-section .modal-table tr:last-child td{border-bottom:none}.modal-details .modal-section .modal-table td{color:#373737;font-size:.813rem}.modal-details .modal-section .modal-table td .view{color:#3b82f6;text-decoration:none}.modal-details .modal-section .modal-table td .view:hover{text-decoration:underline}.modal-details .modal-footer{align-items:center;display:flex;justify-content:space-between;padding:1rem 1.5rem}.modal-details .modal-footer .cancel-btn{background-color:#ccc;padding:.5rem 1rem}.modal-details .modal-footer .cancel-btn:hover{background:#bfbfbf}.modal-details .modal-footer .primary-link{background:#007bff;border-radius:4px;color:#fff;font-size:.9rem;padding:.5rem 1rem;text-decoration:none}.modal-details .modal-footer .primary-link:hover{background:#006fe6}@media(max-width:480px){.modal-details{height:75vh;width:95%}.info-grid{grid-template-columns:1fr}.info-grid dt{font-weight:600}.info-grid dd{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@keyframes fadeIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.adjust-stock-modal-overlay{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:10000}.adjust-stock-modal{background:#fff;border-radius:5px;border-top:3px solid #2c4fac;max-height:80vh;overflow-y:auto;padding:20px;text-align:center;width:500px}.adjust-stock-modal .modal-header{display:flex;justify-content:flex-end}.adjust-stock-modal .modal-header .close-icon{border-radius:4px;cursor:pointer;padding:4px}.adjust-stock-modal .modal-header .close-icon:hover{background:#f5f5f5}.adjust-stock-modal h2{color:#373737;font-size:1em;margin:0 0 1em;text-align:center}.adjust-stock-modal .modal-actions{display:flex;gap:10px;justify-content:flex-end}.adjust-stock-modal .cancel-btn{background-color:#ccc}.adjust-stock-modal .cancel-btn:hover{background-color:#bfbfbf}@media(max-width:480px){.adjust-stock-modal{padding:15px;width:85%}}.inactive-toggle{align-items:center;background:#e0e7ff1a;border:1px solid #2c4fac26;border-radius:6px;display:flex;min-width:-webkit-fit-content;min-width:fit-content;padding:.5rem .75rem;transition:all .2s ease;white-space:nowrap}.inactive-toggle:hover{background:#e0e7ff26;border-color:#2c4fac40;box-shadow:0 1px 3px #2c4fac1a}.inactive-toggle label{color:#373737;cursor:pointer;font-size:.813em;font-weight:500;margin:0;-webkit-user-select:none;user-select:none}.inactive-toggle .checkbox-container{align-items:center;display:flex;gap:.5rem}.inactive-toggle .checkbox-container input[type=checkbox]{background:#fff;border:2px solid #2c4fac;border-radius:3px;cursor:pointer;height:16px;margin:0;position:relative;transition:all .2s ease;width:16px}.inactive-toggle .checkbox-container input[type=checkbox]:hover{border-color:#e0e7ff;box-shadow:0 0 0 2px #e0e7ff4d}.inactive-toggle .checkbox-container input[type=checkbox]:checked{background:#2c4fac;border-color:#2c4fac}.inactive-toggle .checkbox-container input[type=checkbox]:checked:after{color:#fff;content:"✓";font-size:11px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.inactive-toggle .checkbox-container input[type=checkbox]:focus{box-shadow:0 0 0 2px #2c4fac33;outline:none}@media(max-width:768px){.inactive-toggle{padding:.4rem .6rem}.inactive-toggle label{font-size:.8rem}.inactive-toggle .checkbox-container{gap:.4rem}.inactive-toggle .checkbox-container input[type=checkbox]{height:14px;width:14px}}@media(max-width:480px){.inactive-toggle{padding:.35rem .5rem}.inactive-toggle label{font-size:.75rem}}.custom-modal-overlay,.pack-modal-overlay{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:10000}.custom-modal,.pack-modal{background:#fff;border-radius:5px;border-top:3px solid #2c4fac;height:auto;overflow-y:auto;padding:20px;text-align:center;width:500px}.custom-modal .modal-header,.pack-modal .modal-header{display:flex;justify-content:flex-end}.custom-modal .modal-header .close-icon,.pack-modal .modal-header .close-icon{border-radius:4px;cursor:pointer;padding:4px}.custom-modal .modal-header .close-icon:hover,.pack-modal .modal-header .close-icon:hover{background:#f5f5f5}.custom-modal h2,.pack-modal h2{color:#373737;font-size:1em;margin:0 0 1em;text-align:center}.custom-modal .modal-actions,.pack-modal .modal-actions{display:flex;gap:10px;justify-content:flex-end}.custom-modal .cancel-btn,.pack-modal .cancel-btn{background-color:#ccc}.custom-modal .cancel-btn:hover,.pack-modal .cancel-btn:hover{background-color:#bfbfbf}.custom-modal .submit-btn,.pack-modal .submit-btn{background-color:#2c4fac;color:#fff}.custom-modal .submit-btn:hover,.pack-modal .submit-btn:hover{background-color:#274698}.custom-modal .submit-btn.disabled,.custom-modal .submit-btn:disabled,.pack-modal .submit-btn.disabled,.pack-modal .submit-btn:disabled{background-color:#d6d6d6!important;color:#999!important;cursor:not-allowed!important;opacity:.6}.custom-modal .submit-btn.disabled:hover,.custom-modal .submit-btn:disabled:hover,.pack-modal .submit-btn.disabled:hover,.pack-modal .submit-btn:disabled:hover{background-color:#d6d6d6!important}.custom-modal .checkbox-wrapper,.pack-modal .checkbox-wrapper{align-items:center;display:flex;gap:10px;justify-content:flex-start;margin-bottom:.5em;width:100%}.custom-modal .checkbox-wrapper .tooltip-wrapper,.pack-modal .checkbox-wrapper .tooltip-wrapper{cursor:help;display:inline-block;position:relative}.custom-modal .checkbox-wrapper .tooltip-wrapper .tooltip-text,.pack-modal .checkbox-wrapper .tooltip-wrapper .tooltip-text{background-color:#333;border-radius:4px;color:#fff;font-size:12px;left:50%;opacity:0;padding:6px 8px;position:absolute;top:-35px;transform:translateX(-50%);transition:opacity .2s ease-in-out;visibility:hidden;white-space:nowrap;z-index:1}.custom-modal .checkbox-wrapper .tooltip-wrapper:hover .tooltip-text,.pack-modal .checkbox-wrapper .tooltip-wrapper:hover .tooltip-text{opacity:1;visibility:visible}.custom-modal .checkbox-wrapper .tooltip-wrapper .info-icon,.pack-modal .checkbox-wrapper .tooltip-wrapper .info-icon{color:#373737}.custom-modal .select-or-add,.pack-modal .select-or-add{align-items:center;display:flex;gap:10px;justify-content:center}.custom-modal .select-or-add .form-select,.pack-modal .select-or-add .form-select{flex:1 1}.custom-modal .select-or-add .add-btn,.pack-modal .select-or-add .add-btn{align-items:center;background:#2c4fac;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;min-width:40px;padding:8px 12px}.custom-modal .select-or-add .add-btn:hover,.pack-modal .select-or-add .add-btn:hover{background:#223c83}.custom-modal .select-or-add .add-btn .add-icon,.pack-modal .select-or-add .add-btn .add-icon{font-size:16px}.modal-error-message{background:#ffeaea;border:1px solid #c0392b;border-radius:4px;color:#c0392b;font-size:smaller;font-weight:500;margin-bottom:1em;padding:10px}@media(max-width:480px){.custom-modal{padding:15px;width:85%}}.form-section .product-form-input-container{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 0 10px #e0e7ff;display:flex;flex-direction:column;justify-content:center;margin:2em 0;padding:2rem;width:auto}.form-section .product-form-input-container .product-form-input-wrapper{display:flex;gap:20px;justify-content:space-between;width:100%}.form-section .product-form-input-container .product-form-input-wrapper.checkbox-wrapper-container{align-items:center;display:flex;gap:1.5em;justify-content:flex-start;margin-bottom:1.5em;width:100%}.form-section .product-form-input-container .product-form-input-wrapper.checkbox-wrapper-container .checkbox-wrapper{align-items:center;display:flex;gap:10px;padding:0 .5em}.form-section .product-form-input-container .product-form-input-wrapper.checkbox-wrapper-container .checkbox-wrapper .tooltip-wrapper{cursor:help;display:inline-block;position:relative}.form-section .product-form-input-container .product-form-input-wrapper.checkbox-wrapper-container .checkbox-wrapper .tooltip-wrapper .tooltip-text{background-color:#333;border-radius:4px;color:#fff;font-size:12px;left:50%;opacity:0;padding:6px 8px;position:absolute;top:-35px;transform:translateX(-50%);transition:opacity .2s ease-in-out;visibility:hidden;white-space:nowrap;z-index:1}.form-section .product-form-input-container .product-form-input-wrapper.checkbox-wrapper-container .checkbox-wrapper .tooltip-wrapper:hover .tooltip-text{opacity:1;visibility:visible}.form-section .product-form-input-container .product-form-input-wrapper.checkbox-wrapper-container .checkbox-wrapper .tooltip-wrapper .info-icon{color:#373737}.form-section .product-form-input-container .product-form-input-wrapper .select-or-add{align-items:center;display:flex;justify-content:center;margin-bottom:1.5em;width:100%}.form-section .product-form-input-container .product-form-input-wrapper .select-or-add .add-btn{align-items:center;background:none;border:1px solid #f2f2f2;border-end-start-radius:0;border-left:none;border-start-start-radius:0;display:flex;justify-content:center;margin-top:0;padding:.7em 1em;transition:transform .2s ease;width:2.5em}.form-section .product-form-input-container .product-form-input-wrapper .select-or-add .add-btn .add-icon{color:#2c4fac;font-size:1.3em}.form-section .product-form-input-container .product-form-input-wrapper .select-or-add .add-btn .add-icon:hover{transform:scale(1.2)}.form-section .product-form-input-container .product-form-input-wrapper button{width:100%}.form-section .total .total-labels h3,.form-section .total .total-values h3{margin:0}.sale-pack-pills-container{margin:20px 0}.sale-pack-pills-container h4{color:#333;font-size:16px;font-weight:600;margin-bottom:10px}.sale-pack-pills{display:flex;flex-wrap:wrap;gap:8px}.sale-pack-pill{align-items:center;background-color:#e3f2fd;border:1px solid #bbdefb;border-radius:20px;color:#1976d2;display:inline-flex;font-size:14px;gap:8px;min-width:-webkit-fit-content;min-width:fit-content;padding:6px 12px;white-space:nowrap}.pack-name{font-weight:500}.pack-quantity{color:#666;font-size:12px;font-weight:400}.remove-pack-btn{align-items:center;background:none;border:none;border-radius:50%;color:#d32f2f;cursor:pointer;display:flex;font-size:12px;height:18px;justify-content:center;padding:2px;transition:background-color .2s ease;width:18px}.remove-pack-btn:hover{background-color:#d32f2f1a}.remove-pack-btn:disabled{cursor:not-allowed;opacity:.5}.remove-pack-btn:disabled:hover{background-color:initial}.more-action-dropdown{display:inline-block;position:relative}.more-action-dropdown .action-trigger{align-items:center;background:#f2f2f2;border:1px solid rgba(0,0,0,.149);border-radius:6px;color:#2c4fac;cursor:pointer;display:flex;font-size:.9em;justify-content:center;margin:0;padding:8px 12px;transition:all .2s ease}.more-action-dropdown .action-trigger .dropdown-label{font-size:.9em;margin-left:6px}.more-action-dropdown .action-trigger:hover{background:#e5e5e5;border-color:rgba(0,0,0,.149)}.more-action-dropdown .action-menu{background:#fff;border:1px solid rgba(0,0,0,.149);border-radius:8px;box-shadow:0 4px 12px #00000026;list-style:none;margin-top:4px;min-width:180px;padding:8px 0;position:absolute;right:0;top:100%;z-index:9999}.more-action-dropdown .action-item{margin:0;overflow:hidden;padding:0}.more-action-dropdown .action-item .action-button,.more-action-dropdown .action-item .action-link{align-items:center;background:none;border:none;box-sizing:border-box;color:#373737;cursor:pointer;display:flex;font-size:.9em;padding:10px 16px;text-align:left;text-decoration:none;transition:background .2s ease;width:100%}.more-action-dropdown .action-item .action-button .action-icon,.more-action-dropdown .action-item .action-link .action-icon{flex-shrink:0;height:14px;margin-right:8px;width:14px}.more-action-dropdown .action-item .action-button:hover,.more-action-dropdown .action-item .action-link:hover{background:#f8f9fa!important;color:#2c4fac}.more-action-dropdown .action-item .action-button.action-link,.more-action-dropdown .action-item .action-link.action-link{border-radius:0}.more-action-dropdown .action-item .action-button.action-link:hover,.more-action-dropdown .action-item .action-link.action-link:hover{background:#f8f9fa!important;text-decoration:none}.more-action-dropdown .action-item .action-button:disabled,.more-action-dropdown .action-item .action-link:disabled{cursor:not-allowed;opacity:.5}.more-action-dropdown .action-item .action-button:disabled:hover,.more-action-dropdown .action-item .action-link:disabled:hover{background:none}.more-action-dropdown .action-item .action-button.danger,.more-action-dropdown .action-item .action-link.danger{color:#dc3545}.more-action-dropdown .action-item .action-button.danger:hover,.more-action-dropdown .action-item .action-link.danger:hover{background:#fff5f5;color:#dc3545}.add-recipe-modal{max-height:90vh;max-width:600px;overflow-y:auto;width:90%}.add-recipe-modal .modal-header{align-items:center;background:#fff;border-bottom:1px solid rgba(0,0,0,.149);display:flex;justify-content:space-between;padding:20px 24px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.add-recipe-modal .modal-header h3{align-items:center;color:#373737;display:flex;font-size:1.3em;font-weight:600;margin:0}.add-recipe-modal .modal-header .close-btn{background:none;border:none;border-radius:4px;color:#666;cursor:pointer;font-size:1.2em;padding:4px;transition:all .2s ease}.add-recipe-modal .modal-header .close-btn:hover{background:#f5f5f5;color:#373737}.add-recipe-modal .modal-header .close-btn:disabled{cursor:not-allowed;opacity:.5}.add-recipe-modal .modal-body{background:#fff;padding:24px}.add-recipe-modal .modal-body .form-group{margin-bottom:20px}.add-recipe-modal .modal-body .form-group label{color:#373737;display:block;font-size:.9em;font-weight:500;margin-bottom:6px}.add-recipe-modal .modal-body .form-group input,.add-recipe-modal .modal-body .form-group textarea{border:1px solid rgba(0,0,0,.149);border-radius:6px;box-sizing:border-box;font-size:.9em;padding:10px 12px;transition:border-color .2s ease;width:100%}.add-recipe-modal .modal-body .form-group input:focus,.add-recipe-modal .modal-body .form-group textarea:focus{border-color:#007bff;box-shadow:0 0 0 2px #3b82f61a;outline:none}.add-recipe-modal .modal-body .form-group input.error,.add-recipe-modal .modal-body .form-group textarea.error{border-color:#dc3545}.add-recipe-modal .modal-body .form-group input.error:focus,.add-recipe-modal .modal-body .form-group textarea.error:focus{border-color:#dc3545;box-shadow:0 0 0 2px #dc35451a}.add-recipe-modal .modal-body .form-group input:disabled,.add-recipe-modal .modal-body .form-group textarea:disabled{background:#f8f9fa;color:#666;cursor:not-allowed}.add-recipe-modal .modal-body .form-group input::placeholder,.add-recipe-modal .modal-body .form-group textarea::placeholder{color:#9ca3af}.add-recipe-modal .modal-body .form-group textarea{font-family:inherit;min-height:80px;resize:vertical}.add-recipe-modal .modal-body .form-group .error-message{color:#dc3545;display:block;font-size:.8em;margin-top:4px}.add-recipe-modal .modal-body .form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}@media(max-width:480px){.add-recipe-modal .modal-body .form-row{gap:0;grid-template-columns:1fr}}.add-recipe-modal .modal-footer{background:#f8f9fa;border-top:1px solid rgba(0,0,0,.149);bottom:0;display:flex;gap:12px;justify-content:flex-end;padding:20px 24px;position:-webkit-sticky;position:sticky}.add-recipe-modal .modal-footer .btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:.9em;font-weight:500;justify-content:center;min-width:100px;padding:10px 20px;transition:all .2s ease}.add-recipe-modal .modal-footer .btn.secondary-btn{background:#fff;border:1px solid rgba(0,0,0,.149);color:#373737}.add-recipe-modal .modal-footer .btn.secondary-btn:hover{background:#f5f5f5}.add-recipe-modal .modal-footer .btn.primary-btn{background:#007bff;color:#fff}.add-recipe-modal .modal-footer .btn.primary-btn:hover{background:#0067d6}.add-recipe-modal .modal-footer .btn:disabled{cursor:not-allowed;opacity:.6}.add-recipe-modal .modal-footer .btn:disabled:hover{background:#007bff}@media(max-width:480px){.add-recipe-modal .modal-footer{flex-direction:column}.add-recipe-modal .modal-footer .btn{width:100%}}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-overlay .modal-content{animation:modalSlideIn .2s ease-out;background:#fff;border-radius:8px;box-shadow:0 10px 25px #0003;position:relative}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.manage-components-modal{display:flex;flex-direction:column;max-height:90vh;max-width:1000px;overflow:hidden;width:90vw}.manage-components-modal .modal-header{align-items:center;background:#f2f2f2;border-bottom:1px solid rgba(0,0,0,.149);display:flex;justify-content:space-between;padding:20px 24px}.manage-components-modal .modal-header h3{align-items:center;color:#373737;display:flex;font-size:1.2em;font-weight:600;margin:0}.manage-components-modal .modal-header .close-btn{background:none;border:none;border-radius:4px;color:#666;cursor:pointer;padding:8px;transition:all .2s ease}.manage-components-modal .modal-header .close-btn:hover{background:#0000001a;color:#373737}.manage-components-modal .modal-header .close-btn:disabled{cursor:not-allowed;opacity:.5}.manage-components-modal .modal-body{display:flex;flex:1 1;flex-direction:column;gap:24px;overflow-y:auto;padding:24px}.manage-components-modal .modal-body .search-section .component-search-select .custom-select-wrapper{width:100%}.manage-components-modal .modal-body .components-section{display:flex;flex:1 1;flex-direction:column}.manage-components-modal .modal-body .components-section h4{color:#373737;font-size:1.1em;font-weight:600;margin:0 0 16px}.manage-components-modal .modal-body .components-section .components-table{flex:1 1;overflow-x:auto}.manage-components-modal .modal-body .components-section .components-table table{table-layout:auto;width:100%}.manage-components-modal .modal-body .components-section .components-table td,.manage-components-modal .modal-body .components-section .components-table th{padding:12px 8px;vertical-align:top}.manage-components-modal .modal-body .components-section .components-table .component-product-info .product-details strong{color:#373737;font-size:.95em}.manage-components-modal .modal-body .components-section .components-table .component-product-info .product-details .sku,.manage-components-modal .modal-body .components-section .components-table .component-product-info .product-details .unit{color:#666;font-size:.85em;margin-top:2px}.manage-components-modal .modal-body .components-section .components-table .quantity-with-unit{align-items:center;display:flex;gap:8px}.manage-components-modal .modal-body .components-section .components-table .quantity-with-unit .quantity-unit{color:#666;font-size:.9em;font-weight:500;white-space:nowrap}.manage-components-modal .modal-body .components-section .components-table .notes-input,.manage-components-modal .modal-body .components-section .components-table .quantity-input{border:1px solid rgba(0,0,0,.149);border-radius:4px;box-sizing:border-box;font-size:.9em;padding:8px 12px;transition:border-color .2s ease;width:100%}.manage-components-modal .modal-body .components-section .components-table .notes-input:focus,.manage-components-modal .modal-body .components-section .components-table .quantity-input:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff1a;outline:none}.manage-components-modal .modal-body .components-section .components-table .quantity-input{max-width:120px}.manage-components-modal .modal-body .components-section .components-table .notes-input{min-width:200px}.manage-components-modal .modal-body .components-section .components-table .component-cost{color:#373737;font-size:.95em;font-weight:600;max-width:120px;min-width:120px;overflow:hidden;padding:8px 4px;text-align:right;text-overflow:ellipsis;white-space:nowrap;width:120px}.manage-components-modal .modal-body .components-section .components-table .remove-component-btn{background:none;border:none;border-radius:4px;color:#666;cursor:pointer;padding:6px;transition:all .2s ease}.manage-components-modal .modal-body .components-section .components-table .remove-component-btn:hover{background:#f8d7da;color:#dc3545}.manage-components-modal .modal-body .components-section .empty-components{background:#f2f2f2;border:2px dashed rgba(0,0,0,.149);border-radius:8px;color:#666;padding:40px 20px;text-align:center}.manage-components-modal .modal-body .components-section .empty-components p{font-size:.95em;line-height:1.5;margin:0}.manage-components-modal .modal-footer{background:#f2f2f2;border-top:1px solid rgba(0,0,0,.149);display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.manage-components-modal .modal-footer .btn{min-width:120px}@media(max-width:768px){.manage-components-modal{max-height:95vh;width:95vw}.manage-components-modal .modal-header{padding:16px 20px}.manage-components-modal .modal-header h3{font-size:1.1em}.manage-components-modal .modal-body{gap:20px;padding:20px}.manage-components-modal .modal-footer{flex-direction:column;padding:16px 20px}.manage-components-modal .modal-footer .btn{min-width:auto;width:100%}.manage-components-modal .components-table .quantity-input{max-width:100px}}.product-header{background:#fff;border:1px solid rgba(0,0,0,.149);border-radius:12px;box-shadow:0 2px 8px #00000014;margin-bottom:24px;padding:24px}.product-header .header-content{display:flex;flex-direction:column;gap:20px}@media(min-width:768px){.product-header .header-content{align-items:center;flex-direction:row;justify-content:space-between}}.product-header .back-navigation .back-link{align-items:center;color:#666;display:inline-flex;font-size:.9em;gap:8px;text-decoration:none;transition:color .2s ease}.product-header .back-navigation .back-link:hover{color:#007bff}.product-header .product-info{flex:1 1}.product-header .product-info .product-title{align-items:center;display:flex;gap:12px;margin-bottom:8px}.product-header .product-info .product-title .title-icon{color:#007bff;font-size:1.2em}.product-header .product-info .product-title h1{color:#373737;font-size:1.8em;font-weight:700;margin:0}.product-header .product-info .product-meta{align-items:center;color:#666;display:flex;flex-wrap:wrap;font-size:.9em;gap:8px}.product-header .product-info .product-meta .category{background:#007bff1a;border-radius:12px;color:#007bff;font-size:.8em;font-weight:500;padding:2px 8px}.product-header .product-info .product-meta .separator{color:rgba(0,0,0,.149)}.product-header .product-info .product-meta .price{color:#373737;font-weight:600}.product-header .header-actions .btn.primary-btn{background:#007bff;border:none;border-radius:8px;box-shadow:0 2px 4px #007bff33;color:#fff;font-weight:600;padding:12px 20px;transition:all .2s ease}.product-header .header-actions .btn.primary-btn:hover{background:#0067d6;box-shadow:0 4px 8px #007bff4d;transform:translateY(-1px)}.product-header .header-actions .btn.primary-btn svg{margin-right:8px}.recipes-container{margin-top:0}.recipes-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}@media(max-width:768px){.recipes-grid{gap:16px;grid-template-columns:1fr}}.recipe-card{background:#fff;border:1px solid rgba(0,0,0,.149);border-radius:16px;box-shadow:0 2px 12px #00000014;overflow:hidden;padding:0;transition:all .3s ease}.recipe-card:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-2px)}.recipe-card-header{align-items:flex-start;border-bottom:1px solid #00000080;display:flex;gap:16px;justify-content:space-between;padding:20px 20px 16px}.recipe-card-header .recipe-title-section{flex:1 1}.recipe-card-header .recipe-title-section .recipe-name{color:#373737;font-size:1.3em;font-weight:700;line-height:1.2;margin:0 0 12px}.recipe-card-header .recipe-title-section .recipe-status-badges{display:flex;flex-wrap:wrap;gap:8px}.recipe-card-header .recipe-actions{display:flex;gap:8px}.manufacturing-badge,.status-badge{align-items:center;border-radius:12px;display:inline-flex;font-size:.75em;font-weight:600;gap:4px;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.manufacturing-badge svg,.status-badge svg{font-size:.9em}.manufacturing-badge.active,.status-badge.active{background:#d4edda;color:#155724}.manufacturing-badge.inactive,.status-badge.inactive{background:#f8d7da;color:#721c24}.manufacturing-badge.can-manufacture,.status-badge.can-manufacture{background:#d1ecf1;color:#0c5460}.manufacturing-badge.cannot-manufacture,.status-badge.cannot-manufacture{background:#f5c6cb;color:#721c24}.recipe-action-btn{align-items:center;background:none;border:1px solid rgba(0,0,0,.149);border-radius:8px;color:#666;cursor:pointer;display:flex;font-size:.9em;height:36px;justify-content:center;padding:8px;transition:all .2s ease;width:36px}.recipe-action-btn:hover{border-color:#007bff}.recipe-action-btn.edit-btn:hover,.recipe-action-btn:hover{background:#007bff1a;color:#007bff}.recipe-action-btn.delete-btn:hover{background:#dc35451a;border-color:#dc3545;color:#dc3545}.recipe-description{align-items:flex-start;border-bottom:1px solid #0000004d;display:flex;gap:12px;padding:16px 20px}.recipe-description .description-icon{color:#007bff;flex-shrink:0;margin-top:2px}.recipe-description p{color:#666;font-size:.95em;line-height:1.5;margin:0}.recipe-compact-details{border-bottom:1px solid #0000004d;padding:16px 20px}.recipe-compact-details .detail-row{align-items:center;display:flex;flex-wrap:wrap;gap:20px;margin-bottom:8px}@media(max-width:768px){.recipe-compact-details .detail-row{align-items:flex-start;flex-direction:column;gap:12px}}.recipe-compact-details .detail-group{align-items:center;display:flex;gap:6px;min-width:-webkit-fit-content;min-width:fit-content}.recipe-compact-details .detail-group .label{color:#666;font-size:.85em;font-weight:600;white-space:nowrap}.recipe-compact-details .detail-group .value{color:#373737;font-size:.9em;font-weight:500}.recipe-compact-details .detail-group .value.cost-value{color:#28a745;font-weight:700}.recipe-compact-details .detail-group .status-toggle{align-items:center;display:flex;gap:8px}.recipe-compact-details .notes-row{align-items:flex-start;border-top:1px solid #0003;display:flex;gap:8px;padding-top:8px}.recipe-compact-details .notes-row .label{color:#666;font-size:.85em;font-weight:600;margin-top:2px;white-space:nowrap}.recipe-compact-details .notes-row .value{color:#373737;flex:1 1;font-size:.9em;line-height:1.4}.recipe-toggle-section{align-items:center;display:flex;gap:12px;justify-content:space-between}.recipe-toggle-section .toggle-control{align-items:center;display:flex;gap:8px}.toggle-switch{cursor:pointer;display:inline-block;height:24px;position:relative;width:44px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-switch input:checked+.toggle-slider{background-color:#007bff}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(20px)}.toggle-switch input:disabled+.toggle-slider{cursor:not-allowed;opacity:.6}.toggle-switch .toggle-slider{background-color:#ccc;border-radius:24px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.toggle-switch .toggle-slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:18px;left:3px;position:absolute;transition:.3s;width:18px}.toggle-text{color:#373737;font-size:.85em;font-weight:500;min-width:60px}.recipe-notes{border-bottom:1px solid #0000004d;padding:16px 20px}.recipe-notes label{color:#666;display:block;font-size:.8em;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.recipe-notes p{color:#373737;font-size:.95em;line-height:1.5;margin:0}.recipe-components{border-bottom:1px solid #0000004d;padding:20px}.recipe-components .components-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.recipe-components .components-header h4{color:#373737;font-size:1.1em;font-weight:600;margin:0}.recipe-components .components-header .btn.secondary-btn{background:#007bff1a;border:1px solid #007bff33;border-radius:6px;color:#007bff;font-size:.85em;font-weight:500;padding:8px 12px;transition:all .2s ease}.recipe-components .components-header .btn.secondary-btn:hover{background:#007bff26;border-color:#007bff4d}.recipe-components .components-header .btn.secondary-btn svg{margin-right:6px}.components-list .component-item{align-items:flex-start;border-bottom:1px solid #0000004d;display:flex;justify-content:space-between;padding:12px 0}.components-list .component-item:last-child{border-bottom:none}.components-list .component-item .component-info{flex:1 1}.components-list .component-item .component-info .component-main{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.components-list .component-item .component-info .component-main .component-name{color:#007bff;font-size:.95em;font-weight:600;text-decoration:none;transition:color .2s ease}.components-list .component-item .component-info .component-main .component-name:hover{color:#0062cc;text-decoration:underline}.components-list .component-item .component-info .component-main .quantity{color:#666;font-size:.85em;font-weight:500}.components-list .component-item .component-info .component-notes{color:#666;font-size:.85em;font-style:italic;margin-top:4px}.components-list .component-item .component-cost{color:#373737;font-size:.9em;font-weight:600;min-width:80px;text-align:right}.components-list .components-total{align-items:center;border-top:2px solid rgba(0,0,0,.149);display:flex;font-weight:600;justify-content:space-between;margin-top:12px;padding:16px 0 0}.components-list .components-total .total-amount{color:#28a745;font-size:1.1em}.empty-components{color:#666;padding:32px 20px;text-align:center}.empty-components .empty-icon{color:#ddd;font-size:2em;margin-bottom:12px}.empty-components p{color:#373737;font-size:.95em;font-weight:500;margin:0 0 4px}.empty-components span{color:#666;font-size:.85em}.recipe-timestamps{background:#f2f2f24d;display:flex;flex-direction:column;gap:4px;padding:16px 20px}.recipe-timestamps small{color:#666;font-size:.8em}.empty-state{color:#666;padding:60px 20px;text-align:center}.empty-state .empty-icon-container{margin-bottom:24px}.empty-state .empty-icon-container .empty-icon{color:#ddd;font-size:4em}.empty-state h3{color:#373737;font-size:1.5em;font-weight:600;margin:0 0 12px}.empty-state p{color:#666;font-size:1em;line-height:1.5;margin:0 0 24px}.empty-state .btn.primary-btn{background:#007bff;border:none;border-radius:8px;box-shadow:0 2px 4px #007bff33;color:#fff;font-weight:600;padding:12px 24px;transition:all .2s ease}.empty-state .btn.primary-btn:hover{background:#0067d6;box-shadow:0 4px 8px #007bff4d;transform:translateY(-1px)}.empty-state .btn.primary-btn svg{margin-right:8px}@media(max-width:768px){.product-header{padding:16px}.product-header .header-content{gap:16px}.product-header .product-info .product-title h1{font-size:1.4em}.product-header .product-meta{font-size:.85em}.recipes-grid{gap:16px;grid-template-columns:1fr}.recipe-card{border-radius:12px}.recipe-card-header{align-items:flex-start;flex-direction:column;gap:12px;padding:16px}.recipe-card-header .recipe-actions{align-self:flex-end}.recipe-compact-details{padding:12px 16px}.recipe-compact-details .detail-row{align-items:flex-start;flex-direction:column;gap:8px}.recipe-compact-details .detail-group{justify-content:space-between;width:100%}.recipe-compact-details .detail-group .status-toggle{margin-left:auto}.recipe-components{padding:16px}}.form-section .select-input-container{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 0 10px #e0e7ff;display:flex;flex-direction:column;justify-content:center;margin:2em 0;padding:2rem;width:auto}.form-section .select-input-container .select-input-wrapper{align-items:center;display:flex;gap:20px;justify-content:space-between;width:100%}.form-section .select-input-container .select-input-wrapper .select-or-add{align-items:center;display:flex;justify-content:center;width:40%}.form-section .select-input-container .select-input-wrapper .select-or-add .add-btn{align-items:center;background:none;border:1px solid #f2f2f2;border-end-start-radius:0;border-left:none;border-start-start-radius:0;display:flex;justify-content:center;margin-top:0;padding:.7em 1em;transition:transform .2s ease;width:2.5em}.form-section .select-input-container .select-input-wrapper .select-or-add .add-btn .add-icon{color:#2c4fac;font-size:1.3em}.form-section .select-input-container .select-input-wrapper .select-or-add .add-btn .add-icon:hover{transform:scale(1.2)}.form-section .select-input-container .select-input-wrapper button{width:100%}.form-section .label-settings{background-color:#fff;border-radius:8px;box-shadow:0 0 10px #e0e7ff;display:flex;flex-direction:column;gap:20px;margin:2em 0;padding:2rem;width:auto}.form-section .label-settings .section-subtitle{color:#373737;font-size:1.2rem;margin-bottom:1em}.form-section .label-settings .label-info{align-items:center;display:flex;gap:20px;justify-content:space-between;width:100%}.form-section .label-settings .label-info .label-info-wrapper{align-items:center;display:flex;flex-direction:column;gap:10px;justify-content:space-between;width:100%}.form-section .label-settings .label-info .label-info-wrapper .checkbox-flex-start{align-self:flex-start;font-weight:500}.form-section .barcode-settings .barcode-settings-select{width:50%}@media(max-width:480px){.form-section .page-header{margin:.5em auto 1.5em}.form-section .page-header .header-text{font-size:1rem}.form-section .label-settings,.form-section .select-input-container{border-radius:4px;box-shadow:none;padding:.7rem}.form-section .label-settings .label-info,.form-section .select-input-container .select-input-wrapper{flex-direction:column;gap:8px;width:100%}.form-section .label-settings .label-info .label-info-wrapper{align-items:stretch;gap:6px;width:100%}.form-section .barcode-settings .barcode-settings-select{width:100%}.form-section .submit-button-container{margin-top:1em}}.payment-modal-overlay{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:10000}.payment-modal{background:#fff;border-radius:5px;border-top:3px solid #2c4fac;max-height:80vh;overflow-y:auto;text-align:center;width:500px}.payment-modal .modal-header{align-items:center;border-bottom:1px solid #e0e7ff;display:flex;justify-content:space-between;margin-bottom:1em;padding:15px}.payment-modal .modal-header h2{color:#373737;font-size:1em;margin:0;text-align:center}.payment-modal .modal-header .close-icon{border-radius:4px;cursor:pointer;padding:4px}.payment-modal .modal-header .close-icon:hover{background:#f5f5f5}.payment-modal .modal-body{display:flex;flex-direction:column;gap:1rem;padding:1rem 1.5rem}.payment-modal .modal-section{background:#e0e7ff;border-radius:4px;padding:1rem}.payment-modal .modal-section .section-title{color:#666;font-size:.9rem;font-weight:600;margin-bottom:.75rem}.payment-modal .modal-section .details-grid{display:flex;flex-direction:column;font-size:.813em;gap:.5rem}.payment-modal .modal-section .details-row{display:flex;justify-content:space-between}.payment-modal .modal-section .details-row .detail-label{color:#666;font-weight:500}.payment-modal .modal-section .details-row .detail-value{color:#373737;font-weight:600}.payment-modal .modal-section .payment-input{margin-bottom:0;margin-top:1rem;width:100%}.payment-modal .modal-actions{display:flex;gap:10px;justify-content:flex-end;padding:15px}.payment-modal .cancel-btn{background-color:#ccc}@media(max-width:480px){.payment-modal{padding:15px;width:85%}}.form-group{margin-bottom:1rem}.form-group .select-label{color:#373737;display:block;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.form-group .form-select{width:100%}.form-group .error-message{color:#ff4d4f;display:block;font-size:.8rem;margin-top:.25rem}.form-section .page-header{align-items:center;display:flex;justify-content:space-between;margin:.5em auto 3em}.form-section .page-header .header-text{color:#373737;font-size:1.5rem;margin:0;text-align:center}.form-section .page-header .add-new-product-btn{background:none;border:1px solid #2c4fac;border-radius:4px;color:#2c4fac;cursor:pointer;font-size:.813em;margin:0;padding:.5em;text-decoration:none}.form-section .page-header .add-new-product-btn .add-icon{margin-right:5px}.form-section .page-header .add-new-product-btn:hover{background:#e0e7ff}.form-section .purchase-form-input-container{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 0 10px #e0e7ff;display:flex;flex-direction:column;justify-content:center;margin:2em 0;padding:2rem;width:auto}.form-section .purchase-form-input-container .purchase-form-input-wrapper{align-items:center;display:flex;gap:20px;justify-content:space-between;width:100%}.form-section .purchase-form-input-container .purchase-form-input-wrapper .select-or-add{align-items:center;display:flex;height:2.2em;justify-content:center;width:35%}.form-section .purchase-form-input-container .purchase-form-input-wrapper .select-or-add .add-btn{align-items:center;background:none;border:1px solid #f2f2f2;border-end-start-radius:0;border-left:none;border-start-start-radius:0;display:flex;justify-content:center;margin-top:0;padding:.7em 1em;transition:transform .2s ease;width:2.5em}.form-section .purchase-form-input-container .purchase-form-input-wrapper .select-or-add .add-btn .add-icon{color:#2c4fac;font-size:1.3em}.form-section .purchase-form-input-container .purchase-form-input-wrapper .select-or-add .add-btn .add-icon:hover{transform:scale(1.2)}.form-section .purchase-form-input-container .purchase-form-input-wrapper .due-date-container{margin-bottom:16px;margin-right:18px;width:120px}.form-section .purchase-form-input-container .purchase-form-input-wrapper .due-date-container .due-date-label{color:#373737;display:block;font-size:.875rem;font-weight:500}.form-section .purchase-form-input-container .purchase-form-input-wrapper .due-date-container .due-date-input{background-color:#fff;border:1px solid #ddd;border-radius:4px;font-size:.875rem;padding:.5rem;width:100%}.form-section .purchase-form-input-container .purchase-form-input-wrapper .due-date-container .due-date-input:focus{border-color:#2c4fac;box-shadow:0 0 0 2px #007bff40;outline:none}.form-section .purchase-form-input-container .purchase-form-input-wrapper .search-select{flex:1 1}.form-section .purchase-form-input-container .purchase-form-input-wrapper button{width:100%}.form-section .total{align-items:center;border-radius:4px;display:flex;gap:20px;justify-content:center;margin-top:2em;padding:.75em}.form-section .total .total-labels,.form-section .total .total-values{align-items:center;display:flex;gap:10px;justify-content:space-between}.form-section .total .total-labels h3,.form-section .total .total-values h3{font-size:.9rem;font-weight:600}.form-section .total .total-labels span,.form-section .total .total-values span{color:#2c4fac;font-size:1rem;font-weight:600}.form-section .total .total-labels span:last-of-type,.form-section .total .total-values span:last-of-type{font-size:1rem;font-weight:700}.form-section .submit-button-container{align-items:center;display:flex;justify-content:flex-end;width:100%}.form-section .submit-button-container.mt-2{margin-top:2em}.form-section .submit-button-container .submit-btn{margin:0;width:13em}.form-section .table-container input[type=number]{appearance:none;-webkit-appearance:none;-moz-appearance:textfield}.form-section .table-container input[type=number]::-webkit-inner-spin-button,.form-section .table-container input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.form-section .attachments-section{background-color:#fff;border-radius:8px;box-shadow:0 0 10px #e0e7ff;margin:2rem 0;padding:1.5rem}@media(max-width:768px){.form-section .purchase-form-input-container .purchase-form-input-wrapper{gap:20px;grid-template-columns:1fr}}@media(max-width:480px){.form-section .product-form-input-container .product-form-input-wrapper{flex-direction:column;width:100%}.form-section .product-form-input-container .product-form-input-wrapper.checkbox-wrapper-container{flex-direction:row;gap:1em}}.purchase-table-item{background-color:#fff;border:1px solid #f2f2f2;border-radius:8px;margin-bottom:12px;transition:box-shadow .2s ease;width:100%}.purchase-table-item:hover{box-shadow:0 2px 8px #00000014}.purchase-table-item .product-info-row{align-items:center;background-color:#f5f5f5;border-bottom:1px solid #f2f2f2;border-radius:8px 8px 0 0;display:flex;justify-content:space-between;padding:16px}.purchase-table-item .product-info-row .product-info-left{align-items:center;display:flex;flex:1 1;gap:24px}.purchase-table-item .product-info-row .product-info-left .item-number{color:#2c4fac;font-size:14px;font-weight:700;min-width:28px}.purchase-table-item .product-info-row .product-info-left .product-details{max-width:300px;min-width:220px}.purchase-table-item .product-info-row .product-info-left .product-details strong{color:#373737;display:block;font-size:15px;line-height:1.4}.purchase-table-item .product-info-row .product-info-left .product-details .sku{color:#888;font-size:12px;font-weight:500;margin-top:4px}.purchase-table-item .product-info-row .product-info-left .stock-info{border-radius:6px;color:#888;font-size:13px;min-width:100px;padding:6px 12px}.purchase-table-item .product-info-row .product-info-left .stock-info strong{color:#373737;font-weight:600}.purchase-table-item .product-info-row .product-info-left .total-cost{border-radius:6px;color:#2c4fac;font-size:15px;font-weight:700;min-width:140px;padding:6px 12px}.purchase-table-item .product-info-row .product-info-left .total-cost strong{color:#2c4fac;font-weight:700}.purchase-table-item .product-info-row .delete-btn{background-color:rgba(219,85,43,.102)!important;border:1px solid #f5b5b5!important;color:#ef4444!important;margin-left:16px;margin-top:0!important;padding:.5em 1em!important;white-space:nowrap}.purchase-table-item .product-info-row .delete-btn:hover{background-color:#fdecec!important}.purchase-table-item .product-info-row .delete-btn .icon{color:#ef4444}.purchase-table-item .editable-fields-row{background-color:#fff;border-radius:0 0 8px 8px;display:flex;flex-wrap:wrap;gap:16px;padding:20px 16px}.purchase-table-item .editable-fields-row .field-group{display:flex;flex:1 1;flex-direction:column;min-width:0}.purchase-table-item .editable-fields-row .field-group label{color:#495057;display:block;font-size:11px;font-weight:700;letter-spacing:.3px;margin-bottom:6px;text-transform:uppercase}.purchase-table-item .editable-fields-row .field-group input,.purchase-table-item .editable-fields-row .field-group select{border:1px solid rgba(0,0,0,.149);border-radius:4px;font-size:13px;padding:4px 8px;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:auto}.purchase-table-item .editable-fields-row .field-group input:focus,.purchase-table-item .editable-fields-row .field-group select:focus{border-color:#2c4fac;outline:none}.purchase-table-item .editable-fields-row .field-group input:disabled,.purchase-table-item .editable-fields-row .field-group select:disabled{background-color:#f2f2f2;border-color:#f2f2f2;color:#888;cursor:not-allowed}.purchase-table-item .editable-fields-row .field-group input::placeholder,.purchase-table-item .editable-fields-row .field-group select::placeholder{color:#888;font-weight:400}.purchase-table-item .editable-fields-row .field-group select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23495057' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;cursor:pointer;padding-right:32px}.purchase-table-item .editable-fields-row .field-group select:hover:not(:disabled){background-color:#f5f5f5}.purchase-table-item .editable-fields-row .field-group input[type=number]::-webkit-inner-spin-button,.purchase-table-item .editable-fields-row .field-group input[type=number]::-webkit-outer-spin-button{opacity:1}.purchase-table-item .editable-fields-row .field-group input[type=date]{cursor:pointer}.purchase-table-item .editable-fields-row .field-group input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.6}.purchase-table-item .editable-fields-row .field-group input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1}.purchase-table-item .editable-fields-row .field-group.unit-field{flex:1.2 1;min-width:120px}.purchase-table-item .editable-fields-row .field-group.quantity-field{flex:.9 1;min-width:90px}.purchase-table-item .editable-fields-row .field-group.cost-field,.purchase-table-item .editable-fields-row .field-group.price-field{flex:1.1 1;min-width:110px}.purchase-table-item .editable-fields-row .field-group.margin-field{flex:1 1;min-width:100px}.purchase-table-item .editable-fields-row .field-group.margin-field input{font-weight:700;text-align:center}.purchase-table-item .editable-fields-row .field-group.margin-field input.positive{background-color:#e6f9ed;border-color:#1abc9c;color:#1abc9c}.purchase-table-item .editable-fields-row .field-group.margin-field input.negative{background-color:#fdecec;border-color:#f5b5b5;color:#ef4444}.purchase-table-item .editable-fields-row .field-group.margin-field input.disabled{color:#888}.purchase-table-item .editable-fields-row .field-group.expiry-field{flex:1.4 1;min-width:150px}.purchase-table-item .editable-fields-row .field-group.expiry-field input{font-family:inherit}@media(max-width:1200px){.purchase-table-item .editable-fields-row{gap:12px}}@media(max-width:768px){.purchase-table-item .product-info-row{align-items:flex-start;flex-direction:column;gap:12px}.purchase-table-item .product-info-row .product-info-left{align-items:flex-start;flex-direction:column;gap:12px;width:100%}.purchase-table-item .product-info-row .delete-btn{align-self:flex-end;margin-left:0}.purchase-table-item .editable-fields-row{grid-template-columns:1fr;padding:16px}.purchase-table-item .editable-fields-row .field-group{max-width:100%}}.attachment-viewer-overlay{align-items:center;background:#000000e6;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1500}.attachment-viewer-overlay .attachment-viewer{background:#fff;border-radius:12px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;height:90vh;max-height:800px;max-width:1200px;overflow:hidden;width:90vw}.attachment-viewer-overlay .attachment-viewer .viewer-header{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1.5rem}.attachment-viewer-overlay .attachment-viewer .viewer-header .file-info{flex:1 1;min-width:0}.attachment-viewer-overlay .attachment-viewer .viewer-header .file-info .filename{color:#111827;font-size:1.25rem;font-weight:600;margin:0 0 .5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-viewer-overlay .attachment-viewer .viewer-header .file-info .file-meta{align-items:center;color:#6b7280;display:flex;font-size:.875rem;gap:.5rem}.attachment-viewer-overlay .attachment-viewer .viewer-header .file-info .file-meta .separator{opacity:.5}.attachment-viewer-overlay .attachment-viewer .viewer-header .viewer-actions{align-items:center;display:flex;gap:.5rem}.attachment-viewer-overlay .attachment-viewer .viewer-header .viewer-actions .action-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:1rem;height:40px;justify-content:center;transition:all .2s ease;width:40px}.attachment-viewer-overlay .attachment-viewer .viewer-header .viewer-actions .action-btn.download-btn{background:#3b82f6;color:#fff}.attachment-viewer-overlay .attachment-viewer .viewer-header .viewer-actions .action-btn.download-btn:hover{background:#2563eb}.attachment-viewer-overlay .attachment-viewer .viewer-header .viewer-actions .action-btn.close-btn{background:#f3f4f6;color:#6b7280}.attachment-viewer-overlay .attachment-viewer .viewer-header .viewer-actions .action-btn.close-btn:hover{background:#e5e7eb;color:#374151}.attachment-viewer-overlay .attachment-viewer .viewer-content{align-items:center;background:#f9fafb;display:flex;flex:1 1;justify-content:center;overflow:hidden}.attachment-viewer-overlay .attachment-viewer .viewer-content .image-container{align-items:center;display:flex;height:100%;justify-content:center;padding:2rem;width:100%}.attachment-viewer-overlay .attachment-viewer .viewer-content .image-container .preview-image{border-radius:8px;box-shadow:0 10px 25px -5px #0000001a;max-height:100%;max-width:100%;object-fit:contain}.attachment-viewer-overlay .attachment-viewer .viewer-content .pdf-container,.attachment-viewer-overlay .attachment-viewer .viewer-content .unsupported-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:3rem;text-align:center}.attachment-viewer-overlay .attachment-viewer .viewer-content .pdf-container .file-icon,.attachment-viewer-overlay .attachment-viewer .viewer-content .pdf-container .pdf-icon,.attachment-viewer-overlay .attachment-viewer .viewer-content .unsupported-container .file-icon,.attachment-viewer-overlay .attachment-viewer .viewer-content .unsupported-container .pdf-icon{font-size:4rem;margin-bottom:1.5rem}.attachment-viewer-overlay .attachment-viewer .viewer-content .pdf-container .pdf-icon,.attachment-viewer-overlay .attachment-viewer .viewer-content .unsupported-container .pdf-icon{color:#dc2626}.attachment-viewer-overlay .attachment-viewer .viewer-content .pdf-container .file-icon,.attachment-viewer-overlay .attachment-viewer .viewer-content .unsupported-container .file-icon{color:#6b7280}.attachment-viewer-overlay .attachment-viewer .viewer-content .pdf-container .pdf-message,.attachment-viewer-overlay .attachment-viewer .viewer-content .pdf-container .unsupported-message,.attachment-viewer-overlay .attachment-viewer .viewer-content .unsupported-container .pdf-message,.attachment-viewer-overlay .attachment-viewer .viewer-content .unsupported-container .unsupported-message{color:#111827;font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.attachment-viewer-overlay .attachment-viewer .viewer-content .pdf-container .pdf-subtitle,.attachment-viewer-overlay .attachment-viewer .viewer-content .pdf-container .unsupported-subtitle,.attachment-viewer-overlay .attachment-viewer .viewer-content .unsupported-container .pdf-subtitle,.attachment-viewer-overlay .attachment-viewer .viewer-content .unsupported-container .unsupported-subtitle{color:#6b7280;font-size:1rem;margin:0 0 2rem}.attachment-viewer-overlay .attachment-viewer .viewer-content .pdf-container .download-btn,.attachment-viewer-overlay .attachment-viewer .viewer-content .pdf-container .pdf-download-btn,.attachment-viewer-overlay .attachment-viewer .viewer-content .unsupported-container .download-btn,.attachment-viewer-overlay .attachment-viewer .viewer-content .unsupported-container .pdf-download-btn{align-items:center;background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:background .2s ease}.attachment-viewer-overlay .attachment-viewer .viewer-content .pdf-container .download-btn:hover,.attachment-viewer-overlay .attachment-viewer .viewer-content .pdf-container .pdf-download-btn:hover,.attachment-viewer-overlay .attachment-viewer .viewer-content .unsupported-container .download-btn:hover,.attachment-viewer-overlay .attachment-viewer .viewer-content .unsupported-container .pdf-download-btn:hover{background:#2563eb}@media(max-width:768px){.attachment-viewer-overlay{padding:.5rem}.attachment-viewer-overlay .attachment-viewer{height:95vh;width:95vw}.attachment-viewer-overlay .attachment-viewer .viewer-header{padding:1rem}.attachment-viewer-overlay .attachment-viewer .viewer-header .file-info .filename{font-size:1.1rem}.attachment-viewer-overlay .attachment-viewer .viewer-header .file-info .file-meta{font-size:.8rem}.attachment-viewer-overlay .attachment-viewer .viewer-header .viewer-actions .action-btn{font-size:.9rem;height:36px;width:36px}.attachment-viewer-overlay .attachment-viewer .viewer-content .image-container{padding:1rem}.attachment-viewer-overlay .attachment-viewer .viewer-content .pdf-container,.attachment-viewer-overlay .attachment-viewer .viewer-content .unsupported-container{padding:2rem 1rem}.attachment-viewer-overlay .attachment-viewer .viewer-content .pdf-container .file-icon,.attachment-viewer-overlay .attachment-viewer .viewer-content .pdf-container .pdf-icon,.attachment-viewer-overlay .attachment-viewer .viewer-content .unsupported-container .file-icon,.attachment-viewer-overlay .attachment-viewer .viewer-content .unsupported-container .pdf-icon{font-size:3rem}.attachment-viewer-overlay .attachment-viewer .viewer-content .pdf-container .pdf-message,.attachment-viewer-overlay .attachment-viewer .viewer-content .pdf-container .unsupported-message,.attachment-viewer-overlay .attachment-viewer .viewer-content .unsupported-container .pdf-message,.attachment-viewer-overlay .attachment-viewer .viewer-content .unsupported-container .unsupported-message{font-size:1.25rem}.attachment-viewer-overlay .attachment-viewer .viewer-content .pdf-container .pdf-subtitle,.attachment-viewer-overlay .attachment-viewer .viewer-content .pdf-container .unsupported-subtitle,.attachment-viewer-overlay .attachment-viewer .viewer-content .unsupported-container .pdf-subtitle,.attachment-viewer-overlay .attachment-viewer .viewer-content .unsupported-container .unsupported-subtitle{font-size:.9rem}}.attachment-preview{background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;overflow:hidden;position:relative;transition:all .3s ease}.attachment-preview:hover{box-shadow:0 10px 25px -5px #0000001a;transform:translateY(-2px)}.attachment-preview:hover .preview-overlay{opacity:1}.attachment-preview .preview-container{align-items:center;background:#f3f4f6;display:flex;height:120px;justify-content:center;overflow:hidden;position:relative;width:100%}.attachment-preview .preview-container .preview-thumbnail{height:100%;object-fit:cover;width:100%}.attachment-preview .preview-container .file-thumbnail,.attachment-preview .preview-container .pdf-thumbnail{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.attachment-preview .preview-container .file-thumbnail .pdf-icon,.attachment-preview .preview-container .pdf-thumbnail .pdf-icon{color:#dc2626;font-size:2.5rem}.attachment-preview .preview-container .file-thumbnail .file-icon,.attachment-preview .preview-container .pdf-thumbnail .file-icon{color:#6b7280;font-size:2.5rem}.attachment-preview .preview-container .preview-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.attachment-preview .preview-container .preview-overlay .expand-icon{color:#fff;font-size:1.5rem}.attachment-preview .preview-info{padding:.75rem}.attachment-preview .preview-info .preview-filename{color:#374151;font-size:.875rem;font-weight:500;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:640px){.attachment-preview .preview-container{height:100px}.attachment-preview .preview-container .file-icon,.attachment-preview .preview-container .pdf-icon{font-size:2rem}.attachment-preview .preview-container .preview-overlay .expand-icon{font-size:1.25rem}.attachment-preview .preview-info{padding:.5rem}.attachment-preview .preview-info .preview-filename{font-size:.8rem}}.purchase-attachments .attachments-header{margin-bottom:1rem}.purchase-attachments .attachments-header .section-title{color:#333;font-size:1.1rem;font-weight:600;margin:0}.purchase-attachments .loading-state{color:#666;font-style:italic;padding:2rem;text-align:center}.purchase-attachments .upload-section{background:#f8f9fa;border:2px dashed #dee2e6;border-radius:8px;margin-bottom:1.5rem;padding:1.5rem;text-align:center;transition:border-color .3s ease}.purchase-attachments .upload-section:hover{border-color:#007bff}.purchase-attachments .upload-section .file-input-wrapper{display:inline-block;position:relative}.purchase-attachments .upload-section .file-input-wrapper .file-input{height:0;opacity:0;position:absolute;width:0}.purchase-attachments .upload-section .file-input-wrapper .file-input-label{align-items:center;background:#007bff;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:background-color .3s ease}.purchase-attachments .upload-section .file-input-wrapper .file-input-label:hover{background:#0056b3}.purchase-attachments .upload-section .file-input-wrapper .file-input-label svg{font-size:.9rem}.purchase-attachments .upload-section .selected-files{border-top:1px solid #dee2e6;margin-top:1rem;padding-top:1rem;text-align:left}.purchase-attachments .upload-section .selected-files p{color:#495057;font-weight:500;margin:0 0 .5rem}.purchase-attachments .upload-section .selected-files ul{list-style:none;margin:0 0 1rem;padding:0}.purchase-attachments .upload-section .selected-files ul li{color:#666;font-size:.9rem;padding:.25rem 0}.purchase-attachments .upload-section .selected-files .upload-btn{background:#28a745;border-color:#28a745}.purchase-attachments .upload-section .selected-files .upload-btn:hover:not(:disabled){background:#218838;border-color:#1e7e34}.purchase-attachments .upload-section .selected-files .upload-btn:disabled{cursor:not-allowed;opacity:.6}.purchase-attachments .attachments-list .empty-state{color:#6c757d;padding:3rem 1rem;text-align:center}.purchase-attachments .attachments-list .empty-state .empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.purchase-attachments .attachments-list .empty-state p{font-size:1.1rem;margin:.5rem 0}.purchase-attachments .attachments-list .empty-state .empty-subtitle{font-size:.9rem;opacity:.8}.purchase-attachments .attachments-list .attachments-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}@media(max-width:768px){.purchase-attachments .attachments-list .attachments-grid{gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}.purchase-attachments .attachments-list .attachments-grid .attachment-item-wrapper{position:relative}.purchase-attachments .attachments-list .attachments-grid .attachment-item-wrapper .attachment-actions{display:flex;gap:.25rem;opacity:0;position:absolute;right:.5rem;top:.5rem;transition:opacity .3s ease;z-index:10}.purchase-attachments .attachments-list .attachments-grid .attachment-item-wrapper .attachment-actions .action-btn{align-items:center;border:none;border-radius:4px;box-shadow:0 2px 4px #0000001a;cursor:pointer;display:flex;font-size:.75rem;height:28px;justify-content:center;text-decoration:none;transition:all .3s ease;width:28px}.purchase-attachments .attachments-list .attachments-grid .attachment-item-wrapper .attachment-actions .action-btn.download-btn{background:#007bff;color:#fff}.purchase-attachments .attachments-list .attachments-grid .attachment-item-wrapper .attachment-actions .action-btn.download-btn:hover{background:#0056b3}.purchase-attachments .attachments-list .attachments-grid .attachment-item-wrapper .attachment-actions .action-btn.delete-btn{background:#dc3545;color:#fff}.purchase-attachments .attachments-list .attachments-grid .attachment-item-wrapper .attachment-actions .action-btn.delete-btn:hover{background:#c82333}.purchase-attachments .attachments-list .attachments-grid .attachment-item-wrapper:hover .attachment-actions{opacity:1}@media(max-width:767px){.purchase-attachments .upload-section{padding:1rem}.purchase-attachments .upload-section .file-input-label{font-size:.9rem;padding:.6rem 1.2rem}.purchase-attachments .attachments-grid .attachment-item{gap:.75rem;padding:.75rem}.purchase-attachments .attachments-grid .attachment-item .attachment-icon{height:36px;width:36px}.purchase-attachments .attachments-grid .attachment-item .attachment-icon .file-icon{font-size:1.3rem}.purchase-attachments .attachments-grid .attachment-item .attachment-info .filename{font-size:.9rem}.purchase-attachments .attachments-grid .attachment-item .attachment-info .file-meta{font-size:.75rem}.purchase-attachments .attachments-grid .attachment-item .attachment-actions .action-btn{font-size:.8rem;height:28px;width:28px}}.attachment-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.attachment-modal-overlay .attachment-modal{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow:hidden;width:100%}.attachment-modal-overlay .attachment-modal .modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1.5rem}.attachment-modal-overlay .attachment-modal .modal-header h3{color:#111827;font-size:1.25rem;font-weight:600;margin:0}.attachment-modal-overlay .attachment-modal .modal-header .close-btn{background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;padding:.5rem;transition:all .2s ease}.attachment-modal-overlay .attachment-modal .modal-header .close-btn:hover:not(:disabled){background:#f3f4f6;color:#374151}.attachment-modal-overlay .attachment-modal .modal-header .close-btn:disabled{cursor:not-allowed;opacity:.5}.attachment-modal-overlay .attachment-modal .modal-header .close-btn svg{font-size:1.25rem}.attachment-modal-overlay .attachment-modal .modal-body{flex:1 1;overflow-y:auto;padding:1.5rem}.attachment-modal-overlay .attachment-modal .modal-body .upload-zone{background:#f9fafb;border:2px dashed #d1d5db;border-radius:8px;cursor:pointer;padding:3rem 2rem;text-align:center;transition:all .3s ease}.attachment-modal-overlay .attachment-modal .modal-body .upload-zone:hover{background:#eff6ff;border-color:#3b82f6}.attachment-modal-overlay .attachment-modal .modal-body .upload-zone.drag-active{background:#dbeafe;border-color:#3b82f6;transform:scale(1.02)}.attachment-modal-overlay .attachment-modal .modal-body .upload-zone .file-input{height:0;opacity:0;position:absolute;width:0}.attachment-modal-overlay .attachment-modal .modal-body .upload-zone .upload-label{cursor:pointer;display:block}.attachment-modal-overlay .attachment-modal .modal-body .upload-zone .upload-label .upload-icon{color:#9ca3af;font-size:3rem;margin-bottom:1rem}.attachment-modal-overlay .attachment-modal .modal-body .upload-zone .upload-label .upload-text{color:#374151;font-size:1.1rem;margin:0 0 .5rem}.attachment-modal-overlay .attachment-modal .modal-body .upload-zone .upload-label .upload-text strong{color:#3b82f6}.attachment-modal-overlay .attachment-modal .modal-body .upload-zone .upload-label .upload-subtitle{color:#6b7280;font-size:.875rem;margin:0}.attachment-modal-overlay .attachment-modal .modal-body .selected-files{margin-top:2rem}.attachment-modal-overlay .attachment-modal .modal-body .selected-files h4{color:#374151;font-size:1rem;font-weight:600;margin:0 0 1rem}.attachment-modal-overlay .attachment-modal .modal-body .selected-files .files-list{display:flex;flex-direction:column;gap:.75rem;max-height:200px;overflow-y:auto}.attachment-modal-overlay .attachment-modal .modal-body .selected-files .files-list .file-item{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:flex;justify-content:space-between;padding:.75rem;transition:all .2s ease}.attachment-modal-overlay .attachment-modal .modal-body .selected-files .files-list .file-item:hover{background:#f3f4f6}.attachment-modal-overlay .attachment-modal .modal-body .selected-files .files-list .file-item .file-info{align-items:center;display:flex;flex:1 1;gap:.75rem;min-width:0}.attachment-modal-overlay .attachment-modal .modal-body .selected-files .files-list .file-item .file-info .file-icon{flex-shrink:0;font-size:1.5rem}.attachment-modal-overlay .attachment-modal .modal-body .selected-files .files-list .file-item .file-info .file-icon.image{color:#10b981}.attachment-modal-overlay .attachment-modal .modal-body .selected-files .files-list .file-item .file-info .file-icon.document{color:#ef4444}.attachment-modal-overlay .attachment-modal .modal-body .selected-files .files-list .file-item .file-info .file-details{display:flex;flex-direction:column;min-width:0}.attachment-modal-overlay .attachment-modal .modal-body .selected-files .files-list .file-item .file-info .file-details .file-name{color:#374151;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-modal-overlay .attachment-modal .modal-body .selected-files .files-list .file-item .file-info .file-details .file-size{color:#6b7280;font-size:.875rem}.attachment-modal-overlay .attachment-modal .modal-body .selected-files .files-list .file-item .remove-btn{background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;flex-shrink:0;padding:.5rem;transition:all .2s ease}.attachment-modal-overlay .attachment-modal .modal-body .selected-files .files-list .file-item .remove-btn:hover:not(:disabled){background:#fee2e2;color:#dc2626}.attachment-modal-overlay .attachment-modal .modal-body .selected-files .files-list .file-item .remove-btn:disabled{cursor:not-allowed;opacity:.5}.attachment-modal-overlay .attachment-modal .modal-body .selected-files .files-list .file-item .remove-btn svg{font-size:.875rem}.attachment-modal-overlay .attachment-modal .modal-footer{align-items:center;background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;gap:.75rem;justify-content:flex-end;padding:1.5rem}.attachment-modal-overlay .attachment-modal .modal-footer .cancel-btn{background:#fff;border:1px solid #d1d5db;color:#374151}.attachment-modal-overlay .attachment-modal .modal-footer .cancel-btn:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af}.attachment-modal-overlay .attachment-modal .modal-footer .upload-btn{background:#3b82f6;border:1px solid #3b82f6;color:#fff}.attachment-modal-overlay .attachment-modal .modal-footer .upload-btn:hover:not(:disabled){background:#2563eb;border-color:#2563eb}.attachment-modal-overlay .attachment-modal .modal-footer .upload-btn:disabled{cursor:not-allowed;opacity:.6}@media(max-width:640px){.attachment-modal-overlay{padding:.5rem}.attachment-modal-overlay .attachment-modal{max-height:95vh}.attachment-modal-overlay .attachment-modal .modal-body,.attachment-modal-overlay .attachment-modal .modal-footer,.attachment-modal-overlay .attachment-modal .modal-header{padding:1rem}.attachment-modal-overlay .attachment-modal .modal-body .upload-zone{padding:2rem 1rem}.attachment-modal-overlay .attachment-modal .modal-body .upload-zone .upload-label .upload-icon{font-size:2.5rem}.attachment-modal-overlay .attachment-modal .modal-body .upload-zone .upload-label .upload-text{font-size:1rem}.attachment-modal-overlay .attachment-modal .modal-body .upload-zone .upload-label .upload-subtitle{font-size:.8rem}.attachment-modal-overlay .attachment-modal .modal-body .selected-files .files-list .file-item{padding:.5rem}.attachment-modal-overlay .attachment-modal .modal-body .selected-files .files-list .file-item .file-info{gap:.5rem}.attachment-modal-overlay .attachment-modal .modal-body .selected-files .files-list .file-item .file-info .file-icon{font-size:1.25rem}.attachment-modal-overlay .attachment-modal .modal-body .selected-files .files-list .file-item .file-info .file-details .file-name{font-size:.875rem}.attachment-modal-overlay .attachment-modal .modal-body .selected-files .files-list .file-item .file-info .file-details .file-size{font-size:.75rem}.attachment-modal-overlay .attachment-modal .modal-body .selected-files .files-list .file-item .remove-btn{padding:.375rem}.attachment-modal-overlay .attachment-modal .modal-body .selected-files .files-list .file-item .remove-btn svg{font-size:.75rem}.attachment-modal-overlay .attachment-modal .modal-footer{flex-direction:column;gap:.5rem}.attachment-modal-overlay .attachment-modal .modal-footer .cancel-btn,.attachment-modal-overlay .attachment-modal .modal-footer .upload-btn{width:100%}}.forgot-password-container{display:flex;height:100vh;overflow:auto}.forgot-password-container .branding-section{align-items:center;background-color:#e0e7ff;display:flex;flex-direction:column;font-size:2em;height:calc(100% - .05em);justify-content:center;text-align:center;width:50%}.forgot-password-container .branding-section .branding-content{width:15em}.forgot-password-container .branding-section .branding-content .track-it-logo{margin-bottom:1em}.forgot-password-container .branding-section .branding-content p{color:#373737;font-size:15px;margin:auto auto 5em}.forgot-password-container .forgot-password-form-section{align-items:center;display:flex;height:calc(100% - .08em);justify-content:center;width:50%}.forgot-password-container .forgot-password-form-section .forgot-password-form{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:8em auto auto;padding:2em}.forgot-password-container .forgot-password-form-section .forgot-password-form .form-section{align-items:center;display:flex;flex-direction:column;justify-content:center;width:26.5em}.forgot-password-container .forgot-password-form-section .forgot-password-form .form-section .email-icon{margin-bottom:1em}.forgot-password-container .forgot-password-form-section .forgot-password-form .form-section h2{color:#373737;margin:0 0 1em;text-align:center}.forgot-password-container .forgot-password-form-section .forgot-password-form .form-section h2.check-email{margin-bottom:0}.forgot-password-container .forgot-password-form-section .forgot-password-form .form-section .instruction{color:#666;font-size:1em;text-align:center}.forgot-password-container .forgot-password-form-section .forgot-password-form .form-section .form-page-header{margin-bottom:1em}.forgot-password-container .forgot-password-form-section .forgot-password-form .form-section a{color:#2c4fac;font-size:.813em;margin-bottom:1em;text-align:center}.forgot-password-container .forgot-password-form-section .forgot-password-form .form-section button{width:100%}.forgot-password-container .forgot-password-form-section .forgot-password-form .form-section .resend-instruction{color:#666;font-size:.813em;margin-top:.5em}.forgot-password-container .forgot-password-form-section .forgot-password-form .form-section .resend-instruction button{background:none!important;border:none!important;color:#2c4fac;cursor:pointer;margin:0;padding:0;text-decoration:underline;width:auto}.forgot-password-container .forgot-password-form-section .forgot-password-form .success-message{color:#666;padding:1em;text-align:center}.forgot-password-container .forgot-password-form-section .forgot-password-form .success-message .success-icon{height:4em;width:4em}.forgot-password-container .forgot-password-form-section .forgot-password-form .success-message a{color:#2c4fac;font-size:1em;margin-bottom:1em;text-align:center}@media(max-width:1024px){.forgot-password-container .forgot-password-form-section .forgot-password-form{padding:1em;width:50%}.forgot-password-container .forgot-password-form-section .forgot-password-form .form-section{border-radius:8px;margin-top:3em;width:100%}.forgot-password-container .forgot-password-form-section .forgot-password-form h2{font-size:1.2em}}@media(max-width:480px){.forgot-password-container .forgot-password-form-section .forgot-password-form{padding:1em;width:100%}.forgot-password-container .forgot-password-form-section .forgot-password-form .form-section{border-radius:8px;margin-top:3em;width:100%}.forgot-password-container .forgot-password-form-section .forgot-password-form h2{font-size:1.2em}}.forgot-password-container .forgot-password-form-section .back-link{align-items:center;display:flex;justify-content:center;margin-top:1em}.forgot-password-container .forgot-password-form-section .back-link a{color:#666;font-size:.875em;text-align:center;text-decoration:none}.forgot-password-container .forgot-password-form-section .back-link a:hover{color:#2c4fac;text-decoration:underline}@media(max-width:1024px){.forgot-password-container .forgot-password-form-section .back-link{left:0}.forgot-password-container{display:block}.forgot-password-container .branding-section{display:none}.forgot-password-container .forgot-password-form-section{width:100%}}.stock-alert-page .summary-cards,.supplier-orders-page .summary-cards{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:2rem}.stock-alert-page .summary-cards .summary-card,.supplier-orders-page .summary-cards .summary-card{background:#fff;border:1px solid #e6f0ff;border-radius:10px;box-shadow:0 2px 4px #0000001a;padding:1.5rem;transition:transform .2s ease,box-shadow .2s ease}.stock-alert-page .summary-cards .summary-card:hover,.supplier-orders-page .summary-cards .summary-card:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.stock-alert-page .summary-cards .summary-card .summary-card-content,.supplier-orders-page .summary-cards .summary-card .summary-card-content{text-align:center}.stock-alert-page .summary-cards .summary-card .summary-card-content h3,.supplier-orders-page .summary-cards .summary-card .summary-card-content h3{color:#666;font-size:.9rem;font-weight:500;letter-spacing:.5px;margin:0 0 1rem;text-transform:uppercase}.stock-alert-page .summary-cards .summary-card .summary-card-content .summary-value,.supplier-orders-page .summary-cards .summary-card .summary-card-content .summary-value{color:#2c4fac;font-size:2.5rem;font-weight:700;margin:0}.stock-alert-page .summary-cards .summary-card .summary-card-content .summary-value.alert,.supplier-orders-page .summary-cards .summary-card .summary-card-content .summary-value.alert{color:#e74c3c}@media(max-width:768px){.stock-alert-page .summary-cards,.supplier-orders-page .summary-cards{gap:1rem;grid-template-columns:1fr}.stock-alert-page .summary-cards .summary-card,.supplier-orders-page .summary-cards .summary-card{padding:1rem}.stock-alert-page .summary-cards .summary-card .summary-card-content .summary-value,.supplier-orders-page .summary-cards .summary-card .summary-card-content .summary-value{font-size:2rem}}.stock-alert-page .search-filter-section,.supplier-orders-page .search-filter-section{align-items:flex-start;display:flex;gap:2rem;margin-bottom:2rem}.stock-alert-page .search-filter-section .search-input-container,.supplier-orders-page .search-filter-section .search-input-container{flex:1 1;max-width:400px}.stock-alert-page .search-filter-section .search-input-container .search-input,.supplier-orders-page .search-filter-section .search-input-container .search-input{margin-bottom:0}.stock-alert-page .search-filter-section .search-input-container .search-input input,.supplier-orders-page .search-filter-section .search-input-container .search-input input{border:1px solid #e6f0ff;border-radius:6px;padding:8px 12px}.stock-alert-page .search-filter-section .search-input-container .search-input input:focus,.supplier-orders-page .search-filter-section .search-input-container .search-input input:focus{border-color:#2c4fac;box-shadow:0 0 0 2px #3498db33}.stock-alert-page .search-filter-section .filter-radio-container,.supplier-orders-page .search-filter-section .filter-radio-container{flex:1 1;min-width:300px}.stock-alert-page .search-filter-section .filter-radio-container h4,.supplier-orders-page .search-filter-section .filter-radio-container h4{color:#373737;font-size:.9rem;font-weight:600;margin:0 0 1rem}.stock-alert-page .search-filter-section .filter-radio-container .radio-group,.supplier-orders-page .search-filter-section .filter-radio-container .radio-group{display:flex;flex-wrap:wrap;gap:1rem}.stock-alert-page .search-filter-section .filter-radio-container .radio-group .radio-option,.supplier-orders-page .search-filter-section .filter-radio-container .radio-group .radio-option{align-items:center;border:1px solid #e6f0ff;border-radius:6px;cursor:pointer;display:flex;padding:.5rem .75rem;transition:all .2s ease}.stock-alert-page .search-filter-section .filter-radio-container .radio-group .radio-option:hover,.supplier-orders-page .search-filter-section .filter-radio-container .radio-group .radio-option:hover{background-color:#3498db0d;border-color:#2c4fac}.stock-alert-page .search-filter-section .filter-radio-container .radio-group .radio-option input[type=radio],.supplier-orders-page .search-filter-section .filter-radio-container .radio-group .radio-option input[type=radio]{accent-color:#2c4fac;margin-right:.5rem}.stock-alert-page .search-filter-section .filter-radio-container .radio-group .radio-option .radio-label,.supplier-orders-page .search-filter-section .filter-radio-container .radio-group .radio-option .radio-label{color:#373737;font-size:.875rem;font-weight:500}.stock-alert-page .search-filter-section .filter-radio-container .radio-group .radio-option .radio-label.good,.supplier-orders-page .search-filter-section .filter-radio-container .radio-group .radio-option .radio-label.good{color:#27ae60}.stock-alert-page .search-filter-section .filter-radio-container .radio-group .radio-option .radio-label.warning,.supplier-orders-page .search-filter-section .filter-radio-container .radio-group .radio-option .radio-label.warning{color:#f39c12}.stock-alert-page .search-filter-section .filter-radio-container .radio-group .radio-option .radio-label.danger,.supplier-orders-page .search-filter-section .filter-radio-container .radio-group .radio-option .radio-label.danger{color:#e74c3c}.stock-alert-page .search-filter-section .filter-radio-container .radio-group .radio-option:has(input:checked),.supplier-orders-page .search-filter-section .filter-radio-container .radio-group .radio-option:has(input:checked){background-color:#3498db1a;border-color:#2c4fac}.stock-alert-page .search-filter-section .filter-radio-container .radio-group .radio-option:has(input:checked) .radio-label,.supplier-orders-page .search-filter-section .filter-radio-container .radio-group .radio-option:has(input:checked) .radio-label{font-weight:600}@media(max-width:768px){.stock-alert-page .search-filter-section,.supplier-orders-page .search-filter-section{flex-direction:column;gap:1.5rem}.stock-alert-page .search-filter-section .search-input-container,.supplier-orders-page .search-filter-section .search-input-container{max-width:100%}.stock-alert-page .search-filter-section .filter-radio-container,.supplier-orders-page .search-filter-section .filter-radio-container{min-width:auto}.stock-alert-page .search-filter-section .filter-radio-container .radio-group,.supplier-orders-page .search-filter-section .filter-radio-container .radio-group{gap:.75rem}.stock-alert-page .search-filter-section .filter-radio-container .radio-group .radio-option,.supplier-orders-page .search-filter-section .filter-radio-container .radio-group .radio-option{padding:.4rem .6rem}.stock-alert-page .search-filter-section .filter-radio-container .radio-group .radio-option .radio-label,.supplier-orders-page .search-filter-section .filter-radio-container .radio-group .radio-option .radio-label{font-size:.8rem}}@media(max-width:480px){.stock-alert-page .search-filter-section .filter-radio-container .radio-group,.supplier-orders-page .search-filter-section .filter-radio-container .radio-group{flex-direction:column;gap:.5rem}.stock-alert-page .search-filter-section .filter-radio-container .radio-group .radio-option,.supplier-orders-page .search-filter-section .filter-radio-container .radio-group .radio-option{justify-content:flex-start}}.stock-alert-page .supplier-info-section,.supplier-orders-page .supplier-info-section{margin-bottom:2rem}.stock-alert-page .supplier-info-section .supplier-details,.supplier-orders-page .supplier-info-section .supplier-details{background:#fff;border:1px solid #e6f0ff;border-radius:10px;padding:1.5rem}.stock-alert-page .supplier-info-section .supplier-details h3,.supplier-orders-page .supplier-info-section .supplier-details h3{color:#373737;font-size:1.1rem;font-weight:600;margin:0 0 1rem}.stock-alert-page .supplier-info-section .supplier-details .supplier-info-grid,.supplier-orders-page .supplier-info-section .supplier-details .supplier-info-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stock-alert-page .supplier-info-section .supplier-details .supplier-info-grid .info-item,.supplier-orders-page .supplier-info-section .supplier-details .supplier-info-grid .info-item{display:flex;flex-direction:column;gap:.25rem}.stock-alert-page .supplier-info-section .supplier-details .supplier-info-grid .info-item label,.supplier-orders-page .supplier-info-section .supplier-details .supplier-info-grid .info-item label{color:#666;font-size:.875rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.stock-alert-page .supplier-info-section .supplier-details .supplier-info-grid .info-item span,.supplier-orders-page .supplier-info-section .supplier-details .supplier-info-grid .info-item span{color:#373737;font-size:1rem;font-weight:500}@media(max-width:768px){.stock-alert-page .supplier-info-section .supplier-details,.supplier-orders-page .supplier-info-section .supplier-details{padding:1rem}.stock-alert-page .supplier-info-section .supplier-details .supplier-info-grid,.supplier-orders-page .supplier-info-section .supplier-details .supplier-info-grid{gap:.75rem;grid-template-columns:1fr}}.stock-alert-page .table-section .table-header-with-toggle,.supplier-orders-page .table-section .table-header-with-toggle{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.stock-alert-page .table-section .table-header-with-toggle h3,.supplier-orders-page .table-section .table-header-with-toggle h3{color:#373737;font-size:1.2rem;font-weight:600;margin:0}.stock-alert-page .table-section .table-header-with-toggle .table-toggle-button,.supplier-orders-page .table-section .table-header-with-toggle .table-toggle-button{align-items:center;background:none;border:1px solid #2c4fac;border-radius:6px;color:#2c4fac;display:flex;font-size:.875rem;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.stock-alert-page .table-section .table-header-with-toggle .table-toggle-button .toggle-icon,.supplier-orders-page .table-section .table-header-with-toggle .table-toggle-button .toggle-icon{font-size:.75rem;transition:transform .2s ease}.stock-alert-page .table-section .table-header-with-toggle .table-toggle-button:hover,.supplier-orders-page .table-section .table-header-with-toggle .table-toggle-button:hover{background-color:#3498db1a;transform:translateY(-1px)}@media(max-width:768px){.stock-alert-page .table-section .table-header-with-toggle,.supplier-orders-page .table-section .table-header-with-toggle{align-items:flex-start;flex-direction:column;gap:1rem}.stock-alert-page .table-section .table-header-with-toggle .table-toggle-button,.supplier-orders-page .table-section .table-header-with-toggle .table-toggle-button{align-self:flex-end}}.stock-alert-page .table-section h3,.supplier-orders-page .table-section h3{color:#373737;font-size:1.2rem;font-weight:600;margin-bottom:1rem}.stock-alert-page .table-section .stock-alerts-table,.supplier-orders-page .table-section .stock-alerts-table{overflow-x:auto}.stock-alert-page .table-section .stock-alerts-table .supplier-name,.supplier-orders-page .table-section .stock-alerts-table .supplier-name{color:#2c4fac;cursor:pointer;font-weight:500;text-decoration:none}.stock-alert-page .table-section .stock-alerts-table .supplier-name:hover,.supplier-orders-page .table-section .stock-alerts-table .supplier-name:hover{color:#2980b9;text-decoration:underline}.stock-alert-page .table-section .stock-alerts-table .alert-count-blue,.supplier-orders-page .table-section .stock-alerts-table .alert-count-blue{background-color:#3498db1a;border-radius:4px;color:#3498db;font-weight:600;padding:.25rem .5rem}.stock-alert-page .table-section .stock-alerts-table .alert-percentage-good,.supplier-orders-page .table-section .stock-alerts-table .alert-percentage-good{background-color:#27ae601a;border-radius:4px;color:#27ae60;font-weight:600;padding:.25rem .5rem}.stock-alert-page .table-section .stock-alerts-table .alert-percentage-warning,.supplier-orders-page .table-section .stock-alerts-table .alert-percentage-warning{background-color:#f39c121a;border-radius:4px;color:#f39c12;font-weight:600;padding:.25rem .5rem}.stock-alert-page .table-section .stock-alerts-table .alert-percentage-danger,.supplier-orders-page .table-section .stock-alerts-table .alert-percentage-danger{background-color:#e74c3c1a;border-radius:4px;color:#e74c3c;font-weight:600;padding:.25rem .5rem}.stock-alert-page .table-section .stock-alerts-table .name-col,.supplier-orders-page .table-section .stock-alerts-table .name-col{color:#2c4fac;font-weight:500}.stock-alert-page .table-section .stock-alerts-table .alert_percentage-col,.supplier-orders-page .table-section .stock-alerts-table .alert_percentage-col{font-weight:500}.stock-alert-page .table-section .stock-alerts-table tbody tr:hover,.supplier-orders-page .table-section .stock-alerts-table tbody tr:hover{background-color:#3498db0d}.stock-alert-page .table-section .supplier-alert-products-table .product-name,.supplier-orders-page .table-section .supplier-alert-products-table .product-name{color:#2c4fac;cursor:pointer;font-weight:500;text-decoration:none;transition:all .2s ease}.stock-alert-page .table-section .supplier-alert-products-table .product-name:hover,.supplier-orders-page .table-section .supplier-alert-products-table .product-name:hover{color:#5275d3;text-decoration:underline}.stock-alert-page .table-section .supplier-alert-products-table .shortage-critical,.supplier-orders-page .table-section .supplier-alert-products-table .shortage-critical{background-color:#e74c3c1a;border-radius:4px;color:#e74c3c;font-weight:600;padding:.25rem .5rem}.stock-alert-page .table-section .supplier-alert-products-table .shortage-ok,.supplier-orders-page .table-section .supplier-alert-products-table .shortage-ok{color:#27ae60;font-weight:500}.stock-alert-page .table-section .supplier-alert-products-table .current_stock-col,.stock-alert-page .table-section .supplier-alert-products-table .minimum_quantity-col,.stock-alert-page .table-section .supplier-alert-products-table .shortage-col,.supplier-orders-page .table-section .supplier-alert-products-table .current_stock-col,.supplier-orders-page .table-section .supplier-alert-products-table .minimum_quantity-col,.supplier-orders-page .table-section .supplier-alert-products-table .shortage-col{font-weight:500;text-align:center}.stock-alert-page .table-section .supplier-alert-products-table .cost_price-col,.supplier-orders-page .table-section .supplier-alert-products-table .cost_price-col{font-weight:500;text-align:right}.stock-alert-page .table-section .supplier-alert-products-table .recommend_supply_quantity-col,.supplier-orders-page .table-section .supplier-alert-products-table .recommend_supply_quantity-col{font-weight:500;text-align:center}.stock-alert-page .table-section .supplier-alert-products-table .recommend_supply_quantity-col .quantity-input-container,.supplier-orders-page .table-section .supplier-alert-products-table .recommend_supply_quantity-col .quantity-input-container{align-items:center;display:flex;gap:.25rem;justify-content:center}.stock-alert-page .table-section .supplier-alert-products-table .recommend_supply_quantity-col .quantity-input-container .quantity-input-table,.supplier-orders-page .table-section .supplier-alert-products-table .recommend_supply_quantity-col .quantity-input-container .quantity-input-table{border:1px solid #d1d5db;border-radius:4px;font-size:.75rem;padding:.3rem .4rem;text-align:center;transition:all .2s ease;width:60px}.stock-alert-page .table-section .supplier-alert-products-table .recommend_supply_quantity-col .quantity-input-container .quantity-input-table:focus,.supplier-orders-page .table-section .supplier-alert-products-table .recommend_supply_quantity-col .quantity-input-container .quantity-input-table:focus{border-color:#2c4fac;box-shadow:0 0 0 2px #3498db1a;outline:none}.stock-alert-page .table-section .supplier-alert-products-table .recommend_supply_quantity-col .quantity-input-container .quantity-input-table:hover,.supplier-orders-page .table-section .supplier-alert-products-table .recommend_supply_quantity-col .quantity-input-container .quantity-input-table:hover{border-color:#9ca3af}.stock-alert-page .table-section .supplier-alert-products-table .recommend_supply_quantity-col .quantity-input-container .unit-label,.supplier-orders-page .table-section .supplier-alert-products-table .recommend_supply_quantity-col .quantity-input-container .unit-label{color:#666;font-size:.65rem;font-weight:500}.stock-alert-page .table-section .supplier-alert-products-table .subtotal-col,.supplier-orders-page .table-section .supplier-alert-products-table .subtotal-col{color:#2c4fac;font-weight:600;text-align:right}.stock-alert-page .table-section .supplier-alert-products-table .pack_selection-col,.supplier-orders-page .table-section .supplier-alert-products-table .pack_selection-col{min-width:150px;text-align:center}.stock-alert-page .table-section .supplier-alert-products-table .pack_selection-col .pack-selection-container,.supplier-orders-page .table-section .supplier-alert-products-table .pack_selection-col .pack-selection-container{align-items:center;display:flex;flex-direction:column;gap:.25rem}.stock-alert-page .table-section .supplier-alert-products-table .pack_selection-col .pack-selection-container .pack-select,.supplier-orders-page .table-section .supplier-alert-products-table .pack_selection-col .pack-selection-container .pack-select{background-color:#fff;border:1px solid #d1d5db;border-radius:4px;font-size:.75rem;padding:.25rem .375rem;transition:all .2s ease;width:155px}.stock-alert-page .table-section .supplier-alert-products-table .pack_selection-col .pack-selection-container .pack-select:focus,.supplier-orders-page .table-section .supplier-alert-products-table .pack_selection-col .pack-selection-container .pack-select:focus{border-color:#2c4fac;box-shadow:0 0 0 2px #3498db1a;outline:none}.stock-alert-page .table-section .supplier-alert-products-table .pack_selection-col .pack-selection-container .pack-select:hover,.supplier-orders-page .table-section .supplier-alert-products-table .pack_selection-col .pack-selection-container .pack-select:hover{border-color:#9ca3af}.stock-alert-page .table-section .supplier-alert-products-table .pack_selection-col .pack-selection-container .pack-info,.supplier-orders-page .table-section .supplier-alert-products-table .pack_selection-col .pack-selection-container .pack-info{word-wrap:break-word;color:#666;font-size:.65rem;font-weight:500;line-height:1.2;max-width:130px;text-align:center}.stock-alert-page .order-summary-section,.supplier-orders-page .order-summary-section{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px solid #2c4fac;border-radius:8px;display:flex;justify-content:space-between;margin-top:2rem;padding:1.5rem}.stock-alert-page .order-summary-section .total-amount .total-label,.supplier-orders-page .order-summary-section .total-amount .total-label{color:#373737;font-size:1.125rem;font-weight:600}.stock-alert-page .order-summary-section .total-amount .total-value,.supplier-orders-page .order-summary-section .total-amount .total-value{color:#2c4fac;font-size:1.25rem;font-weight:700;margin-left:.5rem}.stock-alert-page .order-summary-section .create-order-btn,.supplier-orders-page .order-summary-section .create-order-btn{background:linear-gradient(135deg,#28a745,#20c997);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.875rem 2rem;transition:all .2s ease}.stock-alert-page .order-summary-section .create-order-btn:hover,.supplier-orders-page .order-summary-section .create-order-btn:hover{background:linear-gradient(135deg,#218838,#1ea085);box-shadow:0 4px 12px #28a7454d;transform:translateY(-2px)}@media(max-width:768px){.stock-alert-page .order-summary-section,.supplier-orders-page .order-summary-section{flex-direction:column;gap:1rem;text-align:center}}.stock-alert-page .modal-overlay,.supplier-orders-page .modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.stock-alert-page .warning-modal,.supplier-orders-page .warning-modal{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0003;max-height:90vh;max-width:500px;overflow-y:auto;width:90%}.stock-alert-page .warning-modal .modal-header,.supplier-orders-page .warning-modal .modal-header{background:linear-gradient(135deg,#2c4fac,#3e65ce);border-bottom:1px solid #e5e7eb;border-radius:12px 12px 0 0;color:#fff;padding:1.5rem}.stock-alert-page .warning-modal .modal-header h3,.supplier-orders-page .warning-modal .modal-header h3{color:#fff;font-size:1.25rem;font-weight:600;margin:0}.stock-alert-page .warning-modal .modal-content,.supplier-orders-page .warning-modal .modal-content{padding:2rem 1.5rem;width:90%}.stock-alert-page .warning-modal .modal-content p,.supplier-orders-page .warning-modal .modal-content p{color:#373737;line-height:1.5;margin:0 0 1rem}.stock-alert-page .warning-modal .modal-content p:last-child,.supplier-orders-page .warning-modal .modal-content p:last-child{margin-bottom:0}.stock-alert-page .warning-modal .modal-content p strong,.supplier-orders-page .warning-modal .modal-content p strong{color:#2c4fac;font-weight:600}.stock-alert-page .warning-modal .modal-content .loading-content,.supplier-orders-page .warning-modal .modal-content .loading-content{padding:1rem 0;text-align:center}.stock-alert-page .warning-modal .modal-content .loading-content .loader,.supplier-orders-page .warning-modal .modal-content .loading-content .loader{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#2c4fac;height:40px;margin:0 auto 1rem;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.stock-alert-page .warning-modal .modal-content .success-content,.supplier-orders-page .warning-modal .modal-content .success-content{padding:1rem 0;text-align:center}.stock-alert-page .warning-modal .modal-content .success-content .success-icon,.supplier-orders-page .warning-modal .modal-content .success-content .success-icon{color:#27ae60;font-size:3rem;font-weight:700;margin-bottom:1rem}.stock-alert-page .warning-modal .modal-content .error-content,.supplier-orders-page .warning-modal .modal-content .error-content{padding:1rem 0;text-align:center}.stock-alert-page .warning-modal .modal-content .error-content .error-icon,.supplier-orders-page .warning-modal .modal-content .error-content .error-icon{color:#e74c3c;font-size:3rem;font-weight:700;margin-bottom:1rem}.stock-alert-page .warning-modal .modal-content .error-content .error-message,.supplier-orders-page .warning-modal .modal-content .error-content .error-message{color:#e74c3c;font-weight:600}.stock-alert-page .warning-modal .modal-actions,.supplier-orders-page .warning-modal .modal-actions{border-top:1px solid #e5e7eb;display:flex;gap:1rem;justify-content:flex-end;padding:1rem 1.5rem 1.5rem}.stock-alert-page .warning-modal .modal-actions .cancel-btn,.supplier-orders-page .warning-modal .modal-actions .cancel-btn{background:#6b7280;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease}.stock-alert-page .warning-modal .modal-actions .cancel-btn:hover,.supplier-orders-page .warning-modal .modal-actions .cancel-btn:hover{background:#4b5563}.stock-alert-page .warning-modal .modal-actions .confirm-btn,.supplier-orders-page .warning-modal .modal-actions .confirm-btn{background:linear-gradient(135deg,#dc2626,#b91c1c);border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.stock-alert-page .warning-modal .modal-actions .confirm-btn:hover,.supplier-orders-page .warning-modal .modal-actions .confirm-btn:hover{background:linear-gradient(135deg,#b91c1c,#991b1b);box-shadow:0 4px 12px #dc26264d;transform:translateY(-1px)}@media(max-width:480px){.stock-alert-page .warning-modal .modal-actions,.supplier-orders-page .warning-modal .modal-actions{flex-direction:column}.stock-alert-page .warning-modal .modal-actions .cancel-btn,.stock-alert-page .warning-modal .modal-actions .confirm-btn,.supplier-orders-page .warning-modal .modal-actions .cancel-btn,.supplier-orders-page .warning-modal .modal-actions .confirm-btn{width:100%}}.stock-alert-page .supplier-orders-table .supplier-name-link,.supplier-orders-page .supplier-orders-table .supplier-name-link{color:#2c4fac;cursor:pointer;font-weight:500;text-decoration:none;transition:all .2s ease}.stock-alert-page .supplier-orders-table .supplier-name-link:hover,.supplier-orders-page .supplier-orders-table .supplier-name-link:hover{color:#5275d3;text-decoration:underline}.stock-alert-page .supplier-orders-table .order-status-badge,.supplier-orders-page .supplier-orders-table .order-status-badge{border-radius:12px;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase}.stock-alert-page .supplier-orders-table .order-status-badge.status-pending,.supplier-orders-page .supplier-orders-table .order-status-badge.status-pending{background-color:#f39c121a;border:1px solid #f39c124d;color:#f39c12}.stock-alert-page .supplier-orders-table .order-status-badge.status-sent,.supplier-orders-page .supplier-orders-table .order-status-badge.status-sent{background-color:#3498db1a;border:1px solid #3498db4d;color:#3498db}.stock-alert-page .supplier-orders-table .order-status-badge.status-delivered,.supplier-orders-page .supplier-orders-table .order-status-badge.status-delivered{background-color:#27ae601a;border:1px solid #27ae604d;color:#27ae60}.stock-alert-page .supplier-orders-table .order-status-badge.status-default,.supplier-orders-page .supplier-orders-table .order-status-badge.status-default{background-color:#6c757d1a;border:1px solid #6c757d4d;color:#6c757d}.stock-alert-page .order-info-bar,.supplier-orders-page .order-info-bar{align-items:center;background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px;padding:20px}.stock-alert-page .order-info-bar .order-info-item,.supplier-orders-page .order-info-bar .order-info-item{align-items:flex-start;display:flex;flex-direction:column;min-width:120px}.stock-alert-page .order-info-bar .order-info-item .info-label,.supplier-orders-page .order-info-bar .order-info-item .info-label{color:#6c757d;font-size:12px;font-weight:500;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.stock-alert-page .order-info-bar .order-info-item .info-value,.supplier-orders-page .order-info-bar .order-info-item .info-value{color:#212529;font-size:16px;font-weight:600}.stock-alert-page .order-info-bar .order-info-item .info-value.total-amount,.supplier-orders-page .order-info-bar .order-info-item .info-value.total-amount{color:#28a745;font-size:18px;font-weight:700}.stock-alert-page .order-info-bar .order-info-item .info-value .created-time,.supplier-orders-page .order-info-bar .order-info-item .info-value .created-time{color:#666;font-size:14px}.stock-alert-page .order-items-section .section-header,.supplier-orders-page .order-items-section .section-header{margin-bottom:16px}.stock-alert-page .order-items-section .section-header h3,.supplier-orders-page .order-items-section .section-header h3{color:#212529;font-size:18px;font-weight:600;margin:0}.stock-alert-page .order-items-section .total_amount-col,.supplier-orders-page .order-items-section .total_amount-col{color:#2c4fac;font-weight:600;text-align:right}.stock-alert-page .order-items-section .items_count-col,.supplier-orders-page .order-items-section .items_count-col{font-weight:500;text-align:center}.stock-alert-page .order-items-section .created_at-col,.supplier-orders-page .order-items-section .created_at-col{color:#666;font-size:.875rem}.view-expense-modal{height:auto;max-height:80vh;min-height:500px;overflow-y:auto;width:600px}.view-expense-modal .expense-details{margin:1rem 0;text-align:left}.view-expense-modal .expense-details .detail-section{margin-bottom:2rem}.view-expense-modal .expense-details .detail-section h3{border-bottom:1px solid #f2f2f2;color:#373737;font-size:1.1em;margin-bottom:1rem;padding-bottom:.5rem}.view-expense-modal .expense-details .detail-row{align-items:flex-start;display:flex;margin-bottom:1rem}.view-expense-modal .expense-details .detail-row .detail-label{color:#666;flex-shrink:0;font-size:.9rem;font-weight:600;min-width:140px}.view-expense-modal .expense-details .detail-row .detail-value{word-wrap:break-word;color:#373737;flex:1 1;font-size:.9rem}.view-expense-modal .expense-details .detail-row .detail-value.amount-value{color:#2c4fac;font-size:1.1rem;font-weight:600}.view-expense-modal .expense-details .detail-row .detail-value.description-value{line-height:1.4;max-width:400px}.view-expense-modal .modal-actions{justify-content:center;margin-top:2rem}.filter-header{align-items:center;display:flex;gap:.5rem;margin-bottom:1rem}.main-page .filter-wrapper .filter{grid-gap:1rem;align-items:end;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.main-page .filter-wrapper .filter .select-container{display:flex;flex-direction:column;position:relative;width:100%}.main-page .filter-wrapper .filter .filter-input{margin-bottom:0}.main-page .filter-wrapper .filter .date-picker-popover{background:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 4px 6px #0000001a;left:0;margin-top:4px;position:absolute;top:100%;z-index:1000}.quantity-change{font-weight:600}.quantity-change.positive{color:#28a745}.quantity-change.negative{color:#dc3545}.note-cell{word-wrap:break-word;line-height:1.4;max-width:250px;white-space:normal;word-break:break-word}td:nth-child(2),td:nth-child(3){min-width:-webkit-fit-content;min-width:fit-content;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:768px){.filters-section{padding:1rem}.filters-section .filter-row{gap:.75rem;grid-template-columns:1fr}.filters-section .filter-actions{justify-content:center}}.total-financial-impact-section{background:#f8f9fa;border:1px solid #e9ecef;border-left:4px solid #28a745;border-radius:8px;margin-top:1.5rem;padding:1rem 1.5rem;transition:all .3s ease}.total-financial-impact-section.negative{background:#fdf2f2;border-left:4px solid;border-color:#f5c6cb}.total-financial-impact-section .total-impact-content{align-items:center;display:flex;justify-content:space-between}.total-financial-impact-section .total-impact-content .impact-label{color:#495057;font-size:1rem;font-weight:600}.total-financial-impact-section .total-impact-content .impact-value{border-radius:4px;font-size:1.2rem;font-weight:700;padding:.25rem .5rem}.total-financial-impact-section .total-impact-content .impact-value.positive{background:#28a7451a;color:#28a745}.total-financial-impact-section .total-impact-content .impact-value.negative{background:#dc35451a;color:#dc3545}@media(max-width:768px){.total-financial-impact-section .total-impact-content{align-items:flex-start;flex-direction:column;gap:.5rem}}.add-stock-adjustments-content{display:flex;flex-direction:column;gap:2rem;padding:1rem 0}.add-stock-adjustments-content .search-section .product-search{margin-bottom:1rem}.add-stock-adjustments-content .search-section .products-table{margin-top:1rem}.add-stock-adjustments-content .search-section h3{color:#333;font-size:1.2rem;font-weight:600;margin-bottom:1rem}.add-stock-adjustments-content .selected-products-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:1.5rem}.add-stock-adjustments-content .selected-products-section h3{color:#333;font-size:1.2rem;font-weight:600;margin-bottom:1rem}.add-stock-adjustments-content .selected-products-section .table-container{background:#fff;border-radius:6px;overflow:hidden}.add-stock-adjustments-content .financial-summary-section{background:#f8f9fa;border:1px solid #e9ecef;border-left:4px solid #007bff;border-radius:8px;padding:1.5rem}.add-stock-adjustments-content .financial-summary-section h3{color:#333;font-size:1.2rem;font-weight:600;margin-bottom:1rem}.add-stock-adjustments-content .financial-summary-section .financial-summary-content{display:flex;flex-direction:column;gap:1rem}.add-stock-adjustments-content .financial-summary-section .financial-summary-content .summary-item{align-items:center;background:#fff;border:1px solid #dee2e6;border-radius:6px;display:flex;justify-content:space-between;padding:1rem}.add-stock-adjustments-content .financial-summary-section .financial-summary-content .summary-item .summary-label{color:#495057;font-size:1.1rem;font-weight:600}.add-stock-adjustments-content .financial-summary-section .financial-summary-content .summary-item .summary-value{font-size:1.2rem;font-weight:700}.add-stock-adjustments-content .financial-summary-section .financial-summary-content .summary-description{background:#fff;border:1px solid #dee2e6;border-radius:6px;font-size:.95rem;font-style:italic;padding:.75rem 1rem}.add-stock-adjustments-content .note-section{background:#fff;border:1px solid #e9ecef;border-radius:8px;padding:1.5rem}.add-stock-adjustments-content .note-section .input-field{margin-bottom:0}.add-stock-adjustments-content .note-section label{color:#333;font-weight:600}.add-stock-adjustments-content .submit-section{border-top:1px solid #e9ecef;display:flex;gap:1rem;justify-content:flex-end;padding:1rem 0}.add-stock-adjustments-content .submit-section .cancel-btn{background:#6c757d;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:.75rem 1.5rem}.add-stock-adjustments-content .submit-section .cancel-btn:hover{background:#5a6268}.add-stock-adjustments-content .submit-section .submit-btn{background:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:.75rem 1.5rem}.add-stock-adjustments-content .submit-section .submit-btn:hover:not(:disabled){background:#0056b3}.add-stock-adjustments-content .submit-section .submit-btn:disabled{background:#6c757d;cursor:not-allowed;opacity:.6}.add-stock-adjustments-content .table-container .table th{background:#f8f9fa;border-bottom:2px solid #dee2e6;color:#495057;font-weight:600}.add-stock-adjustments-content .table-container .table td{padding:.75rem;vertical-align:middle}.add-stock-adjustments-content .table-container .table .remove-btn{background:#dc3545;border:none;border-radius:4px;color:#fff;font-size:.875rem;padding:.375rem .75rem}.add-stock-adjustments-content .table-container .table .remove-btn:hover{background:#c82333}@media(max-width:768px){.add-stock-adjustments-content{gap:1.5rem;padding:.5rem 0}.add-stock-adjustments-content .note-section,.add-stock-adjustments-content .selected-products-section{padding:1rem}.add-stock-adjustments-content .submit-section{flex-direction:column;gap:.75rem}.add-stock-adjustments-content .submit-section .cancel-btn,.add-stock-adjustments-content .submit-section .submit-btn{padding:.875rem;width:100%}}a{transition:all .2s ease}a:hover{color:#0056b3!important}input[type=number]{transition:border-color .2s ease}input[type=number]:focus{border-color:#007bff!important;box-shadow:0 0 0 2px #007bff40;outline:none}.error-text{color:#dc3545;font-size:.875rem;margin-top:.25rem}.success-text{color:#28a745;font-weight:600}.view-manufacturing-order-modal{height:auto;max-height:85vh;min-height:500px;overflow-y:auto;width:700px}.view-manufacturing-order-modal .order-details{margin:1rem 0;text-align:left}.view-manufacturing-order-modal .order-details .detail-section{margin-bottom:2rem}.view-manufacturing-order-modal .order-details .detail-section h3{border-bottom:2px solid #f2f2f2;color:#373737;font-size:1.1em;font-weight:600;margin-bottom:1rem;padding-bottom:.5rem}.view-manufacturing-order-modal .order-details .detail-row{align-items:flex-start;display:flex;margin-bottom:.8rem}.view-manufacturing-order-modal .order-details .detail-row .detail-label{color:#666;flex-shrink:0;font-size:.9rem;font-weight:500;margin-right:1.5rem;min-width:180px}.view-manufacturing-order-modal .order-details .detail-row .detail-value{word-wrap:break-word;color:#373737;flex:1 1;font-size:.9rem}.view-manufacturing-order-modal .order-details .detail-row .detail-value.cost-value{color:#2c4fac;font-weight:600}.view-manufacturing-order-modal .order-details .detail-row .detail-value.cost-value.total-cost{color:#1abc9c;font-size:1rem}.view-manufacturing-order-modal .order-details .detail-row .detail-value.notes-value{background-color:#f5f5f5;border-left:3px solid #2c4fac;border-radius:4px;line-height:1.4;margin-top:.5rem;padding:.8rem;width:100%}.view-manufacturing-order-modal .status-badge{border-radius:4px;font-size:.8rem;font-weight:500;padding:4px 8px;text-transform:capitalize}.view-manufacturing-order-modal .status-badge.status-pending{background-color:#fff9e6;border:1px solid #f5d98b;color:#b58900}.view-manufacturing-order-modal .status-badge.status-in_progress{background-color:#e6f0ff;border:1px solid #a3b8e6;color:#2c4fac}.view-manufacturing-order-modal .status-badge.status-completed{background-color:#e6f9ed;border:1px solid #1abc9c;color:#1abc9c}.view-manufacturing-order-modal .status-badge.status-cancelled{background-color:#fdecec;border:1px solid #f5b5b5;color:#c53030}.view-manufacturing-order-modal .modal-actions{justify-content:center;margin-top:2rem}@media(max-width:768px){.view-manufacturing-order-modal{max-width:500px;width:95%}.view-manufacturing-order-modal .order-details .detail-row{flex-direction:column;margin-bottom:1rem}.view-manufacturing-order-modal .order-details .detail-row .detail-label{font-weight:600;margin-bottom:.3rem;min-width:auto}.view-manufacturing-order-modal .order-details .detail-row .detail-value.notes-value{margin-top:0}}.manufacturing-orders-page .page-header{margin-bottom:20px}.manufacturing-orders-page .date-picker-popover{background:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 4px 6px #0000001a;left:0;margin-top:4px;position:absolute;top:100%;z-index:1000}.manufacturing-orders-page .reference-link{color:#3b82f6;font-weight:500;text-decoration:none}.manufacturing-orders-page .reference-link:hover{color:#0b63f3;text-decoration:underline}.manufacturing-orders-page .table-container table tbody tr{cursor:pointer}.manufacturing-orders-page .table-container table tbody tr:hover{background-color:#3b82f60d}.manufacturing-orders-page .action-buttons-container{align-items:center;display:flex;gap:8px}.manufacturing-orders-page .action-buttons-container .action-btn{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:.8rem;font-weight:500;gap:4px;padding:6px 12px;transition:all .2s ease}.manufacturing-orders-page .action-buttons-container .action-btn.start-btn{background-color:#1abc9c;color:#fff}.manufacturing-orders-page .action-buttons-container .action-btn.start-btn:hover{background-color:#148f77}.manufacturing-orders-page .action-buttons-container .action-btn.complete-btn{background-color:#2c4fac;color:#fff}.manufacturing-orders-page .action-buttons-container .action-btn.complete-btn:hover{background-color:#223c83}.manufacturing-orders-page .view-details-container{text-align:left}.manufacturing-orders-page .view-details-container .detail-row{align-items:center;border-bottom:1px solid rgba(0,0,0,.149);display:flex;justify-content:space-between;padding:8px 0}.manufacturing-orders-page .view-details-container .detail-row:last-child{border-bottom:none}.manufacturing-orders-page .view-details-container .detail-row label{color:#373737;font-weight:500;margin-right:1.5rem;min-width:150px}.manufacturing-orders-page .view-details-container .detail-row span{color:#666;flex:1 1;text-align:right}.manufacturing-orders-page .status-badge{border-radius:4px;font-size:.8rem;font-weight:500;padding:4px 8px;text-transform:capitalize}.manufacturing-orders-page .status-badge.status-pending{background-color:#fff9e6;border:1px solid #f5d98b;color:#b58900}.manufacturing-orders-page .status-badge.status-in_progress{background-color:#e6f0ff;border:1px solid #a3b8e6;color:#2c4fac}.manufacturing-orders-page .status-badge.status-completed{background-color:#e6f9ed;border:1px solid #1abc9c;color:#1abc9c}.manufacturing-orders-page .status-badge.status-cancelled{background-color:#fdecec;border:1px solid #f5b5b5;color:#c53030}.manufacturing-orders-page .manufacturing-overview-card{background:#fff;border:1px solid rgba(0,0,0,.149);border-radius:12px;box-shadow:0 2px 8px #0000000f;max-width:900px;padding:24px}.manufacturing-orders-page .manufacturing-overview-card h3.section-title{color:#373737;font-size:1.3rem;font-weight:600;margin-bottom:12px;margin-top:0}.manufacturing-orders-page .manufacturing-overview-card p{color:#666;font-size:.95rem;line-height:1.5;margin:0;white-space:pre-line}@media(max-width:768px){.manufacturing-orders-page .manufacturing-overview-card{border-radius:10px;padding:16px}}.view-manufacturing-order-page .page-header{align-items:flex-start;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.view-manufacturing-order-page .page-header .header-left .header-info .header-text{color:#373737;font-size:24px;font-weight:600;margin:0}.view-manufacturing-order-page .page-header .header-left .header-info .header-subtitle{color:#666;font-size:14px;font-weight:500;margin:4px 0 0}.view-manufacturing-order-page .page-header .page-actions .action-buttons{align-items:center;display:flex;gap:12px}.view-manufacturing-order-page .page-header .page-actions .action-buttons .btn{align-items:center;border-radius:6px;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px}.view-manufacturing-order-page .page-header .page-actions .action-buttons .btn.plain-btn{background:#f8f9fa;border:1px solid #dee2e6;color:#495057;transition:all .2s ease}.view-manufacturing-order-page .page-header .page-actions .action-buttons .btn.plain-btn:hover{background:#e9ecef;border-color:#adb5bd;color:#343a40}.view-manufacturing-order-page .page-header .page-actions .action-buttons .btn.plain-btn:active{background:#dee2e6;border-color:#6c757d}.view-manufacturing-order-page .order-details-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.view-manufacturing-order-page .order-details{padding:24px}.view-manufacturing-order-page .order-details .detail-section{margin-bottom:32px}.view-manufacturing-order-page .order-details .detail-section:last-child{margin-bottom:0}.view-manufacturing-order-page .order-details .detail-section h3{border-bottom:2px solid #e9ecef;color:#373737;font-size:18px;font-weight:600;margin:0 0 16px;padding-bottom:8px}.view-manufacturing-order-page .order-details .detail-section .detail-row{align-items:flex-start;border-bottom:1px solid #f8f9fa;display:flex;justify-content:space-between;padding:12px 0}.view-manufacturing-order-page .order-details .detail-section .detail-row:last-child{border-bottom:none}.view-manufacturing-order-page .order-details .detail-section .detail-row .detail-label{color:#666;flex:0 0 200px;font-weight:500;margin-right:16px}.view-manufacturing-order-page .order-details .detail-section .detail-row .detail-value{color:#373737;flex:1 1;text-align:right;word-break:break-word}.view-manufacturing-order-page .order-details .detail-section .detail-row .detail-value.cost-value{color:#28a745;font-weight:600}.view-manufacturing-order-page .order-details .detail-section .detail-row .detail-value.cost-value.total-cost{color:#007bff;font-size:16px}.view-manufacturing-order-page .order-details .detail-section .detail-row .detail-value.notes-value{background:#f8f9fa;border-left:4px solid #007bff;border-radius:4px;padding:12px;text-align:left;white-space:pre-wrap}.view-manufacturing-order-page .order-details .detail-section .detail-row .detail-value.recipe-notes{background:#f8f9fa;border-left:3px solid #007bff;border-radius:4px;color:#6c757d;font-style:italic;padding:8px 12px;text-align:left}.view-manufacturing-order-page .order-details .detail-section .detail-row .detail-value .recipe-link{align-items:center;color:#007bff;display:inline-flex;font-weight:500;gap:4px;text-decoration:none;transition:color .2s ease}.view-manufacturing-order-page .order-details .detail-section .detail-row .detail-value .recipe-link:hover{color:#0056b3;text-decoration:underline}.view-manufacturing-order-page .order-details .detail-section .detail-row .detail-value .recipe-link:visited{color:#6f42c1}.view-manufacturing-order-page .order-details .detail-section .detail-row .detail-value .status-badge{border-radius:20px;display:inline-block;font-size:12px;font-weight:600;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.view-manufacturing-order-page .order-details .detail-section .detail-row .detail-value .status-badge.status-pending{background:#fff3cd;border:1px solid #ffeaa7;color:#856404}.view-manufacturing-order-page .order-details .detail-section .detail-row .detail-value .status-badge.status-in_progress{background:#d1ecf1;border:1px solid #bee5eb;color:#0c5460}.view-manufacturing-order-page .order-details .detail-section .detail-row .detail-value .status-badge.status-completed{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.view-manufacturing-order-page .order-details .detail-section .detail-row .detail-value .status-badge.status-cancelled{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.view-manufacturing-order-page .order-info{background:#f8f9fa;border-radius:4px;font-size:14px;line-height:1.5;margin-top:12px;padding:12px}@media(max-width:768px){.view-manufacturing-order-page .page-header{align-items:stretch;flex-direction:column;gap:16px}.view-manufacturing-order-page .page-header .page-actions .action-buttons{flex-wrap:wrap;gap:8px}.view-manufacturing-order-page .page-header .page-actions .action-buttons .btn{flex:1 1;justify-content:center;min-width:120px}.view-manufacturing-order-page .order-details{padding:16px}.view-manufacturing-order-page .order-details .detail-section{margin-bottom:24px}.view-manufacturing-order-page .order-details .detail-section .detail-row{align-items:flex-start;flex-direction:column;gap:4px}.view-manufacturing-order-page .order-details .detail-section .detail-row .detail-label{flex:none;font-size:14px;margin-right:0}.view-manufacturing-order-page .order-details .detail-section .detail-row .detail-value{font-size:14px;text-align:left}}@media(max-width:480px){.view-manufacturing-order-page .page-header .page-actions .action-buttons .btn{font-size:13px;min-width:100px;padding:8px 12px}}.main-page .page-header,.stock-alert-page .page-header,.supplier-orders-page .page-header{align-items:center;display:flex;justify-content:space-between;margin:.5em auto 2em}.main-page .page-header .header-text,.stock-alert-page .page-header .header-text,.supplier-orders-page .page-header .header-text{color:#373737;margin:0;text-align:center}.main-page .page-header button,.stock-alert-page .page-header button,.supplier-orders-page .page-header button{margin-top:0}.main-page .page-header button:hover,.stock-alert-page .page-header button:hover,.supplier-orders-page .page-header button:hover{transform:scale(1.05)}.main-page .page-header .page-actions,.stock-alert-page .page-header .page-actions,.supplier-orders-page .page-header .page-actions{align-items:center;display:flex;gap:.75rem;justify-content:flex-end}.main-page .page-header .page-actions .action-buttons,.stock-alert-page .page-header .page-actions .action-buttons,.supplier-orders-page .page-header .page-actions .action-buttons{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-end}.main-page .page-header .page-actions .action-buttons .edit-btn,.stock-alert-page .page-header .page-actions .action-buttons .edit-btn,.supplier-orders-page .page-header .page-actions .action-buttons .edit-btn{align-items:center;border-radius:4px;display:flex;font-size:.813rem;font-weight:500;gap:4px;margin:0;padding:.4rem .75rem;transition:background .2s ease;white-space:nowrap}@media(max-width:768px){.main-page .page-header .page-actions .action-buttons,.stock-alert-page .page-header .page-actions .action-buttons,.supplier-orders-page .page-header .page-actions .action-buttons{gap:.35rem}.main-page .page-header .page-actions .action-buttons .btn,.stock-alert-page .page-header .page-actions .action-buttons .btn,.supplier-orders-page .page-header .page-actions .action-buttons .btn{font-size:.75rem;padding:.35rem .6rem}}@media(max-width:600px){.main-page .page-header .page-actions .action-buttons,.stock-alert-page .page-header .page-actions .action-buttons,.supplier-orders-page .page-header .page-actions .action-buttons{justify-content:flex-end;width:100%}.main-page .page-header .page-actions .action-buttons .btn,.stock-alert-page .page-header .page-actions .action-buttons .btn,.supplier-orders-page .page-header .page-actions .action-buttons .btn{flex:1 1;justify-content:center;max-width:150px;min-width:120px}}@media(max-width:480px){.main-page .page-header .page-actions .action-buttons .btn,.stock-alert-page .page-header .page-actions .action-buttons .btn,.supplier-orders-page .page-header .page-actions .action-buttons .btn{flex:1 1;font-size:.7rem;max-width:none;min-width:100px;padding:.3rem .4rem}}@media(max-width:1024px){.main-page .page-header button,.stock-alert-page .page-header button,.supplier-orders-page .page-header button{width:auto}}@media(max-width:768px){.main-page .page-header .header-text,.stock-alert-page .page-header .header-text,.supplier-orders-page .page-header .header-text{font-size:1.2em}}.main-page .filter-header,.stock-alert-page .filter-header,.supplier-orders-page .filter-header{margin:.5em auto 2em}.main-page .filter-header button,.stock-alert-page .filter-header button,.supplier-orders-page .filter-header button{align-items:center;background:none;border:1px solid #2c4fac;color:#2c4fac;display:flex;font-size:.813em;justify-content:center;margin-top:0;padding:.25em 1em;transition:color .2s}.main-page .filter-header button:hover,.stock-alert-page .filter-header button:hover,.supplier-orders-page .filter-header button:hover{background-color:#e0e7ff}.main-page .filter-header button .filter-icon,.stock-alert-page .filter-header button .filter-icon,.supplier-orders-page .filter-header button .filter-icon{cursor:pointer;height:1em;margin-left:5px;transition:transform .2s ease;width:1em}@media(max-width:1024px){.main-page .filter-header button,.stock-alert-page .filter-header button,.supplier-orders-page .filter-header button{justify-content:flex-start;width:auto}.main-page .filter-header button:hover,.stock-alert-page .filter-header button:hover,.supplier-orders-page .filter-header button:hover{color:#2c4fac}}.main-page .filter-wrapper,.stock-alert-page .filter-wrapper,.supplier-orders-page .filter-wrapper{max-height:0;opacity:0;overflow:hidden;transition:max-height .4s cubic-bezier(.4,0,.2,1),opacity .4s cubic-bezier(.4,0,.2,1),visibility .4s cubic-bezier(.4,0,.2,1);visibility:hidden}.main-page .filter-wrapper.open,.stock-alert-page .filter-wrapper.open,.supplier-orders-page .filter-wrapper.open{max-height:500px;opacity:1;overflow:visible;transition-delay:0s;visibility:visible}.main-page .filter-wrapper .filter,.stock-alert-page .filter-wrapper .filter,.supplier-orders-page .filter-wrapper .filter{align-items:center;border:1px solid #e6f0ff;border-radius:10px;display:flex;gap:20px;justify-content:space-between;margin:0 auto 1em;padding:32px}.main-page .filter-wrapper .filter .select-container,.stock-alert-page .filter-wrapper .filter .select-container,.supplier-orders-page .filter-wrapper .filter .select-container{align-items:center;display:flex;width:100%}.main-page .filter-wrapper .filter .select-container .filter-select,.stock-alert-page .filter-wrapper .filter .select-container .filter-select,.supplier-orders-page .filter-wrapper .filter .select-container .filter-select{height:1.65em;margin-bottom:0}.main-page .filter-wrapper .filter .select-container .filter-select .custom-select-option,.stock-alert-page .filter-wrapper .filter .select-container .filter-select .custom-select-option,.supplier-orders-page .filter-wrapper .filter .select-container .filter-select .custom-select-option{margin:.3em 0;padding:.45em 1em}.main-page .filter-wrapper .filter .select-container .rdrCalendarWrapper,.main-page .filter-wrapper .filter .select-container .rdrDateRangeWrapper,.stock-alert-page .filter-wrapper .filter .select-container .rdrCalendarWrapper,.stock-alert-page .filter-wrapper .filter .select-container .rdrDateRangeWrapper,.supplier-orders-page .filter-wrapper .filter .select-container .rdrCalendarWrapper,.supplier-orders-page .filter-wrapper .filter .select-container .rdrDateRangeWrapper{max-width:100%!important;min-width:0!important;width:100%!important}@media(max-width:1024px){.main-page .filter-wrapper .filter,.stock-alert-page .filter-wrapper .filter,.supplier-orders-page .filter-wrapper .filter{padding:16px}.main-page .filter-wrapper .filter .status-filter-wrapper,.main-page .filter-wrapper .filter .status-filter-wrapper .status-filter,.stock-alert-page .filter-wrapper .filter .status-filter-wrapper,.stock-alert-page .filter-wrapper .filter .status-filter-wrapper .status-filter,.supplier-orders-page .filter-wrapper .filter .status-filter-wrapper,.supplier-orders-page .filter-wrapper .filter .status-filter-wrapper .status-filter{width:100%}}@media(max-width:480px){.main-page .filter-wrapper .filter,.stock-alert-page .filter-wrapper .filter,.supplier-orders-page .filter-wrapper .filter{flex-direction:column;padding:16px}.main-page .filter-wrapper .filter .status-filter-wrapper,.main-page .filter-wrapper .filter .status-filter-wrapper .status-filter,.stock-alert-page .filter-wrapper .filter .status-filter-wrapper,.stock-alert-page .filter-wrapper .filter .status-filter-wrapper .status-filter,.supplier-orders-page .filter-wrapper .filter .status-filter-wrapper,.supplier-orders-page .filter-wrapper .filter .status-filter-wrapper .status-filter{width:100%}.main-page .filter-wrapper .filter .status-filter,.stock-alert-page .filter-wrapper .filter .status-filter,.supplier-orders-page .filter-wrapper .filter .status-filter{font-size:.813em}}.main-page .filter-wrapper .filter-checkboxes,.stock-alert-page .filter-wrapper .filter-checkboxes,.supplier-orders-page .filter-wrapper .filter-checkboxes{border-top:1px solid #e5e7eb;margin-top:16px;padding:16px 24px 0}.main-page .filter-wrapper .filter-checkboxes .checkbox-container,.stock-alert-page .filter-wrapper .filter-checkboxes .checkbox-container,.supplier-orders-page .filter-wrapper .filter-checkboxes .checkbox-container{align-items:center;display:flex;gap:12px;margin-bottom:12px}@media(max-width:768px){.main-page .filter-wrapper .filter-checkboxes,.stock-alert-page .filter-wrapper .filter-checkboxes,.supplier-orders-page .filter-wrapper .filter-checkboxes{padding:12px 16px 0}.main-page .filter-wrapper .filter-checkboxes .checkbox-container,.stock-alert-page .filter-wrapper .filter-checkboxes .checkbox-container,.supplier-orders-page .filter-wrapper .filter-checkboxes .checkbox-container{gap:8px;margin-bottom:8px}}.main-page .filter-wrapper .reset-filter,.stock-alert-page .filter-wrapper .reset-filter,.supplier-orders-page .filter-wrapper .reset-filter{align-items:center;display:flex;justify-content:flex-end;margin-bottom:2em}.main-page .filter-wrapper .reset-filter button,.stock-alert-page .filter-wrapper .reset-filter button,.supplier-orders-page .filter-wrapper .reset-filter button{align-items:center;background:none;color:#2c4fac;display:flex;font-size:.813em;justify-content:center;margin-top:0;padding:0;text-decoration:underline;transition:color .2s}.main-page .filter-wrapper .reset-filter button:hover,.stock-alert-page .filter-wrapper .reset-filter button:hover,.supplier-orders-page .filter-wrapper .reset-filter button:hover{transform:scale(1.1)}@media(max-width:1024px){.main-page .filter-wrapper .reset-filter button,.stock-alert-page .filter-wrapper .reset-filter button,.supplier-orders-page .filter-wrapper .reset-filter button{justify-content:flex-start;width:auto}.main-page .filter-wrapper .reset-filter button:hover,.stock-alert-page .filter-wrapper .reset-filter button:hover,.supplier-orders-page .filter-wrapper .reset-filter button:hover{color:#2c4fac}}.main-page .search-input-wrapper,.stock-alert-page .search-input-wrapper,.supplier-orders-page .search-input-wrapper{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1em}.main-page .search-input-wrapper .page-size,.stock-alert-page .search-input-wrapper .page-size,.supplier-orders-page .search-input-wrapper .page-size{align-items:center;color:#666;display:flex;font-size:.875em;gap:5px;justify-content:space-between;white-space:nowrap}.main-page .search-input-wrapper .page-size .page-size-select,.stock-alert-page .search-input-wrapper .page-size .page-size-select,.supplier-orders-page .search-input-wrapper .page-size .page-size-select{height:1.8em;margin-bottom:0;min-width:60px;width:6em}.main-page .search-input-wrapper .page-size .page-size-select .custom-select-option,.stock-alert-page .search-input-wrapper .page-size .page-size-select .custom-select-option,.supplier-orders-page .search-input-wrapper .page-size .page-size-select .custom-select-option{margin:.3em 0;padding:.3em .5em}.main-page .search-input-wrapper .inactive-toggle,.stock-alert-page .search-input-wrapper .inactive-toggle,.supplier-orders-page .search-input-wrapper .inactive-toggle{white-space:nowrap}.main-page .search-input-wrapper .inactive-toggle label,.stock-alert-page .search-input-wrapper .inactive-toggle label,.supplier-orders-page .search-input-wrapper .inactive-toggle label{font-size:.875em}.main-page .search-input-wrapper .search-input,.stock-alert-page .search-input-wrapper .search-input,.supplier-orders-page .search-input-wrapper .search-input{margin-bottom:0}.main-page .search-input-wrapper .search-input input,.stock-alert-page .search-input-wrapper .search-input input,.supplier-orders-page .search-input-wrapper .search-input input{min-width:200px;padding:5px 12px;width:20em}.main-page .search-input-wrapper .import-with-search-input,.stock-alert-page .search-input-wrapper .import-with-search-input,.supplier-orders-page .search-input-wrapper .import-with-search-input{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:flex-end}.main-page .search-input-wrapper .import-with-search-input .action-btn-container,.stock-alert-page .search-input-wrapper .import-with-search-input .action-btn-container,.supplier-orders-page .search-input-wrapper .import-with-search-input .action-btn-container{align-items:center;display:flex;gap:.5rem}.main-page .search-input-wrapper .import-with-search-input .action-btn-container .action-btn,.stock-alert-page .search-input-wrapper .import-with-search-input .action-btn-container .action-btn,.supplier-orders-page .search-input-wrapper .import-with-search-input .action-btn-container .action-btn{align-items:center;background:none;border:1px solid #2c4fac;border-radius:3px;color:#2c4fac;cursor:pointer;display:inline-flex;font-size:.875em;gap:.4rem;margin:0;min-width:-webkit-fit-content;min-width:fit-content;padding:.3em .8em;white-space:nowrap}.main-page .search-input-wrapper .import-with-search-input .action-btn-container .action-btn .import-icon,.stock-alert-page .search-input-wrapper .import-with-search-input .action-btn-container .action-btn .import-icon,.supplier-orders-page .search-input-wrapper .import-with-search-input .action-btn-container .action-btn .import-icon{font-size:.9em;margin-left:0}.main-page .search-input-wrapper .import-with-search-input .action-btn-container .action-btn:hover,.stock-alert-page .search-input-wrapper .import-with-search-input .action-btn-container .action-btn:hover,.supplier-orders-page .search-input-wrapper .import-with-search-input .action-btn-container .action-btn:hover{background-color:#e0e7ff}.main-page .search-input-wrapper .import-with-search-input .action-btn-container a,.stock-alert-page .search-input-wrapper .import-with-search-input .action-btn-container a,.supplier-orders-page .search-input-wrapper .import-with-search-input .action-btn-container a{text-decoration:none}.main-page .search-input-wrapper .import-with-search-input .search-input,.stock-alert-page .search-input-wrapper .import-with-search-input .search-input,.supplier-orders-page .search-input-wrapper .import-with-search-input .search-input{flex-shrink:0;margin-bottom:0}.main-page .search-input-wrapper .import-with-search-input .search-input input,.stock-alert-page .search-input-wrapper .import-with-search-input .search-input input,.supplier-orders-page .search-input-wrapper .import-with-search-input .search-input input{min-width:200px;padding:5px 12px;width:20em}.main-page .search-input-wrapper .import-with-search-input .search-input-container,.stock-alert-page .search-input-wrapper .import-with-search-input .search-input-container,.supplier-orders-page .search-input-wrapper .import-with-search-input .search-input-container{align-items:center;display:flex;flex-shrink:0;justify-content:center}.main-page .search-input-wrapper .import-with-search-input .search-input-container .search-input input,.stock-alert-page .search-input-wrapper .import-with-search-input .search-input-container .search-input input,.supplier-orders-page .search-input-wrapper .import-with-search-input .search-input-container .search-input input{min-width:200px;width:20em}@media(max-width:480px){.main-page .search-input-wrapper .import-with-search-input,.stock-alert-page .search-input-wrapper .import-with-search-input,.supplier-orders-page .search-input-wrapper .import-with-search-input{flex-direction:column}.main-page .search-input-wrapper .import-with-search-input .action-btn-container,.stock-alert-page .search-input-wrapper .import-with-search-input .action-btn-container,.supplier-orders-page .search-input-wrapper .import-with-search-input .action-btn-container{margin-bottom:.5em;width:100%}.main-page .search-input-wrapper .import-with-search-input .search-input-container,.main-page .search-input-wrapper .import-with-search-input .search-input-container .search-input input,.stock-alert-page .search-input-wrapper .import-with-search-input .search-input-container,.stock-alert-page .search-input-wrapper .import-with-search-input .search-input-container .search-input input,.supplier-orders-page .search-input-wrapper .import-with-search-input .search-input-container,.supplier-orders-page .search-input-wrapper .import-with-search-input .search-input-container .search-input input{width:100%}}.main-page .manage-location,.stock-alert-page .manage-location,.supplier-orders-page .manage-location{border:none;width:19.375em}.main-page .action-buttons-section,.stock-alert-page .action-buttons-section,.supplier-orders-page .action-buttons-section{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;display:flex;gap:1rem;margin:1.5rem 0;padding:1rem}.main-page .action-buttons-section .supplier-text-button,.main-page .action-buttons-section .supplier-text-price-button,.stock-alert-page .action-buttons-section .supplier-text-button,.stock-alert-page .action-buttons-section .supplier-text-price-button,.supplier-orders-page .action-buttons-section .supplier-text-button,.supplier-orders-page .action-buttons-section .supplier-text-price-button{background-color:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:10px 20px;transition:all .2s ease}.main-page .action-buttons-section .supplier-text-button:hover,.main-page .action-buttons-section .supplier-text-price-button:hover,.stock-alert-page .action-buttons-section .supplier-text-button:hover,.stock-alert-page .action-buttons-section .supplier-text-price-button:hover,.supplier-orders-page .action-buttons-section .supplier-text-button:hover,.supplier-orders-page .action-buttons-section .supplier-text-price-button:hover{background-color:#0056b3;transform:translateY(-1px)}.main-page .action-buttons-section .supplier-text-button:active,.main-page .action-buttons-section .supplier-text-price-button:active,.stock-alert-page .action-buttons-section .supplier-text-button:active,.stock-alert-page .action-buttons-section .supplier-text-price-button:active,.supplier-orders-page .action-buttons-section .supplier-text-button:active,.supplier-orders-page .action-buttons-section .supplier-text-price-button:active{transform:translateY(0)}.main-page .action-buttons-section .supplier-text-price-button,.stock-alert-page .action-buttons-section .supplier-text-price-button,.supplier-orders-page .action-buttons-section .supplier-text-price-button{background-color:#28a745}.main-page .action-buttons-section .supplier-text-price-button:hover,.stock-alert-page .action-buttons-section .supplier-text-price-button:hover,.supplier-orders-page .action-buttons-section .supplier-text-price-button:hover{background-color:#1e7e34}.main-page .order-note-section,.stock-alert-page .order-note-section,.supplier-orders-page .order-note-section{background-color:#f8f9fa;border:1px solid #e9ecef;border-left:4px solid #2c4fac;border-radius:8px;margin:1.5rem 0;padding:1.5rem}.main-page .order-note-section .section-header,.stock-alert-page .order-note-section .section-header,.supplier-orders-page .order-note-section .section-header{margin-bottom:1rem}.main-page .order-note-section .section-header h3,.stock-alert-page .order-note-section .section-header h3,.supplier-orders-page .order-note-section .section-header h3{color:#2c4fac;font-size:1.1rem;font-weight:600;margin:0}.main-page .order-note-section .note-content,.stock-alert-page .order-note-section .note-content,.supplier-orders-page .order-note-section .note-content{word-wrap:break-word;background-color:#fff;border:1px solid #dee2e6;border-radius:6px;color:#373737;font-size:.95rem;line-height:1.5;min-height:60px;padding:1rem;white-space:pre-wrap}.main-page .order-note-section .note-content:empty:before,.stock-alert-page .order-note-section .note-content:empty:before,.supplier-orders-page .order-note-section .note-content:empty:before{color:#555;content:"No note available";font-style:italic}.main-page .table-summary-row,.stock-alert-page .table-summary-row,.supplier-orders-page .table-summary-row{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px solid #dee2e6;border-radius:0 0 8px 8px;border-top:3px solid #2c4fac;box-shadow:0 2px 4px #0000001a;margin-top:0}.main-page .table-summary-row .summary-content,.stock-alert-page .table-summary-row .summary-content,.supplier-orders-page .table-summary-row .summary-content{align-items:center;display:flex;gap:2rem;justify-content:space-around;padding:1.2rem 2rem}.main-page .table-summary-row .summary-content .summary-item,.stock-alert-page .table-summary-row .summary-content .summary-item,.supplier-orders-page .table-summary-row .summary-content .summary-item{align-items:center;display:flex;flex-direction:column;min-width:150px;text-align:center}.main-page .table-summary-row .summary-content .summary-item .summary-label,.stock-alert-page .table-summary-row .summary-content .summary-item .summary-label,.supplier-orders-page .table-summary-row .summary-content .summary-item .summary-label{color:#555;font-size:.75rem;font-weight:600;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.main-page .table-summary-row .summary-content .summary-item .summary-value,.stock-alert-page .table-summary-row .summary-content .summary-item .summary-value,.supplier-orders-page .table-summary-row .summary-content .summary-item .summary-value{border-radius:6px;font-size:.95rem;font-weight:700;min-width:120px;padding:.4rem .8rem}.main-page .table-summary-row .summary-content .summary-item .summary-value.total-amount,.stock-alert-page .table-summary-row .summary-content .summary-item .summary-value.total-amount,.supplier-orders-page .table-summary-row .summary-content .summary-item .summary-value.total-amount{background-color:#e3f2fd;border:1px solid #bbdefb;color:#1565c0}.main-page .table-summary-row .summary-content .summary-item .summary-value.amount-paid,.stock-alert-page .table-summary-row .summary-content .summary-item .summary-value.amount-paid,.supplier-orders-page .table-summary-row .summary-content .summary-item .summary-value.amount-paid{background-color:#e8f5e8;border:1px solid #c8e6c9;color:#2e7d32}.main-page .table-summary-row .summary-content .summary-item .summary-value.outstanding,.stock-alert-page .table-summary-row .summary-content .summary-item .summary-value.outstanding,.supplier-orders-page .table-summary-row .summary-content .summary-item .summary-value.outstanding{background-color:#fff3e0;border:1px solid #ffcc02;color:#ef6c00}@media(max-width:768px){.main-page .table-summary-row .summary-content,.stock-alert-page .table-summary-row .summary-content,.supplier-orders-page .table-summary-row .summary-content{flex-direction:column;gap:1rem;padding:1rem}.main-page .table-summary-row .summary-content .summary-item,.stock-alert-page .table-summary-row .summary-content .summary-item,.supplier-orders-page .table-summary-row .summary-content .summary-item{width:100%}.main-page .table-summary-row .summary-content .summary-item .summary-value,.stock-alert-page .table-summary-row .summary-content .summary-item .summary-value,.supplier-orders-page .table-summary-row .summary-content .summary-item .summary-value{min-width:auto;width:100%}}@media(max-width:480px){.main-page .table-summary-row .summary-content,.stock-alert-page .table-summary-row .summary-content,.supplier-orders-page .table-summary-row .summary-content{gap:.8rem;padding:.8rem}.main-page .table-summary-row .summary-content .summary-item .summary-label,.stock-alert-page .table-summary-row .summary-content .summary-item .summary-label,.supplier-orders-page .table-summary-row .summary-content .summary-item .summary-label{font-size:.7rem}.main-page .table-summary-row .summary-content .summary-item .summary-value,.stock-alert-page .table-summary-row .summary-content .summary-item .summary-value,.supplier-orders-page .table-summary-row .summary-content .summary-item .summary-value{font-size:.85rem;padding:.3rem .6rem}}.main-page .sales-summary .summary-content,.stock-alert-page .sales-summary .summary-content,.supplier-orders-page .sales-summary .summary-content{justify-content:space-around}.main-page .sales-summary .summary-content .summary-item,.stock-alert-page .sales-summary .summary-content .summary-item,.supplier-orders-page .sales-summary .summary-content .summary-item{min-width:180px}.main-page .sales-summary .summary-content .summary-item .summary-value,.stock-alert-page .sales-summary .summary-content .summary-item .summary-value,.supplier-orders-page .sales-summary .summary-content .summary-item .summary-value{font-size:1rem;padding:.5rem .8rem}.main-page .sales-summary .summary-content .summary-item .summary-value.total-sales,.stock-alert-page .sales-summary .summary-content .summary-item .summary-value.total-sales,.supplier-orders-page .sales-summary .summary-content .summary-item .summary-value.total-sales{background-color:#e8f5e8;border:1px solid #c8e6c9;color:#2e7d32}.main-page .sales-summary .summary-content .summary-item .summary-value.total-profit,.stock-alert-page .sales-summary .summary-content .summary-item .summary-value.total-profit,.supplier-orders-page .sales-summary .summary-content .summary-item .summary-value.total-profit{background-color:#e3f2fd;border:1px solid #bbdefb;color:#1565c0}.main-page .sales-summary .summary-content .summary-item .summary-value.average-margin,.stock-alert-page .sales-summary .summary-content .summary-item .summary-value.average-margin,.supplier-orders-page .sales-summary .summary-content .summary-item .summary-value.average-margin{background-color:#fff3e0;border:1px solid #ffcc02;color:#ef6c00}@media(max-width:768px){.main-page .sales-summary .summary-content .summary-item,.stock-alert-page .sales-summary .summary-content .summary-item,.supplier-orders-page .sales-summary .summary-content .summary-item{min-width:auto;width:100%}}.main-page .profit-margin-cell,.stock-alert-page .profit-margin-cell,.supplier-orders-page .profit-margin-cell{color:#373737;font-weight:400}.recipes-page .recipe-name .recipe-name-link{color:#007bff;font-weight:500;text-decoration:none;transition:color .2s ease}.recipes-page .recipe-name .recipe-name-link:hover{color:#0056b3;text-decoration:underline}.recipes-page .recipe-name .recipe-description{color:#666;font-size:12px;font-style:italic;margin-top:4px}.recipes-page .cost-value{color:#28a745;font-family:Courier New,monospace;font-weight:600}.recipes-page .status-badge{border-radius:12px;display:inline-block;font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.recipes-page .status-badge.status-active{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.recipes-page .status-badge.status-inactive{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.recipes-page .manufacture-badge{border-radius:12px;display:inline-block;font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.recipes-page .manufacture-badge.can-manufacture{background:#d1ecf1;border:1px solid #bee5eb;color:#0c5460}.recipes-page .manufacture-badge.cannot-manufacture{background:#fff3cd;border:1px solid #ffeaa7;color:#856404}.recipes-page .recipe-notes{color:#666;font-size:13px;font-style:italic}@media(max-width:768px){.recipes-page .recipe-name .recipe-description{font-size:11px}.recipes-page .manufacture-badge,.recipes-page .status-badge{font-size:10px;padding:3px 6px}.recipes-page .recipe-notes{font-size:12px}}.status-badge{border-radius:4px;display:inline-block;font-size:.75rem;font-weight:500;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.status-badge.status-pending{background-color:#fff9e6;border:1px solid #b58900;color:#b58900}.status-badge.status-in-progress{background-color:#e6f0ff;border:1px solid #a3b8e6;color:#2c4fac}.status-badge.status-completed{background-color:#e6f9ed;border:1px solid #1abc9c;color:#1abc9c}.status-badge.status-verified{background-color:#d6f8e2;border:1px solid #1abc9c;color:#1abc9c}.status-badge.status-cancelled{background-color:#fdecec;border:1px solid #f5b5b5;color:#c53030}.status-badge.status-success{background-color:#e6f9ed;border:1px solid #1abc9c;color:#1abc9c}.status-badge.status-warning{background-color:#fff9e6;border:1px solid #b58900;color:#b58900}.status-badge.status-default{background-color:#f2f2f2;border:1px solid #cacaca;color:#666}.abc-badge{border-radius:4px;display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.abc-badge.abc-a{background-color:#fdecec;border:1px solid #f5b5b5;color:#c53030}.abc-badge.abc-b{background-color:#fff9e6;border:1px solid #b58900;color:#b58900}.abc-badge.abc-c{background-color:#e6f9ed;border:1px solid #1abc9c;color:#1abc9c}.abc-badge.abc-default{background-color:#f2f2f2;border:1px solid #cacaca;color:#666}.progress-container{align-items:center;display:flex;gap:8px}.progress-container .progress-bar{background-color:#f2f2f2;border-radius:4px;flex:1 1;height:8px;min-width:60px;overflow:hidden}.progress-container .progress-bar .progress-fill{background-color:#1abc9c;border-radius:4px;height:100%;transition:width .3s ease}.progress-container .progress-text{color:#666;font-size:.75rem;font-weight:500;white-space:nowrap}.due-date.overdue{color:#c53030;font-weight:500}.due-date.overdue .overdue-indicator{color:#ef4444;font-weight:600;margin-left:4px}.product-count{align-items:center;display:flex;gap:4px}.product-count .audited{color:#1abc9c;font-weight:600}.product-count .separator,.product-count .total{color:#666}.negative-variance{color:#c53030;font-weight:500}.positive-variance{color:#1abc9c;font-weight:500}.audit-reference-link{color:#007bff;font-weight:500;text-decoration:none}.audit-reference-link:hover{text-decoration:underline}.collapsible-details-container{border:1px solid rgba(0,0,0,.149);border-radius:8px;margin:24px 0;overflow:hidden}.collapsible-details-container .details-header{align-items:center;background-color:#f5f5f5;border-bottom:1px solid rgba(0,0,0,.149);cursor:pointer;display:flex;justify-content:space-between;padding:16px 20px;transition:background-color .2s ease}.collapsible-details-container .details-header:hover{background-color:#ededed}.collapsible-details-container .details-header h3{color:#373737;font-size:1.1rem;font-weight:500;margin:0}.collapsible-details-container .details-header .collapse-icon{color:#666;font-size:.875rem;transition:transform .2s ease,color .2s ease}.collapsible-details-container .details-header:hover .collapse-icon{color:#007bff}.collapsible-details-container .details-container{background-color:#fff;margin:0;padding:20px}.full-width{max-width:none!important;min-width:0!important;min-width:auto!important;width:auto!important}.product-info .product-name{color:#373737;font-weight:500}.product-info .product-name .product-link{color:#007bff;text-decoration:none;transition:color .2s ease}.product-info .product-name .product-link:hover{color:#0062cc;text-decoration:underline}.product-info .product-sku{color:#666;font-size:.75rem;margin-top:2px}.notes-cell{max-width:150px}.description-cell,.notes-cell{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.description-cell{max-width:200px}.audit-items-section{margin:24px 0}.audit-items-section .audit-items-header{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:16px}@media(max-width:768px){.audit-items-section .audit-items-header{align-items:flex-start;flex-direction:column;gap:12px}}.audit-items-section .audit-items-header h3{color:#373737;font-weight:500;margin:0}.audit-items-section .audit-items-header .audit-items-filters{display:flex;gap:12px}@media(max-width:768px){.audit-items-section .audit-items-header .audit-items-filters{align-items:stretch;flex-direction:column;gap:8px;width:100%}}.audit-items-section .audit-items-header .audit-items-filters .filter-reset{display:flex;padding-bottom:26px}@media(max-width:768px){.audit-items-section .audit-items-header .audit-items-filters .filter-reset{padding-bottom:0}}.audit-items-section .audit-items-header .audit-items-filters .filter-reset .reset-filters-link{background:none;border:none;color:#007bff;cursor:pointer;font-size:.875rem;outline:none;padding:0;text-decoration:underline;white-space:nowrap}.audit-items-section .audit-items-header .audit-items-filters .filter-reset .reset-filters-link:hover{color:#0062cc}.audit-items-section .audit-items-header .audit-items-filters .category-filter{min-width:200px}@media(max-width:768px){.audit-items-section .audit-items-header .audit-items-filters .category-filter{min-width:0;min-width:auto;width:100%}}.audit-items-section .audit-items-header .audit-items-filters .search-input-container{min-width:300px}@media(max-width:768px){.audit-items-section .audit-items-header .audit-items-filters .search-input-container{min-width:0;min-width:auto;width:100%}}.audit-items-section .audit-items-header .search-input-container{min-width:300px}@media(max-width:768px){.audit-items-section .audit-items-header .search-input-container{min-width:0;min-width:auto;width:100%}}.audit-items-section>h3{color:#373737;font-weight:500;margin-bottom:16px}.table-actions{align-items:center;display:flex;gap:8px}.table-actions .btn{align-items:center;border:none;border-radius:4px;cursor:pointer;display:inline-flex;font-size:.75rem;font-weight:500;gap:4px;padding:6px 12px;text-decoration:none;transition:all .2s ease}.table-actions .btn.view-btn{background-color:#e6f0ff;color:#2c4fac}.table-actions .btn.view-btn:hover{background-color:#cde1ff}.table-actions .btn.start-btn{background-color:#e6f9ed;color:#1abc9c}.table-actions .btn.start-btn:hover{background-color:#d1f4de}.table-actions .btn.complete-btn{background-color:#d6f8e2;color:#1abc9c}.table-actions .btn.complete-btn:hover{background-color:#c0f4d3}.table-actions .btn.cancel-btn{background-color:#fdecec;color:#c53030}.table-actions .btn.cancel-btn:hover{background-color:#fbd5d5}.table-actions .btn.edit-btn{background-color:#fff9e6;color:#b58900}.table-actions .btn.edit-btn:hover{background-color:#fff3cd}.modal-form{padding:16px 0}.modal-form p{color:#666;margin:8px 0}.modal-form p strong{color:#373737}.audit-items-table .table-cell{vertical-align:middle}.audit-items-table .table-row .table-cell{padding:8px 12px}.tabs-container{margin:24px 0}.tabs-container .tabs-nav{border-bottom:2px solid #f2f2f2;display:flex;margin-bottom:0}.tabs-container .tabs-nav .tab-button{background:none;border:none;border-bottom:3px solid #0000;color:#666;cursor:pointer;font-size:.875rem;font-weight:500;padding:12px 24px;position:relative;transition:all .2s ease}.tabs-container .tabs-nav .tab-button:hover{background-color:#f5f5f5;color:#373737}.tabs-container .tabs-nav .tab-button.active{background-color:#fff;border-bottom-color:#333;color:#373737}.tabs-container .tabs-nav .tab-button:focus{outline:none}.tabs-container .tab-content{background-color:#fff;border-top:1px solid #f2f2f2;min-height:400px;padding:24px}.tabs-container .tab-content .audit-items-section,.tabs-container .tab-content .details-container{margin:0}.tabs-container .tab-content .empty-state{align-items:center;color:#666;display:flex;font-style:italic;height:200px;justify-content:center}@media(max-width:768px){.progress-container{align-items:flex-start;flex-direction:column;gap:4px}.progress-container .progress-bar{width:100%}.table-actions{flex-direction:column;gap:4px}.table-actions .btn{justify-content:center;width:100%}.product-info .product-name{font-size:.875rem}.product-info .product-sku{font-size:.7rem}.tabs-container .tabs-nav .tab-button{font-size:.75rem;padding:10px 16px}.tabs-container .tab-content{min-height:300px;padding:16px}}.actual-quantity-edit{align-items:center;display:flex;gap:8px}.actual-quantity-edit .quantity-input{border:1px solid rgba(0,0,0,.149);border-radius:4px;font-size:.875rem;padding:4px 8px;text-align:left;width:40px!important}.actual-quantity-edit .quantity-input:focus{border-color:#007bff;box-shadow:0 0 0 2px #3b82f61a;outline:none}.actual-quantity-edit .quantity-input:disabled{background-color:#f5f5f5;cursor:not-allowed}.actual-quantity-edit .quantity-input::-webkit-inner-spin-button,.actual-quantity-edit .quantity-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.actual-quantity-edit .quantity-input[type=number]{-webkit-appearance:textfield;appearance:textfield}.actual-quantity-edit .edit-buttons{display:flex;gap:4px}.actual-quantity-edit .cancel-btn,.actual-quantity-edit .save-btn{align-items:center;border:none;border-radius:3px;cursor:pointer;display:flex;font-size:.75rem;font-weight:500;height:24px;justify-content:center;min-width:auto;padding:4px 8px;transition:all .2s ease;white-space:nowrap}.actual-quantity-edit .cancel-btn:disabled,.actual-quantity-edit .save-btn:disabled{cursor:not-allowed;opacity:.5}.actual-quantity-edit .save-btn{background-color:#e6f9ed;color:#1abc9c}.actual-quantity-edit .save-btn:hover:not(:disabled){background-color:#d1f4de}.actual-quantity-edit .cancel-btn{background-color:#f2f2f2;color:#666;font-weight:600}.actual-quantity-edit .cancel-btn:hover:not(:disabled){background-color:#e5e5e5;color:#373737}.actual-quantity-display{align-items:center;display:flex;gap:8px}.actual-quantity-display .quantity-value{color:#373737;font-weight:500}.actual-quantity-display .edit-btn{background-color:#0000;border:none;border-radius:3px;color:#666;cursor:pointer;font-size:.75rem;padding:2px 4px;transition:all .2s ease}.actual-quantity-display .edit-btn:hover{background-color:#f2f2f2;color:#007bff}#root,body,html{background-color:#fff;height:100vh;padding:0}#root,body,h2,html{color:#373737;font-family:Roboto,sans-serif;margin:0}h2{font-weight:500}h3{font-size:1.138em;font-weight:400}h3,h5{color:#373737;font-family:Roboto,sans-serif;margin:0}h5{font-size:1;font-weight:500}
/*# sourceMappingURL=main.91252b5c.css.map*/