*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif}.no-select{user-select:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important}html,body{width:100%;height:100%;overflow-y:hidden}#app-container{height:100vh;display:flex;flex-direction:column}#navbar{width:100vw;height:12vh;color:#fff;background-color:#0f7ee9;padding:0 10vw;display:flex;align-items:center;justify-content:space-between}#navbar #hamburger-menu{display:none;font-size:3.5rem}#navbar #user-info{display:flex;align-items:center;gap:15px}#navbar #user-info #user-pfp{height:9vh;border-radius:50%}#navbar #user-info #user-text{display:flex;flex-direction:column;justify-content:center;height:100%}#navbar #user-info #user-text #user-name{font-weight:500;font-size:1.1rem;line-height:1.2}#navbar #user-info #user-text #user-location{font-size:.9rem;opacity:.8;line-height:1.2}#navbar #country-info{display:flex;align-items:center;gap:5px}#navbar #country-info #country-flag{height:5vh}#navbar #country-info #country-name{padding-right:1vw;font-size:.9rem;opacity:.8;text-wrap:nowrap}#main-content{display:flex;height:88vh;overflow:hidden}#menubar{width:15vw;height:100%;box-shadow:4px 0 5px #0000001a;flex-shrink:0}#menubar h2{font-size:1.5rem;font-weight:300;text-align:center;margin-bottom:1rem;border-bottom:3px solid #c1d8e8;margin:1vw;padding-bottom:1vh}#menubar .menu-item{margin:5px 20px;padding:10px;display:flex;align-items:center;gap:10px}#menubar .menu-item:hover{background-color:#c1d8e8;cursor:pointer}#menubar .menu-icon{width:24px;height:24px}#product-page{flex:1;overflow-y:auto;height:100%}#product-page #product-top-section{display:flex;justify-content:flex-end;margin:2vh 3vw}#product-page #product-top-section #search-container{display:flex;flex-direction:column;margin:10px auto 10px 10px}#product-page #product-top-section #search-container .search-bar{display:flex;align-items:center;margin:4px}#product-page #product-top-section #search-container .search-bar input{border:#eeeeee 1px solid;padding:3px}#product-page #product-top-section .icon{height:2vh}#product-page #product-top-section .top-section-button{color:#aaa;height:fit-content;border:#dddddd 1px solid;margin:0px 1vw;padding:3px 8px;display:flex;align-items:center;gap:1vw;border-radius:.5vw;cursor:pointer}#product-page #product-top-section #top-section-button-container{display:flex;justify-content:space-between;padding-top:1vh}#product-table{padding:0 2vw;border-spacing:1vw 1vh;border-collapse:separate;width:100%}#product-table th{text-align:left;padding:1px 4px;font-weight:500}#product-table td{border:2px solid rgb(112,145,176,.3);border-radius:8px}#product-table #product-name,#product-table #description{text-align:left}#product-table #article-no .table-input,#product-table #price .table-input,#product-table #in-price .table-input,#product-table #in-stock .table-input{text-align:center;padding:4px 8px}#product-table .table-input{width:100%;border:none;background:transparent;padding:4px;font-family:inherit;font-size:inherit;outline:none}#product-table .table-input:focus{background-color:#0f7ee91a;border-radius:4px}#product-table .readonly-input{background-color:#f5f5f5!important;cursor:not-allowed!important}#product-table #expand-header,#product-table #expand{border:none}#product-table #expand-indicator{color:#0f7ee9;font-weight:700;cursor:pointer}#product-table #arrow-header,#product-table #arrow-cell{width:30px;text-align:center;padding:4px;border:none}#product-table .row-arrow{width:16px;height:16px}#product-table .selected-row{background-color:#0f7ee90d}#product-table tr{cursor:pointer}#product-table .sort-icon{width:16px;height:16px;margin-left:2px}#product-table #article-no,#product-table #article-no-header{width:8%;min-width:100px}#product-table #in-price,#product-table #in-price-header,#product-table #price,#product-table #price-header{width:8%;min-width:80px}#product-table #in-stock,#product-table #in-stock-header{width:6%;min-width:70px}#product-table #unit,#product-table #unit-header{width:8%;min-width:70px}#product-table #product-name,#product-table #product-name-header{width:35%;min-width:200px}#product-table #description,#product-table #description-header{width:25%;min-width:150px}#product-table #article-no .table-input,#product-table #in-price .table-input,#product-table #price .table-input,#product-table #in-stock .table-input,#product-table #unit .table-input{padding:4px 8px}#product-table #product-name .table-input,#product-table #description .table-input{padding:4px 12px}@media (min-width: 769px) and (max-width: 1024px){#navbar #user-info{display:none}#navbar #hamburger-menu{display:block}#main-content{flex-direction:column}#menubar{display:none}#product-page{width:100%}#product-page #product-top-section #search-container{margin:10px auto 10px 10px}#product-page #product-top-section #search-container .search-bar{margin:4px}#product-page #product-top-section #search-container .search-bar input{padding:6px;font-size:14px}#product-page #product-top-section #top-section-button-container .top-section-button{padding:1vh 3vh;border-radius:2vh}#product-page #product-top-section #top-section-button-container .top-section-button span{display:none}#product-table{padding:0 2vw}#product-table td,#product-table th{display:none;padding:.5vh .8vw;border-radius:10px}#product-table #article-no,#product-table #product-name,#product-table #price,#product-table #in-stock,#product-table #unit,#product-table #expand,#product-table #article-no-header,#product-table #product-name-header,#product-table #price-header,#product-table #in-stock-header,#product-table #unit-header,#product-table #expand-header,#product-table #arrow-header,#product-table #arrow-cell{display:table-cell}#product-table #article-no,#product-table #article-no-header{width:15vw}#product-table #product-name,#product-table #product-name-header{width:30vw}#product-table #price,#product-table #price-header{width:15vw}#product-table #in-stock,#product-table #in-stock-header,#product-table #unit,#product-table #unit-header{width:12vw}#product-table #expand{width:8vw;padding-right:2vw}#product-table #price .table-input{padding:0 8px}}@media (max-width: 768px){#navbar #user-info{display:none}#navbar #hamburger-menu{display:block}#main-content{flex-direction:column}#menubar{display:none}#product-page{width:100%}#product-page #product-top-section{flex-direction:column}#product-page #product-top-section #search-container{width:100%;margin:10px 0}#product-page #product-top-section #search-container .search-bar{margin:1vh 1.5vw}#product-page #product-top-section #search-container .search-bar input{width:100%;padding:8px;font-size:16px}#product-page #product-top-section #top-section-button-container .top-section-button{padding:1vh 5vh;border-radius:2vh}#product-page #product-top-section #top-section-button-container .top-section-button span{display:none}#product-table{padding:0 3vw}#product-table td,#product-table th{display:none;padding:.5vh .5vw;border-radius:15px}#product-table #product-name,#product-table #price,#product-table #expand,#product-table #product-name-header,#product-table #price-header,#product-table #expand-header,#product-table #arrow-header,#product-table #arrow-cell{display:table-cell}#product-table #product-name,#product-table #product-name-header{width:60vw}#product-table #price,#product-table #price-header{width:20vw}#product-table #price .table-input{padding:0 5px}#product-table #expand{padding-right:2vw}}