body{font-family:Arial,sans-serif}.app-container{display:flex;flex-direction:column;height:calc(100vh - 40px)}.main-layout{display:flex;flex:1}header{background-color:beige;padding:10px 20px;display:flex;align-items:center;justify-content:space-between}.logo{margin-right:auto;font-size:18px;font-weight:600;cursor:pointer;text-decoration:none;transition:color .3s}.logo:hover{color:green}.inform{display:flex;align-items:center;justify-content:center;height:100%}.clock{display:flex;align-items:center;margin-right:20px}.date-block{display:flex;flex-direction:column;text-align:left}.weekday{font-size:16px}.date{font-size:14px;color:#555}.time-block{display:flex;align-items:center;gap:8px;font-size:16px}.clock-icon{font-size:18px}.sidebar{width:200px;background-color:#d3d3d3;padding:20px}.sidebar a{display:block;margin-bottom:10px;text-decoration:none;color:#000;border:1px solid transparent;padding:5px}.sidebar a.active{border:1px solid black}.page-content{flex:1;padding:20px;background-color:#e0e0e0}.orders-page{display:flex}.orders-list{width:30%;border-right:1px solid #ccc}.order-item{padding:10px;cursor:pointer}.order-item.active{background-color:#eef}.order-details{padding:20px;width:70%}.products-wrapper{max-height:300px;overflow-y:auto;border:1px solid #ccc;border-radius:6px;padding:10px}.products-table{min-width:700px;border-collapse:collapse}.products-table th,.products-table td{padding:8px 12px;border-bottom:1px solid #eee;text-align:left;vertical-align:top;word-break:break-word}.products-table td{white-space:nowrap;overflow:hidden}.products-table th{background-color:#f5f5f5;font-weight:700;text-align:center}.products-table-wrapper::-webkit-scrollbar{width:6px}.products-table-wrapper::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:3px}.delete-btn{background:none;border:none;cursor:pointer;color:#c00}.delete-btn:hover{color:#900}