.login-container{background:linear-gradient(135deg,#f0f7f1 0%,#e4efe6 50%,#dce8de 100%);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{background:var(--bg-card);border-radius:var(--radius-xl);padding:var(--space-2xl) var(--space-2xl);text-align:center;width:100%;max-width:420px;animation:.4s cubic-bezier(.16,1,.3,1) login-card-in;position:relative;overflow:hidden;box-shadow:0 1px 2px #0000000a,0 4px 8px #0000000a,0 16px 32px #0000000f}.login-card:before{content:"";background:linear-gradient(90deg, var(--green), var(--green-dark));border-radius:var(--radius-xl) var(--radius-xl) 0 0;height:3px;position:absolute;top:0;left:0;right:0}@keyframes login-card-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.login-logo-img{width:auto;height:56px;margin:0 auto var(--space-lg);display:block}.login-card h1{font-size:var(--text-2xl);margin-bottom:var(--space-xl);color:var(--text-primary);font-weight:600}.login-card p{margin-top:calc(-1 * var(--space-sm));margin-bottom:var(--space-lg);color:var(--text-secondary)}.login-card form{gap:var(--space-md);flex-direction:column;display:flex}.login-card input{font-size:var(--text-base);border:1px solid var(--border-light);border-radius:var(--radius-md);min-height:var(--touch-min);outline:none;padding:.8rem 1rem;font-family:inherit;transition:border-color .2s,box-shadow .2s,background-color .2s}.password-field{position:relative}.password-field input{width:100%;padding-right:2.75rem}.password-toggle{cursor:pointer;color:var(--text-muted);background:0 0;border:none;justify-content:center;align-items:center;padding:.25rem;transition:color .15s;display:flex;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.password-toggle:hover{color:var(--text-secondary)}.login-error{color:var(--red);font-size:var(--text-sm)}.login-button{font-size:var(--text-base);color:var(--white);background:var(--green);border-radius:var(--radius-md);cursor:pointer;margin-top:var(--space-xs);min-height:var(--touch-min);border:none;padding:.75rem 1.5rem;font-family:inherit;font-weight:600;transition:background .2s,transform .15s,box-shadow .2s;box-shadow:0 1px 2px #0000001f,inset 0 1px #ffffff1a}.login-button:hover{background:var(--green-hover);transform:translateY(-2px);box-shadow:0 4px 12px #3a7d444d,inset 0 1px #ffffff1a}.login-button:active{background:var(--green-dark);transform:translateY(0);box-shadow:0 1px 2px #00000026,inset 0 2px 4px #0000001a}.login-button:disabled{background:var(--gray-300);color:var(--gray-500);cursor:not-allowed;box-shadow:none;transform:none}.login-lang{gap:var(--space-xs);display:flex;position:absolute;top:1.5rem;right:1.5rem}.reset-link{margin-top:var(--space-sm);color:var(--text-muted);font-size:var(--text-sm);cursor:pointer;font:inherit;background:0 0;border:none;padding:0;text-decoration:none;transition:color .15s;display:block}.reset-link:hover{color:var(--green);text-decoration:underline}.reset-success{color:var(--green);font-size:var(--text-base);margin-bottom:1rem}@media (width<=576px){.login-card{padding:var(--space-xl) var(--space-lg);border-radius:var(--radius-lg);max-width:none}.login-logo-img{height:48px}.login-lang{margin-bottom:var(--space-md);justify-content:center;position:static}.login-container{padding:var(--space-md);flex-direction:column}}.modal-overlay{-webkit-backdrop-filter:blur(6px);z-index:500;background:#00000059;justify-content:center;align-items:center;animation:.2s ease-out overlay-in;display:flex;position:fixed;inset:0}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--bg-card);border-radius:var(--radius-xl);flex-direction:column;width:min(600px,90vw);max-height:80vh;animation:.2s cubic-bezier(.16,1,.3,1) modal-in;display:flex;box-shadow:0 8px 30px #0000001f,0 2px 8px #00000014}@keyframes modal-in{0%{opacity:0;transform:scale(.96)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.modal-header h3{font-size:var(--text-xl);font-weight:600}.modal-body{flex:1;min-height:0;overflow-y:auto}.modal-search-sticky{z-index:1;background:var(--bg-card);flex-shrink:0;align-items:center;gap:.75rem;padding:.75rem 1.25rem;display:flex;position:sticky;top:0}.modal-search-sticky .search-input{flex:1;min-width:0}.modal-search-sticky .checkbox-label{font-size:var(--text-sm);white-space:nowrap;cursor:pointer;border:1px solid var(--border-light);border-radius:var(--radius-sm);color:var(--gray-600);align-items:center;gap:.4rem;padding:.3rem .7rem;transition:background .15s,color .15s;display:flex}.modal-search-sticky .checkbox-label:hover{background:var(--gray-100);color:var(--text-primary)}.modal-footer{border-top:1px solid var(--border-light);justify-content:flex-end;gap:var(--space-sm);padding:1rem 1.5rem;display:flex}.btn-discard{border:1px solid var(--border-light);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;background:0 0;padding:.5rem 1.25rem;font-family:inherit;transition:background .15s,color .15s,border-color .15s}.btn-discard:hover{background:var(--gray-100);color:var(--text-primary);border-color:var(--border-light)}.modal-content.modal-wide{width:min(95vw,1100px);max-width:95vw;max-height:90vh}.modal-table-wrap{flex:1;padding:0 1rem .5rem;overflow-x:auto}.modal-content .form-field{flex-direction:column;gap:.25rem}.modal-content .form-field>label{width:auto;padding-top:0}.modal-body .form-field:last-child{margin-bottom:0}.modal-items-table{font-size:var(--text-xs)}.modal-items-table th,.modal-items-table td{padding:.35rem .5rem}@media (width<=768px){.modal-content{width:95vw;max-height:85vh}.modal-content.modal-wide{width:98vw;max-height:90vh}}@media (width<=576px){.modal-content{border-radius:0;width:100%;max-width:100%;height:100dvh;max-height:100dvh;animation:none}}.password-strength{flex-direction:column;gap:.25rem;display:flex}.password-strength-bar{background:var(--gray-200);border-radius:var(--radius-full,9999px);height:6px;overflow:hidden}.password-strength-fill{border-radius:inherit;height:100%;transition:width .3s,background-color .3s}.password-strength[data-score="0"]{--strength-color:var(--red)}.password-strength[data-score="1"]{--strength-color:#e67700}.password-strength[data-score="2"]{--strength-color:#d4a017}.password-strength[data-score="3"]{--strength-color:var(--green)}.password-strength[data-score="4"]{--strength-color:var(--green-dark)}.password-strength-fill{background-color:var(--strength-color)}.password-strength-label{font-size:var(--text-xs);color:var(--strength-color);line-height:1}.customer-selector{align-items:center;display:flex;position:relative}.customer-selector-static{align-items:center;display:flex}.customer-dropdown{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-md);min-width:220px;max-width:320px;box-shadow:var(--shadow-lg);z-index:200;flex-direction:column;animation:.15s ease-out customer-dropdown-in;display:flex;position:absolute;top:calc(100% + 4px);right:0}@keyframes customer-dropdown-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.customer-search-wrapper{border-bottom:1px solid var(--border-light);flex-shrink:0;padding:.5rem}.customer-search-input{width:100%;font-size:var(--text-xs);border:1px solid var(--border-light);border-radius:var(--radius-sm);background:var(--bg-card);color:var(--gray-700);outline:none;padding:.4rem .6rem;font-family:inherit;transition:border-color .15s,box-shadow .15s}.customer-search-input:focus{border-color:var(--green);box-shadow:0 0 0 2px var(--green-50)}.customer-options-scroll{max-height:260px;overflow-y:auto}.customer-option{width:100%;padding:.6rem var(--space-md);font-size:var(--text-sm);color:var(--gray-700);text-align:left;cursor:pointer;background:0 0;border:none;font-family:inherit;text-decoration:none;transition:background .1s;display:block}.customer-option:hover{background:var(--bg-hover)}.customer-option.active{color:var(--green-dark);background:var(--green-50);font-weight:600}.customer-no-results{padding:.75rem var(--space-md);font-size:var(--text-xs);color:var(--text-secondary);text-align:center}@media (width<=768px){.customer-options-scroll{max-height:200px}.customer-option{min-height:var(--touch-min);align-items:center;display:flex}.customer-search-input{font-size:var(--text-sm);min-height:var(--touch-min);padding:.5rem .6rem}}@media (width<=576px){.customer-dropdown{min-width:200px;max-width:calc(100vw - 2rem)}.customer-option{padding:.75rem var(--space-md)}}.navbar{-webkit-backdrop-filter:blur(10px);box-shadow:var(--shadow-sm);z-index:100;background:#ffffffd9;align-items:center;gap:1rem;padding:.75rem 2rem;display:flex;position:sticky;top:0}.navbar-logo{color:inherit;flex-shrink:0;align-items:center;gap:.4rem;text-decoration:none;display:flex}.navbar-logo-img{width:auto;height:48px}.navbar-tabs{flex:1;align-items:center;gap:0;min-width:0;display:flex}.nav-tab{padding:var(--space-sm) var(--space-md);font-size:var(--text-sm);color:var(--gray-700);border-radius:var(--radius-sm);white-space:nowrap;cursor:pointer;text-overflow:ellipsis;background:0 0;border:none;min-width:0;font-family:inherit;text-decoration:none;transition:background .15s,color .15s,box-shadow .15s;overflow:hidden}.nav-tab:hover{background:var(--gray-100);text-decoration:none}.nav-tab.active{color:var(--green-dark);background:var(--green-50);box-shadow:inset 0 -2px 0 var(--green);font-weight:600}.nav-dropdown{min-width:0;position:relative}.nav-tab-dropdown{text-overflow:ellipsis;text-underline-offset:3px;min-width:0;text-decoration-line:underline;text-decoration-style:dashed;-webkit-text-decoration-color:var(--border-light);text-decoration-color:var(--border-light);align-items:center;gap:.25rem;display:flex;overflow:hidden}.dropdown-arrow{opacity:.6;flex-shrink:0;transition:transform .2s,opacity .2s}.dropdown-arrow.open{opacity:1;transform:rotate(180deg)}.dropdown-menu{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:200;min-width:180px;animation:.15s ease-out dropdown-in;position:absolute;top:calc(100% + 4px);left:0;overflow:hidden}@keyframes dropdown-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.dropdown-menu a,.dropdown-menu button{width:100%;padding:.6rem var(--space-md);font-size:var(--text-sm);color:var(--gray-700);text-align:left;cursor:pointer;background:0 0;border:none;font-family:inherit;text-decoration:none;transition:background .1s;display:block}.dropdown-menu a:hover,.dropdown-menu button:hover{background:var(--bg-hover);text-decoration:none}.dropdown-menu-right{left:auto;right:0}.lang-switch{border-bottom:1px solid var(--border-light);gap:.25rem;padding:.5rem 1rem;display:flex}.lang-btn{font-size:var(--text-xs);border:1px solid var(--border-light);border-radius:var(--radius-sm);background:var(--bg-card);cursor:pointer;color:var(--gray-700);padding:.3rem .7rem;font-family:inherit;font-weight:600;transition:background .15s,border-color .15s}.lang-btn:hover{background:var(--gray-100)}.lang-btn.active{background:var(--green);color:var(--white);border-color:var(--green)}.navbar-right{flex-shrink:1;align-items:center;gap:.75rem;min-width:0;display:flex}.navbar-customer-btn{padding:.35rem var(--space-sm);font-size:var(--text-xs);color:var(--gray-700);border:1px solid var(--border-light);border-radius:var(--radius-sm);background:var(--bg-card);cursor:pointer;align-items:center;gap:.35rem;max-width:200px;font-family:inherit;font-weight:500;transition:background .15s,border-color .15s;display:flex}.navbar-customer-btn:hover{background:var(--gray-50);border-color:var(--border-light)}.navbar-customer-name{font-size:var(--text-xs);color:var(--gray-700);text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.navbar-icon{opacity:.6;flex-shrink:0}.navbar-user{position:relative}.navbar-user-btn{padding:.35rem var(--space-sm);font-size:var(--text-xs);cursor:pointer;color:var(--gray-700);text-overflow:ellipsis;white-space:nowrap;background:0 0;border:none;align-items:center;gap:.25rem;min-width:0;max-width:200px;font-family:inherit;display:flex;overflow:hidden}.hamburger-btn{cursor:pointer;background:0 0;border:none;flex-shrink:0;width:44px;height:44px;padding:10px;display:none}.hamburger-btn span,.hamburger-btn span:before,.hamburger-btn span:after{background:var(--gray-700);border-radius:var(--radius-sm);width:24px;height:2px;transition:transform .2s;display:block;position:relative}.hamburger-btn span:before,.hamburger-btn span:after{content:"";width:24px;position:absolute;left:0}.hamburger-btn span:before{top:-7px}.hamburger-btn span:after{top:7px}.navbar-overlay{display:none}@media (width<=1150px){.hamburger-btn{justify-content:center;align-items:center;display:flex}.navbar-tabs{background:var(--bg-card);box-shadow:var(--shadow-md);z-index:150;flex-direction:column;padding:.5rem 0;display:none;position:absolute;top:100%;left:0;right:0}.navbar-tabs.open{display:flex}.navbar-tabs .nav-tab{text-align:left;border-radius:0;width:100%;padding:.75rem 1.5rem}.navbar-tabs .nav-tab.active{background:var(--green);color:var(--white);box-shadow:none}.navbar-tabs .nav-dropdown{width:100%}.navbar-tabs .dropdown-menu{box-shadow:none;border:none;border-radius:0;padding-left:1rem;position:static}.navbar-overlay{z-index:99;background:#0000004d;display:block;position:fixed;inset:0}.navbar-user-email{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.navbar-right{margin-left:auto}.navbar-customer-btn{max-width:160px}}@media (width<=768px){.dropdown-menu a,.dropdown-menu button{min-height:var(--touch-min);align-items:center;display:flex}}@media (width<=576px){.navbar{gap:var(--space-sm);padding:.75rem 1rem}.navbar-logo-img{height:32px}.navbar-user-btn{max-width:none}.navbar-customer-btn .navbar-customer-name{display:none}.navbar-customer-btn{border:none;max-width:none;padding:.35rem}.dropdown-menu a,.dropdown-menu button{padding:.75rem var(--space-md)}}.app-footer{background:var(--green-dark);color:var(--white);margin-top:auto}.footer-inner{max-width:var(--content-max-width);font-size:var(--text-xs);flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;margin:0 auto;padding:.75rem 2rem;line-height:1.5;display:flex}.footer-company{font-weight:600}.footer-sep{opacity:.4}.footer-link{color:var(--white);opacity:.85;text-decoration:none}.footer-link:hover{opacity:1;text-decoration:underline}@media (width<=900px){.footer-inner{text-align:center;justify-content:center;padding:.75rem 1rem}}.app-layout{flex-direction:column;min-height:100vh;display:flex}.main-content{max-width:var(--content-max-width);width:100%;padding:var(--space-xl) var(--space-xl);overflow-wrap:break-word;flex:1;margin:0 auto}@media (width<=576px){.main-content{padding:1rem;overflow-x:hidden}}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--green:#3a7d44;--green-dark:#2d6335;--green-hover:#326e3b;--green-50:#e8f5e9;--green-100:#c8e6c9;--red:#c00;--teal:#2a7d7d;--teal-50:#d5eeee;--gray-50:#f8fafa;--gray-100:#f0f2f5;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-900:#1a1a2e;--text-primary:var(--gray-900);--text-secondary:var(--gray-500);--text-muted:#636b7a;--bg-page:var(--gray-100);--bg-card:#fff;--bg-hover:var(--gray-50);--border-default:var(--gray-300);--border-light:var(--gray-200);--gray-text:var(--gray-500);--gray-light:var(--gray-100);--white:#fff;--border:var(--border-default);--shadow-color:210deg 15% 60%;--shadow-sm:0 1px 2px hsl(var(--shadow-color) / .07), 0 2px 4px hsl(var(--shadow-color) / .07);--shadow-md:0 2px 4px hsl(var(--shadow-color) / .06), 0 4px 8px hsl(var(--shadow-color) / .06), 0 8px 16px hsl(var(--shadow-color) / .04);--shadow-lg:0 4px 8px hsl(var(--shadow-color) / .04), 0 8px 16px hsl(var(--shadow-color) / .04), 0 16px 32px hsl(var(--shadow-color) / .06);--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--text-xs:clamp(.7rem, .65rem + .25vw, .75rem);--text-sm:clamp(.8rem, .75rem + .25vw, .85rem);--text-base:clamp(.875rem, .825rem + .25vw, .925rem);--text-lg:clamp(1rem, .925rem + .375vw, 1.075rem);--text-xl:clamp(1.125rem, 1rem + .625vw, 1.25rem);--text-2xl:clamp(1.35rem, 1.15rem + 1vw, 1.75rem);--content-max-width:1200px;--touch-min:44px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;accent-color:var(--green)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scrollbar-gutter:stable}body{color:var(--text-primary);background:var(--bg-page);min-height:100vh;font-family:Inter Variable,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}h1,h2,h3{letter-spacing:-.015em;font-weight:600;line-height:1.2}h1{letter-spacing:-.02em;line-height:1.15}a{color:var(--green);text-decoration:none;transition:color .15s}a:hover{text-decoration:underline}button,select{transition:color .15s,background-color .15s,border-color .15s,box-shadow .15s,transform .1s}input:focus,select:focus,textarea:focus{border-color:var(--green);background-color:#fafffe;outline:none;box-shadow:0 0 0 3px #53ac7126,inset 0 1px 2px #0000000a}input,select,textarea{transition:border-color .2s,box-shadow .2s,background-color .2s;box-shadow:inset 0 1px 2px #0000000a}::placeholder{color:var(--gray-400);opacity:.7}.field-error,.field-error:focus{border-color:var(--red)!important;box-shadow:0 0 0 3px #cc00001a,inset 0 1px 2px #0000000a!important}@keyframes page-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.main-content>*{animation:.25s ease-out page-in}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg, var(--gray-200) 25%, var(--gray-100) 50%, var(--gray-200) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s ease-in-out infinite shimmer}.skeleton-row{align-items:center;gap:var(--space-sm);background:var(--bg-card);border-left:3px solid var(--gray-200);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:1rem 1.15rem;display:flex}.skeleton-text{height:.85rem}.skeleton-text-sm{height:.65rem}.skeleton-badge{border-radius:var(--radius-sm);width:3rem;height:1.25rem}.loading-container{flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:100vh;display:flex}.page-loading{text-align:center;color:var(--gray-600);flex-direction:column;align-items:center;gap:.75rem;padding:3rem;display:flex}@keyframes spin{to{transform:rotate(360deg)}}.spinner{border:3px solid var(--gray-200);border-top-color:var(--green);border-radius:var(--radius-full);width:40px;height:40px;animation:.8s linear infinite spin}.spinner-sm{border:2.5px solid var(--gray-200);border-top-color:var(--green);border-radius:var(--radius-full);width:24px;height:24px;animation:.8s linear infinite spin}.spinner-inline{border:2px solid #ffffff4d;border-top-color:var(--white);border-radius:var(--radius-full);vertical-align:middle;width:16px;height:16px;margin-right:.5rem;animation:.8s linear infinite spin;display:inline-block}.page-error{text-align:center;color:var(--red);padding:3rem;font-weight:500}.page-error button{color:var(--primary);cursor:pointer;background:0 0;border:none;margin-top:1rem;font-size:.95rem;font-weight:500;text-decoration:underline}.page-error button:hover{color:var(--primary-dark,var(--primary))}.btn-green{font-size:var(--text-base);color:var(--white);background:var(--green);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;min-height:var(--touch-min);border:none;padding:.6rem 1.5rem;font-family:inherit;font-weight:600;transition:background .2s,transform .15s,box-shadow .2s;box-shadow:0 1px 2px #0000001f,inset 0 1px #ffffff1a}.btn-green:hover{background:var(--green-hover);transform:translateY(-2px);box-shadow:0 4px 12px #3a7d444d,inset 0 1px #ffffff1a}.btn-green:active{background:var(--green-dark);transform:translateY(0);box-shadow:0 1px 2px #00000026,inset 0 2px 4px #0000001a}.btn-green:disabled{background:var(--gray-300);color:var(--gray-500);cursor:not-allowed;box-shadow:none;transform:none}.btn-remove{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;padding:0 .3rem;font-size:1.2rem}.btn-remove:hover{color:var(--red)}.empty-text{text-align:center;padding:var(--space-2xl) var(--space-md);color:var(--text-muted);font-size:var(--text-base)}.error-text{color:var(--red);font-size:var(--text-sm);text-align:center;margin:.5rem 0}.success-message{padding:var(--space-xl) var(--space-2xl);background:var(--teal-50);border-radius:var(--radius-lg);color:var(--teal)}.success-message .success-title{font-weight:700;font-size:var(--text-lg);margin-bottom:var(--space-sm)}.success-message p{font-size:var(--text-base);margin-bottom:var(--space-xs)}.help-text{font-size:var(--text-xs);color:var(--text-secondary);margin-top:var(--space-sm);line-height:1.5}.not-found-page{text-align:center;padding:var(--space-2xl) var(--space-md);justify-content:center;align-items:center;gap:var(--space-md);flex-direction:column;min-height:50vh;display:flex}.not-found-icon{color:var(--text-muted);margin-bottom:var(--space-sm)}.not-found-page h2{font-size:var(--text-2xl);color:var(--text-primary)}.not-found-page p{color:var(--text-secondary);max-width:400px}.form-page h1{font-size:var(--text-2xl);margin-bottom:var(--space-lg);font-weight:600}.form-card{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-xl) var(--space-2xl)}.form-section{padding:var(--space-xl) 0}.form-section+.form-section{border-top:1px solid var(--border-light)}.form-section:first-child{padding-top:0}.form-section:last-child{padding-bottom:0}.form-section h2{font-size:var(--text-xl);margin-bottom:var(--space-lg);font-weight:600}.form-section ul{padding-left:0;list-style-position:inside}.form-field{align-items:flex-start;gap:var(--space-md);margin-bottom:var(--space-md);display:flex}.form-field>label{width:min(180px,35%);font-size:var(--text-sm);padding-top:var(--space-sm);color:var(--gray-600);flex-shrink:0;font-weight:500}.form-field input[type=text],.form-field input[type=email],.form-field input[type=number],.form-field input[type=date],.form-field textarea,.form-field select{min-width:0;font-size:var(--text-base);border:1px solid var(--border-light);border-radius:var(--radius-sm);outline:none;flex:1;padding:.5rem .75rem;font-family:inherit;transition:border-color .15s,box-shadow .15s,background-color .15s}.form-field textarea{resize:vertical}.radio-group{gap:1.5rem;padding-top:.4rem;display:flex}.radio-group label{font-size:var(--text-base);cursor:pointer;align-items:center;gap:.35rem;display:flex}.required-asterisk{color:var(--red);font-weight:600}.field-wrapper{flex-direction:column;flex:1;gap:.25rem;min-width:0;display:flex}.field-wrapper select,.field-wrapper input{width:100%}.field-error-text{color:var(--red);font-size:var(--text-xs)}.datetime-group{flex:1;align-items:flex-start;gap:1rem;display:flex}.time-input-group{align-items:center;gap:.25rem;display:flex}.time-separator{font-size:var(--text-lg);font-weight:600}.time-input{width:50px;padding:var(--space-sm);text-align:center;font-size:var(--text-base);border:1px solid var(--border-light);border-radius:var(--radius-sm);outline:none;transition:border-color .15s,box-shadow .15s}.input-sm{width:80px;padding:.3rem var(--space-sm);font-size:var(--text-xs);border:1px solid var(--border-light);border-radius:var(--radius-sm);outline:none;transition:border-color .15s,box-shadow .15s}.item-actions{justify-content:center;align-items:center;gap:1rem;margin:.75rem 0;display:flex}.item-table .input-sm{width:100%;min-width:60px}.qty-cell .input-sm{width:70px}.edit-item-card .edit-card-field .input-sm{width:100%;max-width:none}.form-notice{border-radius:var(--radius-sm);font-size:var(--text-sm);margin-top:var(--space-md);background:#fff3cd;padding:.75rem 1rem}.form-notice a{color:var(--green)}.validation-errors{text-align:right;margin:1rem 0}.form-actions{justify-content:flex-end;align-items:center;gap:var(--space-lg);margin-top:var(--space-xl);display:flex}.btn-submit{padding:.65rem 2rem}.clear-link{color:var(--green);font-size:var(--text-base)}.drop-zone{border:2px dashed var(--border-light);border-radius:var(--radius-sm);text-align:center;cursor:pointer;padding:1.5rem;transition:border-color .15s,background .15s}.drop-zone:hover,.drop-zone-active{border-color:var(--green);background:var(--green-50)}.drop-zone p{margin:0}.file-rejections{background:var(--red-50,#fef2f2);border:1px solid var(--red,#dc2626);border-radius:var(--radius-sm);color:var(--red,#dc2626);font-size:var(--text-sm);margin-top:.5rem;padding:.5rem .75rem}.file-rejections p{margin:.15rem 0}.file-list{margin:.5rem 0 0;padding:0;list-style:none}.file-item{font-size:var(--text-sm);border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:.35rem .5rem;display:flex}@media (width<=900px){.form-field{flex-direction:column;gap:.25rem}.form-field>label{width:auto;padding-top:0}}@media (width<=576px){.form-card{padding:var(--space-md)}.time-input{width:3.5rem;min-width:2.5rem}.input-sm{width:100%;max-width:5rem}.qty-cell .input-sm{width:4.5rem}input[type=radio],input[type=checkbox]{width:20px;height:20px}.datetime-group,.form-actions{flex-direction:column}.btn-submit{width:100%}}.data-table{border-collapse:collapse;background:var(--bg-card);width:100%;font-size:var(--text-sm)}.data-table th{background:var(--gray-50);text-align:left;border-bottom:1px solid var(--border-light);white-space:nowrap;font-weight:600;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);padding:.75rem}.data-table th[scope=row]{background:inherit;font-weight:inherit;font-size:inherit;text-transform:none;letter-spacing:normal;color:inherit;border-bottom:1px solid var(--border-light);padding:.7rem .75rem;transition:background-color .15s}.data-table td{border-bottom:1px solid var(--border-light);padding:.7rem .75rem;transition:background-color .15s}.data-table tbody tr:nth-child(2n){background:var(--bg-hover)}.data-table tbody tr:hover{background:var(--gray-100)}.table-scroll-wrap{-webkit-overflow-scrolling:touch;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow-x:auto}.table-scroll-wrap>.data-table{min-width:600px}.qty-cell{white-space:nowrap;align-items:center;gap:.25rem;display:flex}.qty-uom{color:var(--text-secondary);font-size:var(--text-xs)}.item-card-list{gap:var(--space-sm);flex-direction:column;display:flex}.item-card{background:var(--bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:.75rem var(--space-md)}.item-card-row{justify-content:space-between;align-items:baseline;gap:var(--space-sm);font-size:var(--text-sm);padding:.2rem 0;display:flex}.item-card-row .card-label{color:var(--text-secondary);font-size:var(--text-xs);flex-shrink:0;min-width:5rem}.item-card-row .card-value{text-align:right;word-break:break-word}.item-card-header{font-weight:600;font-size:var(--text-base);margin-bottom:var(--space-xs);justify-content:space-between;align-items:center;display:flex}.edit-item-card{background:var(--bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:.75rem var(--space-md)}.edit-item-card-header{margin-bottom:var(--space-sm);justify-content:space-between;align-items:center;display:flex}.edit-item-card-header strong{font-size:var(--text-base)}.edit-item-card .edit-card-field{gap:var(--space-xs);margin-bottom:var(--space-sm);flex-direction:column;display:flex}.edit-item-card .edit-card-field label{font-size:var(--text-xs);color:var(--text-secondary)}@media (width<=768px){.btn-remove{min-width:var(--touch-min);min-height:var(--touch-min);justify-content:center;align-items:center;display:inline-flex}.table-card-mobile{min-width:0!important}.table-card-mobile thead{display:none}.table-card-mobile tbody tr{background:var(--bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:.75rem var(--space-md);margin-bottom:var(--space-sm);display:block}.table-card-mobile tbody tr:hover{background:var(--bg-card)}.table-card-mobile td{justify-content:space-between;align-items:baseline;gap:var(--space-sm);border-bottom:none;padding:.2rem 0;display:flex}.table-card-mobile td:before{content:attr(data-label);color:var(--text-secondary);font-size:var(--text-xs);flex-shrink:0;min-width:5rem;font-weight:500}.table-card-mobile td:empty{display:none}}@media (width<=576px){.data-table th{white-space:normal}}.test-env{--test-amber:#e67e22;--test-amber-dark:#d35400;--green:#e67e22;--green-hover:#cf6d17;--green-50:#fef3e2;--green-100:#fde4c4}.test-bar{--test-amber:#e67e22;--test-banner-height:28px}.test-bar .navbar:before,.test-bar .login-container:before{content:var(--test-label,"TEST");height:var(--test-banner-height);background:var(--test-amber);color:#fff;letter-spacing:.08em;justify-content:center;align-items:center;font-size:12px;font-weight:600;display:flex;top:0;left:0;right:0}.test-bar .navbar{padding-top:calc(.75rem + var(--test-banner-height))}.test-bar .navbar:before{z-index:101;position:absolute}.test-bar .login-container:before{z-index:1000;position:fixed}.test-env .navbar-logo-img,.test-env .login-logo-img{filter:sepia(.6)hue-rotate(-10deg)saturate(1.8)}@media print{.navbar,.footer,.breadcrumb-nav,.no-print{display:none!important}body{margin:0}.form-page{padding:0}.form-card{box-shadow:none;border:none}table{page-break-inside:avoid}@page{margin:15mm}}