:root{--primary-blue: #0f7ee9;--light-blue-bg: #e7f2fe;--background-grey: #f4f6f9;--border-color: #e0e0e0;--text-color: #333;--text-light: #757575;--white: #ffffff;--font-family: "Segoe UI", "Roboto", "Helvetica", "Arial", sans-serif}body{margin:0;font-family:var(--font-family);background-color:var(--background-grey);color:var(--text-color)}*{box-sizing:border-box}.top-nav{display:flex;justify-content:space-between;align-items:center;background-color:var(--primary-blue);color:var(--white);padding:0 20px;height:60px;flex-shrink:0}.nav-left,.nav-right,.user-profile{display:flex;align-items:center;gap:15px}.user-avatar{width:40px;height:40px;border-radius:50%;background-color:#fff3;display:grid;place-items:center;font-weight:700}.user-info{display:flex;flex-direction:column}.user-name{font-weight:700}.user-company{font-size:.8rem;opacity:.8}.flag-icon{font-size:24px}.hamburger-btn{background:none;border:none;color:#fff;padding:0}.hamburger-btn svg{width:28px;height:28px;fill:currentColor}.desktop-only{display:none}.mobile-only{display:block}@media screen and (min-width: 992px){.desktop-only{display:flex}.mobile-only{display:none}}.sidebar{display:none;width:210px;background-color:var(--white);border-right:1px solid var(--border-color);padding:20px;flex-shrink:0;box-shadow:4px 0 12px #0000000d;z-index:2}.menu p{color:var(--text-light);font-size:1rem;font-weight:700;text-transform:uppercase;margin:0 0 10px;padding-bottom:10px;border-bottom:2px solid var(--primary-blue);text-align:center}.menu ul{list-style:none;padding:0;margin:0}.menu li{display:flex;align-items:center;gap:10px;padding:10px;cursor:pointer;font-weight:400;font-size:12px;border-radius:6px}.menu li svg{width:16px;height:16px;fill:var(--text-light);flex-shrink:0}.menu li:hover{background-color:var(--background-grey)}.menu li.active{background-color:var(--light-blue-bg);color:var(--primary-blue);font-weight:700}.menu li.active svg{fill:var(--primary-blue)}@media screen and (min-width: 992px){.sidebar{display:block}}.controls-section{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;padding:12px 15px;background-color:var(--white);border-bottom:1px solid var(--border-color);flex-shrink:0}.search-container{display:flex;flex-direction:column;gap:8px}.search-bar{position:relative}.search-bar input{width:100%;height:38px;padding:8px 35px 8px 15px;border:1px solid var(--border-color);border-radius:20px;font-size:.95rem;box-shadow:0 1px 3px #0000000a}.search-bar svg{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:18px;height:18px;fill:var(--text-light)}.actions-container{display:flex;gap:10px}.action-btn{display:flex;justify-content:center;align-items:center;gap:8px;height:38px;padding:8px 15px;border-radius:20px;border:1px solid var(--border-color);background-color:#f9f9f9;font-weight:500;font-size:.9rem;cursor:pointer;white-space:nowrap;box-shadow:0 1px 3px #0000000a}.action-btn:hover{background-color:#f1f1f1}.action-btn svg{width:18px;height:18px;fill:var(--text-color)}@media screen and (min-width: 992px){.search-bar input{min-width:280px}}@media screen and (max-width: 767px){.controls-section{padding:10px;gap:10px}.button-text{display:none}.search-bar input{height:34px;font-size:.85rem;padding-left:12px}.action-btn{padding:6px 12px;width:auto;height:34px}}.data-tag{display:inline-block;width:100%;padding:6px 12px;border:1px solid var(--border-color);background-color:var(--white);border-radius:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.product-table-container table{width:100%;border-collapse:collapse;font-size:.8rem}.product-table-container th,.product-table-container td{padding:8px 6px;text-align:left;vertical-align:middle}.product-table-container th{font-weight:700;color:var(--text-light);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;position:sticky;top:0;background-color:var(--background-grey);z-index:1}.col-articleNo,.col-price,.col-inPrice,.col-unit,.col-inStock{white-space:nowrap}.col-productName{min-width:150px;max-width:280px;word-break:break-word}.col-description{min-width:200px;max-width:350px;word-break:break-word}.col-icon{width:26px;text-align:center}.row-icon{width:20px;height:20px;fill:var(--primary-blue)}.sort-arrow{display:inline-block;margin-left:5px;font-size:.7em;transition:transform .2s ease-in-out}.sort-arrow.desc{transform:rotate(180deg)}.expanded-row td{padding:0}.expanded-details{background-color:#f9f9f9;padding:15px;animation:slideDown .3s ease-out}.expanded-details p{margin:4px 0}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media screen and (max-width: 992px){.hide-tablet{display:none}}@media screen and (max-width: 767px){.hide-mobile{display:none}}.editable-cell{width:100%;padding:6px 12px;font-family:inherit;font-size:inherit;color:inherit;border:1px solid var(--border-color);background-color:var(--white);border-radius:20px;transition:border-color .2s,box-shadow .2s}.editable-cell:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 2px #0f7ee933}.page-layout{display:flex;flex-direction:column;height:100vh}.page-body{display:flex;flex-grow:1;overflow:hidden}.main-content{flex-grow:1;display:flex;flex-direction:column;overflow:hidden}.content-area{padding:0;overflow-y:auto;flex-grow:1}