.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.header-nav{background:#fff;box-shadow:0 2px 5px #0000001a;padding:10px 20px 5px}.app-title{color:#333;font-size:22px;font-weight:700;margin-bottom:10px}.menu-icons{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-evenly}.logout-button,.menu-icon-link{background:none;border:none;cursor:pointer;display:inline-block;margin:0;padding:0;text-decoration:none}.menu-icon{align-items:center;border:2px solid #0000;border-radius:12px;box-sizing:border-box;display:flex;flex-direction:column;height:130px;justify-content:center;padding:8px;transition:all .3s ease;width:110px}.menu-icon-img{height:64px;object-fit:contain;transition:transform .3s ease;width:64px}.menu-icon:hover .menu-icon-img{transform:scale(1.05)}.menu-label{color:#333;font-size:14px;font-weight:700;margin-top:6px}.menu-icon-link.active .menu-icon{background:#f0f8ff;border-color:#0d6efd;color:#0d6efd}.logout-button .menu-icon,.menu-icon-link:not(.active) .menu-icon{background:#fff8f0;border-color:orange}.logout-button .menu-icon{height:130px;width:110px}.logout-button .menu-icon:hover{transform:scale(1.05)}.logout-button .menu-icon-img{height:64px;width:64px}.content{padding:20px}@media (max-width:768px){.menu-icons{gap:8px;justify-content:center}.menu-icon{height:110px;width:90px}.menu-icon-img{height:56px;width:56px}.menu-label{font-size:13px}}*{box-sizing:border-box;padding:0}*,body{margin:0}body{background-color:#f4f4f4;color:#333;font-family:Arial,sans-serif;padding:20px}@media (max-width:600px){html{font-size:13px}body{padding:10px}.header-title,.section-title,h1,h2,h3{font-size:18px!important}}h1,h2,h3{color:#333;font-family:Arial,sans-serif;font-size:24px;font-weight:700;margin-bottom:15px}.app-title,.header-title{color:#333;font-size:20px;margin-left:10px}.header-title,.section-title{color:#333;font-family:Arial,sans-serif;font-size:24px;font-weight:700;margin-bottom:15px}.main-nav{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#ffffffe6;box-shadow:0 2px 5px #0000001a;display:flex;height:60px;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:999}.main-nav a{color:#333;font-weight:700;margin:0 15px;text-decoration:none}.main-nav a:hover{color:#007bff}.content{padding:80px 20px 20px}button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;margin:5px;padding:10px 15px}button:hover{background-color:#0056b3}button.secondary{background-color:orange}button.danger{background-color:red}input,select,textarea{border:1px solid #ccc;border-radius:5px;display:block;font-size:14px;margin:5px 0;padding:10px;width:100%}.section-container{background:#fff;border-radius:8px;box-shadow:0 0 10px #0000001a;margin-bottom:20px;padding:15px}.product-table{border-collapse:collapse;margin-top:10px;width:100%}.product-table td,.product-table th{border:1px solid #ddd;padding:10px;text-align:left}.product-table th{background-color:#007bff;color:#fff}.product-table tbody tr:nth-child(2n){background-color:#f9f9f9}.product-list-container{background:#fff;border:1px solid #ddd;border-radius:5px;max-height:300px;overflow-y:auto;padding:10px}.content{margin-top:8px}