:root{--color-primary:#0052cc;--color-primary-hover:#0d47a1;--color-primary-light:#0052cc14;--color-secondary:#455a64;--color-secondary-hover:#65737e;--color-bg:#fbfbfb;--color-surface:#fff;--color-border:#e0e3e7;--color-text:#1a1a1a;--color-text-muted:#5f6b76;--color-text-inverse:#fff;--color-danger:#c62828;--color-success:#2e7d32;--color-warning:#ef6c00;--color-utility-bar-bg:#4b4b4b;--color-utility-bar-text:#fff;--color-header-bg:#fff;--color-header-text:#1a1a1a;--color-footer-bg:#4b4b4b;--color-footer-text:#fff;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:5rem;--radius:8px;--radius-sm:4px;--radius-pill:24px;--shadow:0 1px 2px #00000014;--shadow-md:0 3px 5px 2px #0000001a;--shadow-lg:0 8px 24px #0000001f;--font:"Work Sans", "Helvetica", "Arial", sans-serif;--font-size-xs:.75rem;--font-size-sm:.85rem;--font-size-base:1rem;--font-size-md:1.125rem;--font-size-lg:1.5rem;--font-size-xl:2.4rem;--font-size-2xl:2.8rem;--transition:.2s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font);color:var(--color-text);background:var(--color-bg);line-height:1.5;font-size:var(--font-size-base);font-weight:400}h1{font-size:var(--font-size-2xl);color:var(--color-primary-hover);letter-spacing:.00735em;font-weight:700;line-height:1.1}h2{font-size:var(--font-size-xl);letter-spacing:.00735em;font-weight:500;line-height:1.3}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;display:block}ul,ol{list-style:none}.utility-bar{background:var(--color-utility-bar-bg);color:var(--color-utility-bar-text);font-size:var(--font-size-xs);font-weight:600}.utility-bar-inner{max-width:1200px;padding:var(--space-xs) var(--space-lg);justify-content:space-between;align-items:center;gap:var(--space-md);flex-wrap:wrap;height:30px;margin:0 auto;display:flex}.utility-bar a{color:var(--color-utility-bar-text)}.utility-bar a:hover{color:var(--color-primary);text-decoration:none}.utility-bar-item{align-items:center;gap:4px;display:inline-flex}.utility-bar-sep{opacity:.4}.header{background:var(--color-primary);z-index:100;box-shadow:var(--shadow);position:sticky;top:0}.header-inner{max-width:1200px;padding:0 var(--space-lg) 0 0;justify-content:space-between;align-items:center;gap:var(--space-lg);height:70px;margin:0 auto;display:flex}.logo{background:linear-gradient(115deg, var(--color-surface) calc(100% - 30px), var(--color-primary) calc(100% - 29px));height:70px;padding-left:var(--space-lg);flex-shrink:0;align-items:center;padding-right:60px;display:flex}.logo:hover{text-decoration:none}.logo-img{width:auto;height:156px}.nav{align-items:center;gap:var(--space-md);font-size:var(--font-size-sm);display:flex}.nav a{color:var(--color-text-inverse);transition:opacity var(--transition);font-weight:500}.nav a:hover{opacity:.85;text-decoration:none}.nav-divider{color:#fff6}.user-info{color:#ffffffd9;font-size:var(--font-size-sm)}.lang-switcher{color:var(--color-text-inverse);font-size:var(--font-size-sm);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:1px solid #fff6;width:auto}.lang-switcher option{background:var(--color-primary);color:var(--color-text-inverse)}.btn-link{color:var(--color-text-inverse);cursor:pointer;font-size:var(--font-size-sm);transition:opacity var(--transition);background:0 0;border:none;padding:0;font-weight:500}.btn-link:hover{opacity:.85;text-decoration:none}.nav-badge{background:var(--color-text-inverse);color:var(--color-primary);font-size:var(--font-size-xs);border-radius:var(--radius-pill);margin-left:var(--space-xs);padding:1px 7px;font-weight:700;line-height:1.4}.footer{background:var(--color-footer-bg);color:var(--color-footer-text);text-align:center;padding:var(--space-xl) var(--space-lg);font-size:var(--font-size-sm);margin-top:var(--space-3xl)}.footer a{color:var(--color-footer-text)}.main{max-width:1200px;padding:var(--space-2xl) var(--space-lg);margin:0 auto}button,.btn{font-family:var(--font);font-size:var(--font-size-sm);cursor:pointer;font-weight:500}.btn{align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-pill);background:var(--color-secondary);color:var(--color-text-inverse);text-transform:none;box-shadow:var(--shadow-md);transition:transform .1s ease-in-out, background var(--transition);border:none;display:inline-flex}.btn:hover{background:var(--color-secondary-hover);transform:scale(1.05)}.btn-primary{background:var(--color-primary);color:var(--color-text-inverse)}.btn-primary:hover{background:var(--color-primary-hover)}.btn-danger{background:var(--color-danger);color:var(--color-text-inverse)}.btn-danger:hover{opacity:1;background:#8e1f1f}.btn-ghost{color:var(--color-text);box-shadow:none;background:0 0}.btn-ghost:hover{background:var(--color-primary-light);transform:none}.btn-ghost.active{color:var(--color-primary);background:var(--color-primary-light)}.btn-sm{padding:var(--space-xs) var(--space-md);font-size:var(--font-size-xs)}input,select,textarea{font-family:var(--font);font-size:var(--font-size-sm);padding:.625rem var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-text);width:100%;transition:border-color var(--transition), box-shadow var(--transition)}input[type=checkbox],input[type=radio]{width:auto;padding:0}input:focus,select:focus,textarea:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #0052cc26}label{font-size:var(--font-size-sm);margin-bottom:var(--space-xs);font-weight:500;display:block}.form-group{margin-bottom:var(--space-md)}.form-row{gap:var(--space-md);grid-template-columns:1fr 1fr;display:grid}.form-error{color:var(--color-danger);font-size:var(--font-size-xs);margin-top:var(--space-xs)}table{border-collapse:collapse;width:100%;font-size:var(--font-size-sm)}th,td{text-align:left;padding:var(--space-md);border-bottom:1px solid var(--color-border)}th{color:var(--color-text-muted);font-weight:600;font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.04em}tbody tr{transition:background var(--transition)}tbody tr:hover{background:var(--color-primary-light)}tbody tr.clickable-row{cursor:pointer}tbody tr.clickable-row:hover{box-shadow:var(--shadow);transform:translateY(-1px)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-xl);box-shadow:var(--shadow);transition:transform var(--transition), box-shadow var(--transition)}.card-interactive:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-header{margin-bottom:var(--space-md);justify-content:space-between;align-items:center;display:flex}.card-header h2,.card-header h3{margin:0}.panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.panel-header{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-border);font-weight:600}.panel-body{padding:var(--space-lg)}.badge{border-radius:var(--radius-pill);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.03em;padding:2px 10px;font-weight:600;display:inline-block}.badge-draft{color:#475569;background:#f1f5f9}.badge-paid{background:var(--color-primary-light);color:var(--color-primary-hover)}.badge-submitted{color:#c2410c;background:#fff7ed}.badge-confirmed,.badge-active{color:#15803d;background:#dcfce7}.badge-inactive{color:#475569;background:#f1f5f9}.badge-pending{color:#c2410c;background:#fff7ed}.badge-processing{background:var(--color-primary-light);color:var(--color-primary-hover)}.badge-shipped{color:#15803d;background:#dcfce7}.dot{border-radius:50%;width:10px;height:10px;display:inline-block}.dot-available{background-color:var(--color-success)}.dot-unavailable{background-color:var(--color-danger)}.stock-indicator{align-items:center;gap:var(--space-xs);font-size:var(--font-size-xs);font-weight:500;display:inline-flex}.stock-indicator-available{color:var(--color-success)}.stock-indicator-unavailable{color:var(--color-danger)}.modal-backdrop{z-index:200;padding:var(--space-2xl) var(--space-md);background:#00000080;justify-content:center;align-items:flex-start;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-card{background:var(--color-surface);border-radius:var(--radius);padding:var(--space-xl);width:100%;max-width:560px;box-shadow:var(--shadow-lg);position:relative}.modal-header{margin-bottom:var(--space-lg);justify-content:space-between;align-items:flex-start;display:flex}.modal-close{font-size:var(--font-size-lg);cursor:pointer;color:var(--color-text-muted);padding:0 var(--space-xs);box-shadow:none;background:0 0;border:none;line-height:1}.modal-close:hover{color:var(--color-text);background:0 0;transform:none}.modal-info-grid{gap:var(--space-md) var(--space-lg);margin-bottom:var(--space-lg);grid-template-columns:1fr 1fr;display:grid}.modal-info-label{color:var(--color-text-muted);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.04em;margin-bottom:2px}.modal-info-value{color:var(--color-text);font-weight:500;font-size:var(--font-size-sm)}.model-tags{gap:var(--space-xs);flex-wrap:wrap;display:flex}.model-tag{background:var(--color-bg);border-radius:var(--radius-pill);font-size:var(--font-size-xs);color:var(--color-text);padding:2px 10px}.modal-section-label{color:var(--color-text-muted);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.04em;margin-bottom:var(--space-sm)}.modal-table-wrap{margin-bottom:var(--space-lg);overflow-x:auto}.modal-actions{gap:var(--space-sm);padding-top:var(--space-lg);border-top:1px solid var(--color-border);align-items:center;display:flex}.login-wrapper{max-width:420px;margin:var(--space-3xl) auto 0}.login-wrapper .card{box-shadow:var(--shadow-md)}.search-form{gap:var(--space-md);flex-wrap:wrap;align-items:center;display:flex}.search-form input[type=text]{flex:1;min-width:200px}.search-form select{width:200px}.part-detail-section{border-top:1px solid var(--color-border);padding-top:var(--space-md);margin-top:var(--space-md)}.cart-total-bar{margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.checkout-actions{margin-top:var(--space-lg)}.admin-nav{gap:var(--space-sm);margin-bottom:var(--space-lg);display:flex}.flex{display:flex}.inline-flex{display:inline-flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.grid{display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.mr-sm{margin-right:var(--space-sm)}.ml-sm{margin-left:var(--space-sm)}.text-muted{color:var(--color-text-muted)}.text-success{color:var(--color-success)}.text-sm{font-size:var(--font-size-sm)}.text-right{text-align:right}.text-center{text-align:center}.w-full{width:100%}.font-semibold{font-weight:600}.spinner{padding:var(--space-2xl);justify-content:center;align-items:center;display:flex}.spinner:after{content:"";border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;width:28px;height:28px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=768px){.header-inner{padding:0 var(--space-md) 0 0;height:60px}.logo{height:60px;padding-left:var(--space-md);padding-right:30px}.logo-img{height:144px}.main{padding:var(--space-lg) var(--space-md)}.form-row,.grid-2,.grid-3{grid-template-columns:1fr}.nav{gap:var(--space-sm);font-size:var(--font-size-xs)}.search-form{flex-direction:column}.search-form select{width:100%}.modal-card{width:calc(100% - 2rem)}.modal-info-grid{grid-template-columns:1fr}.utility-bar-inner{align-items:flex-start;gap:var(--space-xs);height:auto;padding:var(--space-xs) var(--space-md);flex-direction:column}.utility-bar-sep{display:none}}