.header{align-items:center;background:#408ca8;box-shadow:0 2px 4px #0000001a;display:flex;height:50px;justify-content:space-between;left:0;padding:10px 20px;position:fixed;right:0;top:0;z-index:1000}.header h1{margin:0}.header .user-initial{background-color:#96e3ff;font-size:24px;font-weight:700}.toggle-button{background:none;border:none;color:#fff;cursor:pointer;font-size:1rem;padding:10px 20px}.title{color:#96e3ff;cursor:pointer;flex:1 1;font-size:2rem;padding:15px 20px 22px;text-align:left}.notification-icon{margin-right:20px}.message-icon,.notification-icon{align-items:center;display:flex;padding:5px}.message-icon{margin-right:50px}.basket-icon{margin-right:20px;padding:5px}.basket-icon,.search-bar{align-items:center;display:flex}.search-input{border-radius:3px;margin-right:50px}.modal-overlay,.search-input{border:1px solid #ccc;padding:5px}.modal-overlay{background:#fff;border-radius:10px;box-shadow:0 5px 10px #00000026;position:absolute;right:20px;top:50px;z-index:100}.modal-content{background:#fff;border-radius:0;padding:0}.user-initial{align-items:center;background-color:#666;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:2rem;justify-content:center;width:2rem}.nav-bar{background-color:#f0eeee;height:1000px;left:0;padding:1rem;position:absolute;top:100%;width:17%}.nav-bar ul{list-style:none;padding:0}.nav-bar li{color:#408ca8;cursor:pointer;font:full-width;padding:8px 25px}.tree-item{align-items:normal;display:inherit}.tree-icon{color:#408ca8;display:inline-grid;margin-left:10px;transform:rotate(0deg);transition:transform .3s ease;width:12px}.tree-icon.open{transform:rotate(90deg)}.sub-menu{list-style:none;margin-top:5px;padding-left:20px}.logout-button{background:none;border:none;cursor:pointer;display:block;padding:8px;text-align:left;width:100%}.logout-button:hover{background-color:#f4f4f4}
/*# sourceMappingURL=main.0a0c908c.css.map*/